/* Exception */
.exception-body {
    height: 100%;
    font-size: 16px;
    margin: 0;
    @include border-box();

    background: {
        position: top right;
        repeat: no-repeat;
        size: contain;
    }

    .exception-container{
        height: 100%;
        padding-left: 100px;

        img {
            display: inline-block;
            width: 60px;
            height: 60px;
            margin: 100px 0;
        }

        h1 {
            font-size: 80px;
            color: $textColor;
        }

        p {
            color: $textColor;
            margin-top: 0;
            margin-bottom: 40px;
        }
    }

    &.error-body {
        background-image: url("../images/error.png");
        border-top: 7px solid $red;
    }

    &.access-body {
        background-image: url("../images/access.png");
        border-top: 7px solid $orange;
    }

    &.notfound-body {
        background-image: url("../images/404.png");
        border-top: 7px solid $yellow;
    }
}

@media (max-width: 1280px) {
    .exception-body {
        background-size: cover;
        text-align: center;

        .exception-container {
            padding-left: 0;
            padding-top: 200px;
            @include border-box();

            img {
                margin-top: 0;
            }

            h1 {
                font-size: 40px;
            }

            p {
                padding: 0 25px;
            }
        }
    }
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; /* the overflow property removes extra width in IE */
}

.ui-button-text-only .ui-button-text {
  padding: .25em 1em;
  display: block;
}