/* Modified 27.9.2021 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400');

body {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #4d4d4d;
    background-color: white;
}

hr {
    border-width: 3px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4d
}

h1, .h1 {
    font-size: 40px;
	font-weight: bold;
    margin-top:30px;
    margin-bottom:30px;
}

h2, .h2 {
    font-size: 26px;
}

h3, .h3 {
    font-weight: bold;
    font-size: 16px;
}

h4, .h4 {
    font-weight: 600;
    line-height: 148%;
}

h4, .h4 {
    border-bottom: 0px!important;
}

p {
    line-height: 1.5;
}

.page-header { 
    display:none
}

.page-heading {
    margin-top: -150px;
    padding-top: 0px;
}

.container {
    max-width: 1170px;
    padding-left: 35px;
    padding-right: 35px;
}

.page-heading .container, #aes-header{
    border-left: none;
    border-right: none;
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;

}
#hvnk-header {
    border-bottom: 5px solid #80DDED;
}

#mainContent {
    margin: 50px auto 50px auto;
    max-width: 1200px;
    min-height:550px;
}

#yleisimmatvastaukset {
    display: none;
    padding-right:28px;
}

.alert {
margin-right:28px;
}

.instructions {
    padding: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
    border: black;
    background-color:black;
    height:3px;
    width:30px
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus  {
    border: white;
    background-color:white;
}

.navbar-default .navbar-toggle:hover{
    background-color:#ddd;
}

.white-background {
    background-color: white;
    padding-top:50px;
    padding-bottom: 50px;
}

.light-blue-background {
    background-color: #ebf9f9;
    padding-top:50px;
    padding-bottom: 50px;
}

.light-green-background {
    background-color: #D7F2D3;
}

a, a:visited, a:active {
    color: #2E49B0;
    text-decoration: none;
}

.strong {
    text-decoration: none;
    color: #2E49B0!important;
    font-size: 12px;
}

.breadcrumb {
    padding-top: 15px;
}

.aes-front-page-copy-style a {
    color: #2E49B0!important;
}

#aes .row .feedback-title {    
    font-size: 26px;    
    font-weight: normal;    
} 
 
#aes .front-page-image {
    margin-top: 15px;
}

#aes .aes-front-page-link-image-custom {
    max-width: 400px;
    width: 100%;
}

#aes p.aes-front-page-p {
    font-family: "Open Sans",Helvetica,sans-serif;
    font-size: 23px;
}

.aes-general-background-style {
    background-color: #fff;
    max-width: 970px;
}

#aes .aes-front-info-text .aes-front-info-style .row {
    margin-left: 60px;
    margin-right: 60px;

}

.crmEntityFormView .section-title {
    font-size: 26px!important;
    color: #009eaa !important;
}

.crmEntityFormView .cell {
  padding-left: 0px;
}

legend {
    font-size: 14px!important;
    font-weight: normal!important;
    color: #73767C!important;
    border: 0px!important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .homelink {
    font-family: "Open Sans", Helvetica,sans-serif !important;
    color: #333333!important;
    text-decoration: none;
    font-weight: 600!important;
    line-height: 128%;
    text-align: left;
}

.navbar-toggle {
    margin-top: 15px;
    background-color: #ddd;
}

.navbar-brand {
    padding: 10px 0px 0px 0px;
}

.navbar-brand img {
    height: 55px;
    float: left;
}

.homelink{
    display: inline-block;
    height: 67px;
    padding-top: 30px;
}

.nav {
    padding-left: 30px;
}

.entity-form {
    min-height: 200px;
    font-size: 14px;
    padding: 0px;
}

.panel-link:hover, .panel-link:visited {
    text-decoration: none;
}

.panel-body{
    padding: 25px;
}

.infoframe {
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 130px;
}

.infobox {
    position: relative;
    display: flex;
    border-top: 5px solid #73CAD0;
    flex-direction: row;
    align-items: center;
    padding: 32px 56px 32px 24px;
    width: 100%;
    z-index: 0;
}

.infobox a {
    color: #4d4d4d;
    text-decoration: none;
}

.infobox img {
    position: absolute;
    top:40%;
    right:20px;
}

.infobox h3{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.infobox.usva {
    background-color: #CBD2EB !important;
    border-color: #95A3D6;
}

.infobox.pelto {
    background-color: #FFF5C4 !important;
    border-color: #FEEB87;
}

#map {
    max-width: 1100px;
    max-height: 500px;
    min-height: 300px;
    width: 100%;
    margin-bottom: 50px;
    padding-top: 0px;
    padding-right:28px;
}

#hvnk_longitude_3879_label, #hvnk_longitude_3857_label, #hvnk_longitude_4326_label, #hvnk_osoite_label {
    display: none;
}

#hvnk_latitude_3879_label, #hvnk_latitude_3857_label, #hvnk_latitude_4326_label {
    display: none;
}

#hvnk_longitude_3879, #hvnk_longitude_3857, #hvnk_longitude_4326, #hvnk_osoite {
    display: none;
}

#hvnk_latitude_3879, #hvnk_latitude_3857, #hvnk_latitude_4326 {
    display: none;
}

#hvnk_urakka_alue, #hvnk_urakka_alue_label {
    display: none;
}

#EntityFormControl .section .description {
    font-size: 14px;
    color: #73767C;
    
}

.container p.entity-form-p-style {
    font-size: 14px;
    color: #73767C;
}

/* MAP DROPDOWN ****************************/
#dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    width: 230px;
    padding-left: 10px;
    border: 1px solid #ddd;
    z-index: 1;
    overflow: auto;
    max-height: 300px;
    margin-left: 15px;
}

