/* Theme */
.accent-1 {
    background-color: #fff; /* admin/top bar, navigation tiles */
    color: #2c2c2c;
}

.accent-2 {
    background-color: #fff; /* project tile backgrounds */
    color: #2c2c2c;
}

.accent-3 {
    background-color: #569ac8; /* action buttons, spec navigation */
    color: #fff;
    -moz-transition: 150ms all linear;
    -webkit-transition: 150ms all linear;
    transition: 150ms all linear;
}

    .accent-3:hover {
        background-color: #7bafd3;
        color: #fff;
    }

.accent-3-disabled {
    background-color: #31507A; /* disabled spec navigation buttons */
    color: white;
}

.accent-4 {
    background-color: #7bafd3; /* Login error message background colour */
    color: #fff;
}

.accent-5 {
    background-color: none; /* Not currently in use in this skin */
    color: white;
}

/* General */
#projects-container, #history-container, #spec-details-container, .form-navigation-link {
    color: #fff;
}

#header-bar {
    color: #2c2c2c;
}

.mdl-toolbox-options a {
    background-color: transparent;
    color: #3f3f3f;
}

.mdl-module-editable {
    background-color: #fff;
    color: #2c2c2c;
}

.mdl-module-edit-toolbar {
    background-color: #2c2c2c;
}

/*override for "remove" link unclear on certain backgrounds */
.mdl-module-edit-toolbar-button a {
    color: #ffffff;
}

/* getting rid of unsightly borders on module drag and drop toolbox */
.mdl-module-container {
    background-color: transparent;
}

.mdl-toolbox-module-title {
    color: #3f3f3f;
}

#moduleToolbox {
    background-color: transparent;
}

.mdl-toolbox-options {
    background-color: #569ac8;
}

#specificationTaskList {
    background-color: #fff;
    color: #2c2c2c;
    border-top: 4px solid #569ac8;
}

.specTaskListMessage {
    background-color: #F7F5F2;
    border-left-color: #0079cb;
}

.link {
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

#logout-link, #logout-link a:visited, #logout-link a:hover {
    color: #2c2c2c;
}

/* Specification Details Module */
#spec-details-inner {
    border-top: 4px solid #7bafd3;
}

.document-image-bg {
    background-color: transparent;
    background-position: right top; /* to ensure that background image doesn't run off the tile in the event of a long document name */
    background-repeat: no-repeat;
}

.filter-container {
    background-color: transparent;
}

.filter-background {
    background-color: transparent; /* background for specification filter box */
}

.edit #wrapper {
    background-color: transparent;
}

.form-navigation-link {
    border-radius: 4px;
}

.form-navigation-link-disabled {
    background-color: #9ab2c2;
    color: #7e7e7e;
    border-radius: 4px;
}

/* Common Tile Style */
.tile-base {
    color: #d9f0f7; /* text color - formerly white */
}

.tile-wrapper {
    border-top: 4px solid #7bafd3;
    border-radius: 4px;
    box-shadow: 0px 3px 0px 0px rgba(227, 228, 232, 1);
}

    .action-tile .tile-wrapper {
        box-shadow: none;
    }

/* Login */
#login-container, #login-error, #login-button, .filter-box {
    border-radius: 4px;
}

.filter-box {
    box-shadow: 0px 3px 0px 0px rgba(227, 228, 232, 1);
}

.login-parameter-input {
    color: #2c2c2c;
    background: #e8e8e8;
}

#login-outer {
    color: White;
}

#settings-container {
    color: #fff;
}

/* Fancy Dynamic Nav*/
.menuWrapper {
    background-color: #569AC8;
    color: White;
}

.mdl-navigation li {
    background-color: transparent;
    color: White;
}

    .mdl-navigation li a {
        color: White;
        -moz-transition: 150ms all linear;
        -webkit-transition: 150ms all linear;
        transition: 150ms all linear;
    }

        .mdl-navigation li a:hover {
            background-color: #7BAFD3;
        }

nav a.navMenu:after {
    background-color: #569AC8;
}

/* Projects Module */
.project-alias {
    background-color: #ECEDF2;
    -moz-transition: 150ms all linear;
    -webkit-transition: 150ms all linear;
    transition: 150ms all linear;
}

.tile:hover .project-alias {
    color: white;
    background-color: #7BAFD3;
}