﻿.ie-support-warning {
    display: none;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    height: 90px;
    margin: 0 0 8px;
    border-bottom: 2px solid #F57C00;
    background-color: white;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.ie-support-warning .content-wrapper {
display: flex;
justify-content: center;
}

.ie-support-warning .content-wrapper i {
    font-size: 32px;
    background-color: #F57C00;
    color: white;
    padding: 10px 11px 14px 13px;
}

.ie-support-warning .content-wrapper .warning-content {
    display: flex;
    align-content: flex-start;
    flex-flow: column nowrap;
    padding: 16px 8px 16px;
    padding-right: 90px;
    font-size: 14px;
}

.ie-support-warning .content-wrapper .warning-content label {
    font-weight: bold;
}

.ie-support-warning .content-wrapper .warning-content a {
    text-decoration: underline !important;
    color: rgba(0, 0, 0, 0.87);
}

.ie-support-warning > #buttonwrapper {
    display: block;
    padding: 36px 36px;
}
.ie-support-warning button.met-flat-button {
    color: #076ae6;
    border-radius: 4px;
    text-transform: uppercase;
    height: 35px;
    align-self: center;
    padding: 8px 16px;
    border: none;
    background-color: white;
    justify-content: center;
}

.ie-support-warning button.met-flat-button:hover {
    background: rgba(7, 106, 230, 0.31);
}

.ie-support-warning .content-wrapper .icon-wrapper {
    background: #F57C00;
    height: 100%;
    width: 64px;
    justify-content: center;
    display: flex;
}

i.icon.icon-warning.icon-centered {
    align-self: center;
}

.ie-support-warning .alert-label-text {
    color: #fff;
    background-color: #F57C00;
    width: 140px;
    text-align: center;
    border-radius: 20px 20px;
    font-weight: bold;
}
