.Box {
    width: 500px;
    margin: auto;
    padding: 0;
    border: 1px solid #d3d3d3;
    border-radius: 4px
}

.Box-noBorder {
    border: none
}

.Box_main {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #fff
}

.Box-noBorder .Box_main {
    background-color: transparent
}

.Box_main img {
    align-self: center
}

.Box_Section {
    background-color: #fff;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column
}

    .Box_Section p, .Box_Section span {
        font-size: 0.875em;
        margin-left: 0.5em
    }

        .Box_Section p span {
            font-size: 1em
        }

    .Box_Section .label {
        margin-top: 0.5em
    }

    .Box_Section .align-right {
        align-self: flex-end
    }

.Box_Section-ServiceProvider {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #e6ebf0;
}

    .Box_Section-ServiceProvider img {
        max-height: 32px;
        width: auto;
        align-self: flex-end
    }

@media (max-width: 767px) {
    .Box_Section-ServiceProvider {
        display: none
    }
}

.Box_Section_Title {
    font: 600 0.875em "Open Sans",sans-serif;
    color: #5e6b77;
    text-transform: uppercase
}

.Box_footer, .Box_header {
    display: flex;
    justify-content: space-between
}

    .Box_footer > *, .Box_header > * {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

.Box_header {
    padding: 0 1rem;
    border-bottom: 1px solid #e6ebf0
}

.Box_footer {
    padding: 0 1rem 0 2rem;
    border-top: 1px solid #e6ebf0;
    min-height: 3.5em
}

.Box_inside-footer {
    border-top: 1px solid #e6ebf0;
    background-color: transparent
}

    .Box_inside-footer + .Box_footer {
        border-top-width: 0
    }

.Box_header-title {
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #222;
    font-weight: 700;
    min-height: 60px
}

    .Box_header-title.with-logo {
        position: relative;
        padding-left: calc(.5em + 25px)
    }

        .Box_header-title.with-logo:before {
            content: "";
            display: block;
            position: absolute;
            width: 25px;
            height: 25px;
            left: 0;
            top: 1.25em;
            background-repeat: no-repeat;
            background-size: 100%
        }

.Box_header-provider img {
    height: 2em
}

.Box_footer-links a {
    color: #222;
    text-decoration: none;
    position: relative;
    padding: 0.5em;
    font-size: 0.875em
}

    .Box_footer-links a:active, .Box_footer-links a:hover {
        color: #006cff
    }

        .Box_footer-links a:active span, .Box_footer-links a:hover span {
            border-bottom-color: #006cff
        }

            .Box_footer-links a:active span.fa, .Box_footer-links a:hover span.fa {
                color: #006cff
            }

    .Box_footer-links a:focus {
        color: #006cff;
        outline: 1px solid #5e6b77;
        border-bottom-color: transparent;
        text-decoration: none
    }

        .Box_footer-links a:focus span {
            border-bottom-color: transparent
        }

            .Box_footer-links a:focus span.fa {
                color: #006cff
            }

    .Box_footer-links a span {
        border-bottom: 1px solid #006cff
    }

        .Box_footer-links a span.fa {
            border-bottom-color: transparent
        }

.Box_footer-links ul {
    padding-left: 0;
    list-style-type: none
}

    .Box_footer-links ul li {
        display: inline-block
    }

        .Box_footer-links ul li:first-child {
            margin-left: calc(-.5em + 1px)
        }

.Box_footer-help a {
    color: #222;
    text-decoration: none;
    position: relative;
    padding: 0.5em;
    font-size: 0.875em
}

    .Box_footer-help a:active, .Box_footer-help a:hover {
        color: #006cff
    }

        .Box_footer-help a:active span, .Box_footer-help a:hover span {
            border-bottom-color: #006cff
        }

            .Box_footer-help a:active span.fa, .Box_footer-help a:hover span.fa {
                color: #006cff
            }

    .Box_footer-help a:focus {
        color: #006cff;
        outline: 1px solid #5e6b77;
        border-bottom-color: transparent;
        text-decoration: none
    }

        .Box_footer-help a:focus span {
            border-bottom-color: transparent
        }

            .Box_footer-help a:focus span.fa {
                color: #006cff
            }

    .Box_footer-help a span {
        border-bottom: 1px solid #006cff
    }

        .Box_footer-help a span.fa {
            border-bottom-color: transparent
        }

.Box_footer-help .fa {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #c2c3c4;
    text-decoration: none;
    width: 30px;
    height: 30px
}

.Box_header-close a {
    color: #222;
    text-decoration: none;
    position: relative;
    padding: 0.5em;
    font-size: 0.875em
}

    .Box_header-close a:active, .Box_header-close a:hover {
        color: #006cff
    }

        .Box_header-close a:active span, .Box_header-close a:hover span {
            border-bottom-color: #006cff
        }

            .Box_header-close a:active span.fa, .Box_header-close a:hover span.fa {
                color: #006cff
            }

    .Box_header-close a:focus {
        color: #006cff;
        outline: 1px solid #5e6b77;
        border-bottom-color: transparent;
        text-decoration: none
    }

        .Box_header-close a:focus span {
            border-bottom-color: transparent
        }

            .Box_header-close a:focus span.fa {
                color: #006cff
            }

    .Box_header-close a span {
        border-bottom: 1px solid #006cff
    }

        .Box_header-close a span.fa {
            border-bottom-color: transparent
        }

        .Box_header-close a span.fa {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            color: #222;
            text-decoration: none;
            width: 18px;
            height: 18px;
            border: 2px solid #5e6b77;
            border-radius: 100%;
            padding: 2px
        }

            .Box_header-close a span.fa:before {
                margin-left: 1px;
                margin-top: -1px
            }

    .Box_header-close a:hover span.fa {
        border-color: #006cff
    }

@media (max-width: 767px) {
    .Box {
        width: 100%;
        border: 0
    }

    .Box_footer, .Box_header {
        padding: 0 0.5em
    }

    .Box_footer-help {
        padding-right: 0
    }
}

.ln-List {
    list-style: none;
    padding-left: 0;
    margin: 0;
    background-color: #fff
}

.ln-List_Element {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    color: #000;
    font-size: 0.875em;
    line-height: 1.5em;
    padding: 0.7857em 1.7142em 0.7857em 1.1429em;
    text-decoration: none;
    border-bottom: 1px solid #e6ebf0;
    border-top: 1px solid #e6ebf0
}

    .ln-List_Element .fa-angle-right {
        font-weight: 600
    }

    .ln-List_Element.disabled, .ln-List_Element.disabled:focus, .ln-List_Element.disabled:hover {
        color: #b3b3b3;
        background-color: #f7f8fa;
        cursor: default
    }

    .ln-List_Element.with-icon {
        padding-right: 0
    }

a.ln-List_Element {
    cursor: pointer
}

    a.ln-List_Element:focus, a.ln-List_Element:hover {
        color: #fff;
        background-color: rgb(24, 166, 137)
    }

        a.ln-List_Element:focus .ln-List_Element_Action, a.ln-List_Element:hover .ln-List_Element_Action {
            color: #fff
        }

    a.ln-List_Element.disabled:focus, a.ln-List_Element.disabled:hover {
        color: #b3b3b3
    }

.ln-List > li:last-child .ln-List_Element {
    border-bottom: 0
}

.fm-Field .ln-List_Element {
    padding-right: 1.1429em
}

    .fm-Field .ln-List_Element.with-icon {
        padding-right: 0
    }

.ln-List_Element_Logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47.92px;
    width: 80px;
    background-color: #fff;
    border-radius: 2px;
    margin-right: 20px;
    overflow: hidden
}

    .ln-List_Element_Logo img {
        width: 100%
    }

