/* 
Meddelande
Envision Alert
*/

.meddelande ul li div.env-alert {
   display: flex;
   align-items: center;
   background-color: #ffe143;
}

.meddelande ul li a {
   text-decoration: none;
   width: 90%;
}

.meddelande ul li div a:hover {
   text-decoration: underline;
}

.meddelande ul li button {    
   top: initial;
   right: 1%;
   position: absolute;
   font-weight: bold;
   cursor: pointer;
}

.meddelande .env-alert, .meddelande .env-alert:hover {
   border: 0;
}

/* Envision ger fel färg värden så de behöver skrivas över */
.meddelande .env-alert--danger {
   background-color: #d9262e;
}

.meddelande .env-alert--warning {
   background-color: #ffe143;
}

.meddelande .env-alert--info {
   background-color: #007dbc;
}

.meddelande .env-alert--success {
   background-color: #56a74b;
}

/* Behövs för att skriva över generell "a" regel */
.meddelande .env-alert--danger a, .meddelande .env-alert--info a,
.meddelande .env-alert--danger button, .meddelande .env-alert--info button {
   color: #FFF !important;
}

.meddelande .env-alert--warning a, .meddelande .env-alert--success a,
.meddelande .env-alert--warning button, .meddelande .env-alert--success button {
   color: #000 !important;
}

/* Skapar ett litet avstånd neråt */
.meddelande ul li, .meddelande ul li div.env-alert {
   margin: 0 0 .1em 0 !important;
   box-shadow: 0 2px 3px 0 rgb(0 0 0 / 30%);
}

/* Tar bort avståndet neråt på sista meddelandet om det är på startsidan */
.sv-template-startsida .meddelande ul li:last-child {
   margin-bottom: -2px;
}