body{
    background: linear-gradient(90deg, rgba(192,225,221,1) 0%, rgba(0,128,141,1) 86%, rgba(1,91,100,1) 100%);
}

#mellomrom{
    margin-bottom:50px;
}

#menyikon, #infoikon, #hjemikon{
    height:30px;
    width: 30px;
    opacity: 50%;
 }

 #menyikon:hover, #infoikon:hover, #hjemikon:hover{
    opacity: 100%;
    cursor: pointer;
 }

 .row{
    margin-top: 15px;
 }

 .btn {
    background-color: rgba(1,91,100,1);
    border: none; 
    color: white; 
    padding: 12px 16px; 
    font-size: 16px; 
    cursor: pointer; 
  }
  
  .btn:hover {
    background-color: rgba(192,225,221,1);
    color: black;    
  }

/*Setter skygge med riktig farge rundt input-felt*/
input[type="password"]:focus, input[type="text"]:focus{
    border-color: rgba(1,91,100,1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(1,91,100,1);
    outline: 0 none;
}

/* Bredde på tilbakemeldingsboksene til brukerne*/
.alert{
    width: 28.5%;
}

/*Setter bakgrunnsfarge på raden i tabellen når den hovres*/
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: rgba(192,225,221,1);
}

/*Setter farge som  skal brukes på stripene i tabellen*/
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: rgba(192,225,221,1);
}

.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(32, 32, 32);
    color: white;
    margin:0;
    color:white;
}

#footerlink{
    color:white;
}

#footerlink:hover{
    color:rgba(0,128,141,1);
}

#sidebarbilde{
    width:50%;
}

/*Fjerne automatisk padding som gjorde at menyknappen og infoknappen ikke var helt ute i kanten.*/
.col-sm-4{
    padding: 0;
}