/* Theme */
.accent-1 {
    background-color: #fff;
    color: #99a3b1;
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
}

.accent-2 {
    background-color: #3d4b60;
    color: #fff;
}

.accent-3 {
    background-color: #db4146;
    color: #fff;
}

.accent-3-disabled {
    background: rgb(0, 59, 24); /* disabled spec navigation buttons */
    color: white;
}

.accent-4 {
    background: rgb(0,110,46); /* Login error message */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA2ZTJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,110,46,1)), color-stop(100%,rgba(0,110,46,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    color: white;
}

/* General */
hr {
    border: 1px solid #e3e4e8;
}

#navContainer {
    background-color: #000000;
    color: #fff;
}

#settings-text {
    color: #fff;
}

/* Login Module */
#login-outer {
    background-color: transparent;
}

#login-header {
    color: #db4146;
}

#login-error {
    background: #F3B200;
    color: #2c2c2c;
}

.login-parameter-input {
    border: 2px solid #e3e4e8;
    border-radius: 6px;
}

/* Menu Module */

li.mdl-navigation {
    color: #fff;
}

.mdl-navLink {
    -moz-transition: background-color 180ms linear;
    -webkit-transition: background-color 180ms linear;
    transition: background-color 180ms linear;
    color: #fff;
}

    .mdl-navLink:hover, .mdl-navLink:active {
        background-color: #fff;
        color: #555555;
    }

.welcome {
    color: #3d4b60;
}

/* Projects Module*/
#projects-container {
    color: #fff;
}

.project-card-alias {
    color: #3d4b60;
}

.project-run-button {
    background-color: #db4146;
    color: #fff;
}

.tile-image-cell {
    background: #fff;
}

/* Spec History Module */
#history-container {
    color: #fff;
}

    #history-container span {
        color: #2c2c2c;
    }

.filter-wrapper {
    background-color: #e2e2e2;
}

.showPropsCheckOverlay {
    background: url('eyeLine.png') center right no-repeat;
}

    .showPropsCheckOverlay.on {
        background-image: url('eye.png');
    }

.genSpecsTable .headerRow, .genDocsTable .headerRow {
    background: #3d4b60;
    color: #fff;
}

/* Note: nth-child does not work on IOS8 so nth-of-type must be used instead */
/* If showing spec props on history alternate white and grey every 2 rows. Otherwsie show white every other row */
.genSpecsTable tbody tr:nth-of-type(4n-3), .genSpecsTable tbody tr:nth-of-type(4n-2){
    background-color: #fff;
}

/* If showing spec props on history show grey every 2 rows, otheriwse show grey every other row */
.genSpecsTable tbody tr:nth-of-type(4n), .genSpecsTable tbody tr:nth-of-type(4n-1){
    background-color: #ECECEC;
}

.showSpecProps .historySpecPropsRow:nth-of-type(4n){
    border-top-color: #D8D8D8;
}

.showSpecProps .historySpecPropsRow {
    border-top-color: #ECECEC;
}

.genDocsTable tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.genDocsTable tbody tr {
    background-color: #ececec;
}

.title-cell, .details-cell, .history-spec-prop {
    color: #4d4d4d;
}

.historySpecProp {
    color: #404040;
}

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

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

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

    .mdl-module-editable nav {
        background-color: #3d4b60;
        color: #2c2c2c;
    }

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

/* Spec Properties Module */
.orderDetails h2, .genDocsPre h2 {
    color: #3d4b60;
}

.genStatusLeft p {
    color: #2c2c2c;
}

.genStatusRightActive {
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: center;
    background: url(loading.gif) no-repeat left 12px center; /* Both shorthand and longhand declared separately for a bug in Safari for Windows - Safari doesn't recognise offset from position (left 12px) */
    background-color: #e04646;
    color: #fff;
}

.genStatusRightComplete {
    background-image: url(generatedDoc.png);
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: center;
    background: url(generatedDoc.png) no-repeat left 12px center;
    background-color: #4EB56E;
    color: #fff;
}

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

.docCell {
    color: #555758;
}

.docGenerating {
    color: #e04646;
}

.docGenerated {
    background-image: url(generatedDoc.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-position: right 12px center;
    color: #8cc152;
}

.docRowBGImg {
    background-repeat: no-repeat;
    background-position: left center;
}

.actionButtons .button {
    background-color: #3D4B60;
    color: #fff;
    -moz-transition: background-color 180ms ease-in-out;
    -webkit-transition: background-color 180ms ease-in-out;
    transition: background-color 180ms ease-in-out;
}

a.button:hover, a.button:active {
    background-color: #086ca1;
}

/* Spec Tasks Module */
#specificationTaskList {
    background: #3D4B60;
    color: #fff;
}

.specTaskListMessage {
    background-color: #fff;
    border-left-color: #F3B200;
    color: #2c2c2c;
}

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

.mdl-toolbox-module-title {
    color: #2c2c2c;
}

#moduleToolbox {
    background: #fff;
    color: rgb(0,14,81);
}


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

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

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

.form-navigation-link-disabled {
    background-color: #5e5e5e;
    color: #7e7e7e;
}

#settings-container .layoutSwitch {
    color: #fff;
}