﻿.trustPage .layout-table {
    display: table;
    height: 100%;
    width: 100%;
}

.trustPage .layout-table-row {
    display: table-row;
}

.trustPage .layout-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.trustPage .layout-table-cell-alignment {
    display: inline-block;
}

/* #region SVG graphics styles*/
#error404graphics a.svgLink {
    cursor: pointer;
}

    #error404graphics a.svgLink .st5,
    #error404graphics a.svgLink .st1 {
        opacity: 0.8;
    }

    #error404graphics a.svgLink:hover .st5,
    #error404graphics a.svgLink:hover .st1 {
        opacity: 1;
    }

#error404graphics a:focus #btnBack {
    stroke: #2196f3;
}

#error404graphics #btnBack {
    height: 183px;
    width: 183px;
    fill: transparent;
    stroke: transparent;
    stroke-width: 2;
}

#error404graphics .st0 {
    fill: #36474f;
}

#error404graphics .st1 {
    font-family: "Open-Sans", "Segoe UI Regular", Helvetica, Arial, sans-serif;
}

#error404graphics .st2 {
    font-size: 25px;
}

#error404graphics .st3 {
    fill: #666666;
}

#error404graphics .st4 {
    fill: none;
    stroke: #36474f;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

#error404graphics .st5 {
    fill: #81ae40;
}

#error404graphics .st6 {
    fill: #2196f3;
}

#error404graphics .st7 {
    font-size: 27px;
}

#error404graphics .st8 {
    fill: white;
}
/* #endregion SVG graphics styles*/

.trustPage .errorDescription {
    position: absolute;
    top: 0px;
    margin-left: 5%;
    margin-top: 5%;
}

    .trustPage .errorDescription .title {
        color: #808A8F;
        font-size: 3.4rem;
        line-height: 3.8rem;
    }

    .trustPage .errorDescription .description {
        color: #4E5758;
        font-size: 1.8rem;
        margin-top: 20px;
    }

    .trustPage .errorDescription .message {
        color: #4E5758;
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .trustPage .errorDescription .errorCode {
        color: #808A8F;
        font-style: italic;
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .trustPage .errorDescription .correlation {
        color: #4E5758;
        font-size: 1.4rem;
        margin-top: 30px;
    }

    .trustPage .errorDescription .refreshLink {
        font-size: 1.8rem;
        margin-top: 30px;
    }

/*#region x-small screen size (Less than 600px)*/
@media only screen and (max-resolution: 1.5dppx) and (max-width: 600px), (max-resolution: 144dpi) and (max-width: 600px), (-webkit-max-device-pixel-ratio: 1.5) and (max-width: 600px), (-o-max-device-pixel-ratio: 3/2) and (max-width: 600px) {
    .trustPage .title {
        margin-top: 20px;
    }

    .trustPage .layout-table-cell {
        display: none;
    }
}

/*Images@2x - hi-dpi*/
@media only screen and (min-resolution: 1.5dppx) and (max-width: 600px), (min-resolution: 144dpi) and (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 600px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 600px) {
    .trustPage .title {
        margin-top: 20px;
    }

    .trustPage .layout-table-cell {
        display: none;
    }
}

/*#region small screen size (Less than 950px)*/
@media only screen and (max-resolution: 1.5dppx) and (max-width: 950px), (max-resolution: 144dpi) and (max-width: 950px), (-webkit-max-device-pixel-ratio: 1.5) and (max-width: 950px), (-o-max-device-pixel-ratio: 3/2) and (max-width: 950px) {
    .trustPage .title {
        margin-top: 20px;
    }

    .trustPage .description {
        width: 75%;
    }

    .trustPage .message {
        width: 75%;
    }

    .trustPage .layout-table-cell {
        vertical-align: top;
        text-align: right;
        padding-top: 80px;
        padding-right: 40px;
    }
}

/*Images@2x - hi-dpi*/
@media only screen and (min-resolution: 1.5dppx) and (max-width: 950px), (min-resolution: 144dpi) and (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 950px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 950px) {
    .trustPage .title {
        margin-top: 20px;
    }

    .trustPage .description {
        width: 75%;
    }

    .trustPage .message {
        width: 75%;
    }

    .trustPage .layout-table-cell {
        vertical-align: top;
        text-align: right;
        padding-top: 80px;
        padding-right: 40px;
    }
}

/*#region Normal screen size (Less than 1650px)*/
@media only screen and (max-resolution: 1.5dppx) and (max-width: 1650px), (max-resolution: 144dpi) and (max-width: 1650px), (-webkit-max-device-pixel-ratio: 1.5) and (max-width: 1650px), (-o-max-device-pixel-ratio: 3/2) and (max-width: 1650px) {
    .trustPage .title {
        margin-top: 20px;
    }
}

/*Images@2x - hi-dpi*/
@media only screen and (min-resolution: 1.5dppx) and (max-width: 1650px), (min-resolution: 144dpi) and (max-width: 1650px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 1650px) {
    .trustPage .title {
        margin-top: 20px;
    }
}

/*Large screen size */
@media only screen and (max-resolution: 1.5dppx) and (min-width: 1650px), (max-resolution: 144dpi) and (min-width: 1650px), (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 1650px), (-o-max-device-pixel-ratio: 3/2) and (min-width: 1650px) {
    .trustPage .errorDescription .title {
        font-size: 5.2rem;
        line-height: 5.8rem;
    }

    .trustPage .errorDescription .description {
        font-size: 2.4rem;
        margin-top: 30px;
    }

    .trustPage .errorDescription .message {
        font-size: 2rem;
        margin-top: 16px;
    }

    .trustPage .errorDescription .errorCode {
        font-size: 2rem;
        margin-top: 16px;
    }

    .trustPage .errorDescription .correlation {
        font-size: 1.8rem;
        margin-top: 40px;
    }

    .trustPage .errorDescription .refreshLink {
        font-size: 2.4rem;
        margin-top: 40px;
    }
}

@media only screen and (min-resolution: 1.5dppx) and (min-width: 1650px), (min-resolution: 144dpi) and (min-width: 1650px), (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1650px), (-o-min-device-pixel-ratio: 3/2) and (min-width: 1650px) {
    .trustPage .errorDescription .title {
        font-size: 5.2rem;
        line-height: 5.8rem;
    }

    .trustPage .errorDescription .description {
        font-size: 2.4rem;
        margin-top: 30px;
    }

    .trustPage .errorDescription .message {
        font-size: 2rem;
        margin-top: 16px;
    }

    .trustPage .errorDescription .errorCode {
        font-size: 2rem;
        margin-top: 16px;
    }

    .trustPage .errorDescription .correlation {
        font-size: 1.8rem;
        margin-top: 40px;
    }

    .trustPage .errorDescription .refreshLink {
        font-size: 2.4rem;
        margin-top: 40px;
    }
}