.dropdown-content a {
    color: black;
    padding: 0;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #cccccc
}

#txtAddress {
    width: 230px;
    margin-left: 15px;
}
/* END DROPDOWN */

.a-btn-sectionlink{
    height: 200px;
    text-align: center;
    margin-bottom: 21px;
}

.a-btn-sectionlink h3 {
    font-family: "Open Sans",Helvetica,sans-serif;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
    color: #2E49B0!important;
}

/*@media screen and (max-width: 990px) {
        .a-btn-sectionlink {
        height: 220px;
        text-align: center;
        margin-bottom: 21px;
    }
}*/

@media screen and (max-width: 990px) {

    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }
    
    #aes .aes-front-info-text .aes-front-info-style .row {
        margin-left: 60px;
        margin-right: 60px;
    }

    .a-btn-sectionlink {
        height: 170px;
    }

}

@media screen and (max-width: 768px) {

    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }
    
    #aes .aes-front-info-text .aes-front-info-style .row {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
	
	.aes-header-style > .navbar {
		background-color: #fff;
	}

    .a-btn-sectionlink {
        height: 210px;
  /*      text-align: center;
        margin-bottom: 21px;*/
    }

    .a-btn-sectionlink h3 {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.aes-general-container-fluid {
    max-width: 970px;
}


@media (min-width: 1200px) {

    /* AES FRONT PAGE START */

    .aes-front-page {
        height: 400px;
        background-image: url('brandimage.png');
        background-size: 100% 100%;
    }

    .aes-info-and-feedback h1 {
        margin: 15px;
    }

    .aes-info-and-feedback a {
        color: #000;
        font-size: 24px;
        font-weight: 600;
    }

    .aes-front-info-style {
        padding-bottom: 100px;
        padding-top: 50px;
    }

    .aes-link-image-neuvonta {
        margin-bottom: -70px;
        margin-top: -70px;
    }

    .neuvonta-image-class {
        text-align: center;
    }

    .aes-link-image {
        width: 100%;
        max-width: 210px;
    }

    .right-caret {
        margin-left: 5px;
        vertical-align: middle;
        margin-bottom: 5px;
    }

    .row a h3 {
        color: #4d4d4d;
    }

    .neuvonta-ja-palaute-class {
        display: inline-block;
    }

    .aes-info-and-feedback .neuvonta-ja-palaute-class .xrm-editable-text {
        display: inline-block;
    }

    .aes-header-style .aes-navbar-container .nav > li {
        display: flex;
        flex-grow: 1;
        width: 130px;
        align-items: center;
        height: 67px;   
        padding-top: 10px;
    }
}

/*Pienen näytön asiat*/
@media screen and (max-width: 768px) {

    .aes-general-background-style {
        margin-top: 0px;
    }

    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }

    .aes-link-image {
        max-width: 210px;
        width: 100%;
    }

    .aes-link-image-neuvonta {
        margin-bottom: -50px;
        margin-top: -50px;
    }

    .neuvonta-ja-palaute-small {
        height: 70px;
        width: 768px;
    }

    .aes-link-image-neuvonta {
        margin-right: 0px;
        margin-left: 0px;
    }

    .neuvonta-ja-palaute-class {
        display: inline-block;
        font-size: 24px;
        margin-left: 0px;
        margin-top: 11px;
        white-space: nowrap;
    }

    .a-btn-sectionlink {
        margin-bottom: 0px;
    }

        .a-btn-sectionlink h3 {
            margin-left: 0px;
            margin-right: 0px;
        }
}

@media screen and (max-width: 500px) {
    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }

    .neuvonta-ja-palaute-class {
        font-size: 24px;
        margin-top: 0px;
        white-space: normal;
    }

    .aes-info-and-feedback h1 {
        margin-top: 2px;
    }

    .neuvonta-ja-palaute-col {
        height: 56px;
    }
}

/* AES FRONT PAGE END */


/* AES LINK PAGE START */

.aes-link-page {
    height: 400px;
    background-image: url('../brandimage.png');
    background-size: 100% 100%;
}

.aes-link-page-copy-style {
    margin-top: 20px;
}

/* AES LINK PAGE END */


