/* body {
    background:var(--bg);
    margin:0;
    padding:32px;
    display:block;
    align-items:unset;
    justify-content:unset;
    
} */

input {
    height:25px;    
    border-radius: 5px;
     border: 1px solid;

   
}

.gridYritys {
    display: grid;
    grid-template-columns: auto auto auto auto;

}


.gridEtu {
    display: grid;
    grid-template-columns: auto auto ;

}


.yritystiedot {
    width: 100%;
    border: 1px solid black;
    padding-bottom: 20px;
    border-radius: 12px;
}

.password-wrapper {
    position: relative;
    /* width: 250px; */
  }


.password-wrapper .toggle-password {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #555;
    /* font-size: 18px; */
  }

.tdAika {
    width: 80px;
    font-size: 1rem;
}

.tdPvm {
    width:auto;
}

#aukioloajat-div {
    padding-top: 20px;
  
}


textarea {
    position: static;
    /* width: inherit; */
 
    border-radius: 6px;
    width: 100%;
    min-height: 25px;
    resize: vertical;   /* käyttäjä voi venyttää */
    box-sizing: border-box;
}

.poista {
    color: red;
    font-weight: bolder;

}

.grid02Y {
    display: block;
    padding-top: 20px;
}

.gridSelitys {
    width: 200%;
}

  



@media screen and (max-width: 800px) {
    .gridYritys {
        display: grid;
        grid-template-columns: auto auto ;
    }

    
.gridEtu {
    display: grid;
    grid-template-columns:  auto ;

}


      

}



@media screen and (max-width:600px) {
            
    .gridYritys {
        display: grid;
        grid-template-columns:100%;     
    }


}