/*----- max-width: 768px -----*/

.mobile-only { display: block; }

div#toolbarWrapper,
.admin-linkset,
.box-att.orderinfo,
.no-mobile,
div#pageimage2-wrap,
img.logo-img,
img.paytrail-extrawide,
img.paytrail-wide, 
img.paytrail-medium,
div#paytrail-wrap { 
 display: none !important; 
}


h1 { font-size: 36px; margin: 0 0 0.3em 0; }

h1 + p { margin-top: 0.3em; }

h2 { margin: 0.3em 0; }

h2 + p { margin-top: 0.3em; }

h3 { margin: 1.3em 0 0.3em 0; }

p { margin: 1.3em 0; }

ul, ol {  margin: 0.3em 0; }

.formGreen,
.formBlue { padding: 15px; }

div#container { background-size: auto auto; }

div#header-wrap .table-cell.left { display: none; }
div#header-wrap .table-gap { display: none; }

div.login-button,
div.useraccount-button,
div.logout-button,
div.luvat-button,
div.valvoja-button,
button.cartbutton { transition: all 300ms ease-in-out 0s; }

button.cartbutton { 
 right: 55px; 
 z-index: 1500002;
}

button.cartbutton.buttondisabled {
 border: 0;
 background: none;
 color: #115891;
}

.buttonwidemobile { width: 100%; }

.buttonhalfmobile { width: 49%; }

div#login-button-wrapper { 
 right: 97px; 
 z-index: 1500002;
}

div#login-button-wrapper div.logout-button { margin-left: 5px; }

form#user-login-form-account input[type=submit],
form#user-login-form-account input[type=button] { width: 100%; }

div.luvat-button,
div.valvoja-button { 
 position: fixed !important;
 top: 9px;
 z-index: 1500002;
 color: #ffffff;
 padding: 3px;
}

div.luvat-button {  right: 183px; }

div.valvoja-button { right: 225px; }

div.luvat-button a, div.luvat-button a:hover, div.luvat-button a:focus, 
div.valvoja-button a, div.valvoja-button a:hover, div.valvoja-button a:focus { 
 color: #ffffff;
 opacity: 1;
}

div.logout-button:hover,
div.useraccount-button:hover,
div.luvat-button:hover,
div.valvoja-button:hover { 
 background: #2169a1 !important;
 transition: background 300ms ease-in-out 0s;
}

div.logout-button:active,
div.useraccount-button:active,
div.luvat-button:active,
div.valvoja-button:active { background: #115891 !important; }

div.luvat-button span.button-text,
div.valvoja-button span.button-text { display: none; }

div.luvat-button i.material-icons, 
div.valvoja-button i.material-icons { 
 font-size: 30px;
 color: #ffffff;
}

table#kiintiot td,table#kiintiot th {
 font-size: 10px;
 padding: 0;
}

div#luvat-table img.removeProduct { max-width: initial; }

div#luvat-table div { font-size: 85%; }

div#lupa { width: 100%; }

div.lupa-public.pyydysmerkki span.lupa-qty {
 bottom: 0px;
 right: 0px;
}

span.voimassa { display: none; }

div.basket-row input.qty-fld { padding: 5px 0; }

input.removefrombasket { 
 width: initial;
}

div#mainImg-wrap,
div#mainImg-haku-wrap,
div#mainImg-pyydys-wrap { display: none; }

div#page-wrap div.table-gap { display: none; }

div#page-wrap { display: block; }

div#page-wrap div.table-gap { display: none; }

div#aside { display: block; }

div#main { 
 display: block;
 padding: 15px;
}

div#main img { 
 max-width: 100%;
 height: auto;
}

div#pageimage-wrap img { max-width: 100%; height: auto !important; }

div.aside-mobile { 
 overflow: hidden;
 line-height: 1.4em;
 padding: 0 15px 15px 15px;
}

div.aside-mobile img {
 max-width: 100%;
 height: auto;
}

div.aside-mobile div#erityiskohteet { margin-bottom: 0; }

div#paytrail-wrap-mobile { 
  text-align: left;
  padding: 0 15px 15px 5px;
}

div#paytrail-wrap-mobile img { 
  width: 175px;
  height: initial;
}

div#footer { padding: 15px; }

div#footer-wrap { display: block; }

div#footer-wrap div.table-row { display: block; }