.ln-List_Element_Service {
    flex: 1
}

.ln-List_Element_Service_Name {
    font-weight: 700;
    text-transform: uppercase;
    max-width: 100%
}

.ln-List-simple a.ln-List_Element:focus .ln-List_Element_Service_Name {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px
}

.ln-List_Element_Service_Info {
    display: block;
    font-weight: 400;
    padding-right: 1em;
    max-width: 100%
}

.ln-List-lowPriority, .ln-List-simple, .ln-List_Digitalpost {
    list-style: none;
    padding-left: 0;
    margin: 2rem;
    background-color: transparent;
    border: 1px solid #d3d3d3;
    border-radius: 4px
}

    .ln-List-lowPriority > li:first-child .ln-List_Element, .ln-List-simple > li:first-child .ln-List_Element, .ln-List_Digitalpost > li:first-child .ln-List_Element {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .ln-List-lowPriority > li:last-child .ln-List_Element, .ln-List-simple > li:last-child .ln-List_Element, .ln-List_Digitalpost > li:last-child .ln-List_Element {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

.ln-List-simple {
    margin: 1rem 2rem
}

.fm-Field .ln-List-simple {
    margin: 1rem 0
}

.fm-Field .label + .ln-List-simple {
    margin-top: 0
}

.fm-Fields .ln-List_Digitalpost {
    margin: 0
}