/* AES FORM PAGE START */
/***********************/
.aes-form-page {
    height: 400px;
    background-image: url('../brandimage.png');
    background-size: 100% 100%;
}

.aes-form-page-copy-style {
    margin-top: 20px;
}

/* AES FORM PAGE END */



/* AES HEADER */

.navbar-nav > li > .dropdown-menu { 
    background-color: #ffffff; 
}

#aes-header .aes-header-style #navbar {
    margin-top: 0px;
    background-color: white;
}

#aes-header .aes-search-icon-styling {
    padding-left: 5px;
}

@media screen and (max-width: 768px) {
    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }

    #aes-header #aes-site-header a {
        display: none;
    }

    #small-header {
        padding-left: 30px;
        color: #fff;
    }

    .aes-header-style > .navbar {
        margin-top: 0px;
    }
}


@media screen and (min-width: 768px) {
    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }

    .aes-header-style .aes-navbar-container > #navbar > .menu-bar > .weblinks {
        float: right;
        justify-content: space-between;
    }

    .aes-header-style .aes-navbar-container .nav > li {
        display: flex;
        flex-grow: 1;
    }

    .aes-header-style > .navbar {
        background: #005ca3;
        background-color: rgba(254, 254, 254, 1);
        margin-left: auto;
        margin-right: auto;
    }

}

.navbar-nav>li>a {
    padding: 0px 12px 0px 12px;
    line-height: 16px;
    text-align:center;
}

@media screen and (max-width: 1400px) {
    #aes-header .aes-header-style .aes-navbar-container {
        max-width: 970px;
    }

    #aes-header #aes-site-header a {
        max-width: 970px;
    }

    .aes-header-style .aes-navbar-container .nav > li > a {
        padding-left: 0px;
    }
}

@media screen and (max-width: 990px) {
    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }

    #aes-header #aes-site-header a {
        max-width: 768px;
    }

    .aes-header-style .aes-navbar-container .nav > li > a {
        padding-left: 0px;
    }
}

@media screen and (max-width: 1200px) {
    .aes-header-style .aes-navbar-container .nav > li {
        display: flex;
        flex-grow: 1;
        height: 58px;
        font-size: 16px;
        padding: 20px 0 10px 0px;
        border-bottom: 1px solid #ddd;
    }
}

#aes-site-header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    font-size: 92px;
}

#aes-site-header a {
    display: block;
    max-width: 1140px;
    margin: 0 auto;
    color: black;
    padding: 0 30px;
}

#aes-site-header a:hover {
    text-decoration: none;
}

#extraheader {
    position: relative;
    background: white;
    min-height: 55px;
    color: #73767C !important;
    box-sizing: border-box;
    padding: 16px 0px 0px 0px;
}

#extraheadersub {
    background: white!important;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

#extraheadersub span {
    padding: 0px 20px 0px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.53em;
}

#extraheadersub .row {
    padding:0px;
    margin:0px;
}

#extraheader a:link, #extraheader a:hover, #extraheader a:active, #extraheader a:visited {
    color: #333!important;
    text-decoration: none;
}

#kuuntele {
    font-weight: bold !important;
    background-size: 15px !important;
    background-position: right center !important;
}

#ohje {
    font-weight: bold !important;
    background-size: 15px !important;
    background-position: right center !important;
}

/* AES HEADER END */

/* AES FOOTER */

.footerdiv {
    margin-top: 40px;
}

.aes-footer-template {
    padding-bottom: 30px;
    background-color:  #2E49B0; 
    min-height: 450px;
}

footer h3, footer a, footer p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: white!important; 
    line-height: 1.5;
}

footer a:hover{
    text-decoration: underline;
}

@media screen and (max-width: 979px) and (min-width: 768px){
    .footerdiv{
        width:50%;
    }
}

/* ennen romahdusta: */
@media screen and (min-width: 992px) {
    #navbar .menu-bar ul.weblinks {
        background-color: #fff;
    }
}
/* /ennen romahdusta */

#footer-logo {
    max-width: 100%;
}



/* AES FOOTER */

/* Ylimääräiset muutokset */

#content .form-horizontal #https\:\/\/login\.windows\.net\/ca8dd34c\-ed0b\-4236\-92cb\-5644bfcfaed6\/ {
    display: none;
}

#content .form-horizontal .btn#https\:\/\/login\.windows\.net\/ca8dd34c\-ed0b\-4236\-92cb\-5644bfcfaed6\/ {
    display: none;
}

section.page_section.section-landing-search.color-inverse {
    display: none;
}

.external-link {
    height: 15px;
    width: 15px;
}

#aes .breadcrumb {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0;
    padding-bottom: 0;
}


/* Ylimääräiset muutokset loppuu */

/* Rekisteröinti sivun piilotus */
#ContentContainer_MainContent_MainContent_SecureRegister{
    display:none;
}

.nav-account li {
    display:none;
}