html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
:focus {outline: 0;}

html,
body {
    height: 100%;
    font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: $gorilla;
    background-color: $mouse;
    line-height: 1.4;
}

.main-content {
    background-color: $white;
    margin: 0 auto;
    padding: 0 25px 25px;
    text-align: left;
    width: 100% !important;
    max-width: 1225px;
    min-height: 750px;

    #content.no-bg-layout {

        #contentLeft {
            width: calc(100% - 395px);
        }

        #contentRight {
            margin: 0 0 0 20px;
            width: 375px;
        }

    }

}

.no-bg-layout {
    background: $mouse;
    margin: 0 -25px -25px;
    min-height: 608px;
    padding-bottom: 40px; 
}

/*Content*/
div#contentLeft {
    width: 66%;
    float: left;
    margin-top: 20px;
}

div#contentRight {
    width: 31%;
    float: left;
    margin: 18px 0 0 3%;
}

@media only screen and (max-width: 991px) {

    .main-content {
        width: 991px;
    }

    .project-manager {

        .main-content {
            padding: 0 25px !important;
        }

    }

    .fix-width-grid {
        width: 991px;
    }

}