div#footer-wrap .table-cell { 
 display: block;
 text-align: left;
 padding: 15px 0 0 0;
}

div#footer-wrap .table-cell img { 
 max-width: 100%;
 height: auto;
}

div#footer-wrap .table-gap { display: none; }

div#netland-wrap {
 padding: 15px 0;
 text-align: left;
}

/*--- LOGIN & REGISTER ---*/

div#useraccount-left.table-cell { display: block; }

div#useraccount-right.table-cell,
div#useraccount-several-addresses.table-cell,
div#useraccount-several-addresses-pm.table-cell { display: block; }

div#useraccount-right.table-cell.visible,
div#useraccount-several-addresses.table-cell.visible,
div#useraccount-several-addresses-pm.table-cell.visible { display: block; }

div#useraccount-right,
div#useraccount-several-addresses,
div#useraccount-several-addresses-pm { margin-top: 0px; }

div#useraccount-left div.contentarea { padding: 30px 15px 15px 15px; }

div#useraccount-right div.contentarea,
div#useraccount-several-addresses div.contentarea,
div#useraccount-several-addresses-pm div.contentarea { padding: 30px 15px 15px 15px; }

div#useraccount-table input.button { width: 100%; }

div#useraccount-right input[name=cancel] { margin-top: 15px; }

/*--- USERINFO ---*/

div#userinfo-table-cont { padding: 15px; }

/*--- NAVIGATION ---*/

div#smartnavi-toggler-cont { 
 background: #337bb3;
 z-index: 1500000;
}

div#smartnavi-toggle-button { border: 1px solid #337bb3; }

div#smartnavi-toggle-button:hover { border: 1px solid #2169a1; }

div#smartnavi-toggle-button:active { border: 1px solid #115891; }

div#smartnavi-bottom-container { 
 background: #030405;
 border-top: 1px solid #000000;
 z-index: 1500000;
}

div#smartnavi-bottom { 
 color: #ffffff;
 -webkit-user-select: none;
 -moz-user-select: none; 
 -ms-user-select: none;
 user-select: none;
}

div#smartnavi-bottom span#arrow-up { border-bottom: 10px solid #ffffff; }

/* styles.inc */
.sm-netland { }

/* styles.inc */
.sm-netland a { padding: 13px 15px 13px 15px; }

/* styles.inc */
.sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted, .sm-netland a.selected { padding: 13px 15px 13px 15px; }

.sm-netland ul a, .sm-netland ul a:hover, .sm-netland ul a:focus, .sm-netland ul a:active, .sm-netland ul a.highlighted, .sm-netland ul a.selected  { padding: 13px 20px; }

/*--- STARTPAGE ---*/

div#licenceSearchWrap { margin-top: 0 !important; }

div#licenceSearchWrap fieldset div.table,
div#licenceSearchWrap fieldset div.table-row,
div#licenceSearchWrap fieldset div.table-cell {
 display: block;
 width: 100%;
}

div#licenceSearchWrap fieldset div.table-gap { display: none; }

div#quicksearch-mobile { 
 display: block; 
 text-align: center;
 padding: 3px;
 zoom: 0.85;
}

div#quicksearch-mobile input { display: inline-block; }
 
div#licenceSearchWrap div#quicksearch { 
 opacity: 0;
 position: absolute;
 border: 0;
 padding: 15px;
 right: 30px;
 top: -40px;
 background: transparent;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 zoom: 0.85;
 }

div#licenceSearchWrap div#quicksearch input#quicksearch_koski { left: -15px; }

div#licenceSearchWrap div#quicksearch input#quicksearch_viehe { right: 0; }

/*--- SEARCH RESULTS ---*/

div.searchResultWrap { 
 padding: 15px;
 margin-top: 15px;
}

div.searchResultWrap .table {
 display: block;
 margin-bottom: 0;
}

div.searchResultWrap .table-row {
 display: block;
 padding-bottom: 15px;
}

div.searchResultWrap .table .table-cell { 
 display: block;
 padding: 0;
}

div.searchResultWrap .table .title { width: 100%; }

/*--- LUVAT ---*/

div.lupa-wrapper.table { display: block; }

div.lupa-wrapper .table-row,
div.lupa-wrapper .table-cell,
div.lupa-wrapper .table-gap { display: block; }

div.lupa-wrapper .table-cell { margin-bottom: 5px; }

