/**********************************
 * Alerts
 **********************************/
 .alerts {
    display: block;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 99999;
    width: 27rem;
 }
.alert {
    border: none;
    padding: 1rem 1rem 1rem 1rem;
    background-repeat: no-repeat;
    background-position: left 0.3rem top 0.3rem;
    background-size: 4rem 4rem;
    margin-bottom: 1rem;
    min-height: 4rem;
}
.alert > ul > li {
    color: #DA3A3A;
    background-image: none;
    padding: 0;
    margin: 0;
}

.alert.alert-error {
    color: #DA3A3A;
    border-color: #DA3A3A;
}
.alert.alert-error > ul > li {
    color: #DA3A3A;
}

.alert.alert-warning {
    color: #DC9C11;
    border-color: #DC9C11;
}
.alert.alert-warning > ul > li {
    color: #DC9C11;
}

.alert.alert-info, .alert.alert-information {
    color: #135903;
    border-color: #135903;
}
.alert.alert-info > ul > li, .alert.alert-information > ul > li {
    color: #135903;
}

.alert.alert-message {
    color: #135903;
    border-color: #135903;
}
.alert.alert-message > ul > li {
    color: #135903;
}

 .alerts > .alert {
    display: block;
    background-color: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    max-height: 40rem;
    min-height: 4rem;
    overflow: hidden;
    box-shadow: 0px 0px 5px #333333;
    transition: all 0.3s ease-in-out;
    text-align: center;
 }
 .alerts > .alert.hide {
    max-height: 0;
    min-height: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
 }

/**********************************
 * Help / Info box
 **********************************/
.infobox {
    position: relative;
    overflow: visible;
}
.infobox > .infobox-content {
    display: none;
    position: absolute;
    top: 0;
    left: 102%;
    border: solid 1px #4C944B;
    padding: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    box-shadow: 0 0 2px #4C944B;
    color: #444;
    font-size: 1.2rem;
    line-height: 1.2;
    text-decoration: none;
}
.infobox:hover > .infobox-content {
    display: block;
}

.infobox > .infobox-content > h3 { border-bottom: solid 1px #4C944B; margin-bottom: 0.4rem; }
.infobox > .infobox-content > span { display: block; }
.infobox > .infobox-content > span.address,
.infobox > .infobox-content > span.phone,
.infobox > .infobox-content > span.mobile,
.infobox > .infobox-content > span.email {
    padding-left: 2rem;
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: left 0.2rem;
    background-image: url(/img/icons/mail.svg);
}
.infobox > .infobox-content > span.phone { background-image: url(/img/icons/call.svg); }
.infobox > .infobox-content > span.mobile { background-image: url(/img/icons/call.svg); }
.infobox > .infobox-content > span.email { background-image: url(/img/icons/message.svg); }