/* Error Report style

   developer:   yhechler
   requires:    /common/framework/css/framework.en.css
                /common/framework/css/form-gui.en.css
   ========================================================================== */

/** main */

main {
    margin-bottom: 4.5em;
}

main * {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}

main p.information {
    color: #535353;
    font-size: 1.3125rem;
    font-weight: 300;
    line-height: 1.9375rem;
}

main a {
    text-decoration: none;
    color: #dd1600;
}

.wider {
    width: 35%;
}

.page-width {
    margin: 0 auto;
    max-width: 900px;
}

.page-padding {
    margin: 3rem 0 0;
    padding: 0 1rem;
}

#_form-gui ._main-grid .padding-right {
    padding-left: 0;
    padding-right: 1rem;
}

#_form-gui ._main-grid .no-padding-right {
    padding-left: 0;
    padding-right: 0;
}

h1.heading {
    color: #dd1100;
    font-size: 2.8125rem;
    font-weight: 400;
}

section.info {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
}

.self-test-error-reporting-form main a:hover {
    color: #f57300;
}

.self-test-error-reporting-form .submit-button {
    background: #D10 none repeat scroll 0% 0%;
    border: 1px solid #B00F00;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0625rem;
    line-height: 1em;
    margin: 40px 0 0;
    padding: 9px 25px;
}

.trigger {
    display: none;
}

/* error */

.server-error h1.error {
    color: #D10;
    background: url(/images/freakedSpikey.png) no-repeat scroll 0% 0% transparent;
    background-size: 48px 82px;
    font-weight: 400;
    line-height: 82px;
    min-height: 82px;
    padding-left: 58px;
}

.server-error p.information.width-5-7 {
    margin-left: 3.5rem;
}

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
    div.padding-top-for-mobile {
        padding-top: 1.25rem;
    }
}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    .width-5-7 {
        width: 63% !important;
    }
}

/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    #side-bar {
        margin-top: 2rem;
        padding-left: 0rem;
    }
    #side-bar ul li:not(:first-child) h3 {
        padding-top: 0.725rem;
    }
    #side-bar ul li:first-child h3 {
        padding-top: 0.5rem;
    }
    .width-5-7 {
        width: 100% !important;
    }
}

/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}

/* printer styles
   ========================================================================== */

@media print {}