div.lupa-wrapper .table-cell.viehelupa { margin-bottom: 0; }

div.luvat-public { margin-bottom: 0em; }

.table-row.viehelupa.blank .table-cell { height: 0; }

div.pm_totals.table { 
 width: 100%;
 display: block;
}

div.pm_totals .permits_totalprice { margin-bottom: 10px; }

div.vl_totals { margin-top: 0; }

div.vl_totals.table { 
 width: 100%;
 display: block;
}

div.vl_totals .permits_totalprice { margin-bottom: 10px; }

.dncalendar-body table td.note:before { outline: 2px solid #ffffff; }

#calendar-colors { 
 display: block;
 margin: 10px 0 0 0;
}

#calendar-colors .table-cell { 
 padding-right: 0;
 margin-bottom: 0;
}

#calendar-colors .table-cell.colors1 { padding-bottom: 0; }

#calendar-colors .table-cell.colors2 { padding-top: 0; }

div#addtobasket-wrapper { text-align: left; }

div#addedtobasket { 
 right: auto;
 left: 0;
}

input#addtobasket { margin-top: 0px; }

input.asiamies1.button { margin-top: 10px; }

div.lupa-calendar.vl div#dncalendar-container.disabled,
div.lupa-calendar h2.disabled {
 display: none;
}
/*--- ORDER PHASE --- */

div#order_phases_mobile { padding: 0 15px; }

ul#order_phases { 
 margin: 0;
 border-left: 0;
 display: block;
}

ul#order_phases li { 
 display: inline-block;
 padding: 10px 10px 10px 30px;
}

/* styles.inc */
ul#order_phases li::after {
 left: 0px;
 margin-top: -13px;
 width: 20px;
 height: 20px;
 font-size: inherit;
}

ul#order_phases li.phase1 { padding-top: 10px; }

ul#order_phases li.phase1::after { margin-top: -13px; }

ul#order_phases li.phase5 { padding-bottom: 10px; }

ul#order_phases li.phase5::after { margin-top: -13px; }

/*--- BASKET --- */

div.basketwrap { display: block; }

div.basketwrap .table-row { display: block; }

div.basketwrap .table-cell { display: block; }

div.basketwrap .table-cell.no-mobile { display: none; }

div.basketwrap .table-cell.right { text-align: left; }

div.basketwrap .bproducts .table-cell { padding: 0 0 10px 0; }

div.basketwrap .bproducts .table-cell.bproduct { padding-bottom: 0px; }

div.basketwrap .bproducts .table-cell.bprice { padding-bottom: 10px; }

div.basketwrap .bproducts .table-cell.bprice small { font-weight: bold; }

div.basketwrap .bproducts .table-cell.bremove { 
 padding-left: 0; 
 width: initial;
}

/* styles.inc */
div.basketwrap .bdelivery, 
div.basketwrap .bpayment { padding: 15px 0; }

div.basketwrap .bdelivery .table-cell, 
div.basketwrap .bpayment .table-cell, 
div.basketwrap .btotal .table-cell { 
 border-top: 0;
 padding: 0;
}

/* styles.inc */
div.basketwrap .btotal { padding: 15px 0 0 0; }

div.basketwrap .btotal .table-cell h2 { margin-bottom: 0; }

div.customer-info-wrap { 
 display: block;
 width: 100%;
}

input#basket_update { margin-bottom: 10px; }

div.customer-info-wrap .table-row { display: block; }

div.customer-info-wrap .table-gap { display: none; }

div.customer-info-wrap .table-cell { 
 display: block;
 width: 100%;
}

div.customer-info-wrap .table-cell h2 { margin-top: 20px; }

div#aside_links_mobile { padding: 10px 15px 0 15px; }

div#aside_links_mobile div.aside-link {
 display: inline-block;
 padding-right: 8px;
 margin: 5px 0;
}

div#aside_links_mobile div.aside-link i.material-icons { font-size: 18px; }

div#valvoja-haku { margin-bottom: 15px; }

.valvoja-haku { 
 display: block; 
 display: none; 
}

div#valvoja-fields { display: block; }

div#valvoja-haku input[type=text] { 
 width: 100%; 
 margin-bottom: 10px;
} 

div#valvoja-haku input.button { width: 100%; }

div#vres-wrap { padding: 15px 15px 5px 15px; }