/* MAIN */
#main-pane {}
#main-pane > .deco-line > div:nth-child(1) { background-color: #FFC600; }
#main-pane > .deco-line > div:nth-child(2) { background-color: #78A90B; }
#main-pane > .deco-line > div:nth-child(3) { background-color: #FF7E09; }
#main-pane > .deco-line > div:nth-child(4) { background-color: #AF0036; }

#main-toolbar {
    background-color: white;
    color: #443B35;
    border-bottom: #443B35 12px solid;
}
#main-toolbar md-icon { color: #443B35; }

.deco-line { line-height: 0; font-size: 0; }
.deco-line > div { display: inline-block; width: 25%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height: 4px; }

#footer { height: 40px; }
#footer > .deco-line > div:nth-child(1) { background-color: #AF0036; }
#footer > .deco-line > div:nth-child(2) { background-color: #FF7E09; }
#footer > .deco-line > div:nth-child(3) { background-color: #78A90B; }
#footer > .deco-line > div:nth-child(4) { background-color: #FFC600; }

#main-content { background-color: #efefef; background-image: url(/Content/tomatoes.png); background-position: 92% 90%; background-repeat: no-repeat; }
@media only screen and (max-width : 960px) { #main-content { background-image: none; } }

/* SIDENAV */

md-sidenav {
    background: linear-gradient(#262221, white) !important;
}
md-sidenav > header { 
    background: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
    padding-top: 30px;
}

#user-box { text-align: center; background-color: #34302f; padding: 4px 0; color: #aaa097; }
#user-box > a { color: #aaa097; margin-left: 10px; }

md-sidenav ul.docs-menu li { border-bottom: none !important; }
md-sidenav menu-toggle button.md-button-toggle { border-bottom: none !important; text-transform: none !important; font-size: larger !important; }
.docs-menu .md-button:hover, .docs-menu .md-button:focus { background-color: #9d9188 !important; }
.docs-menu .md-button.active { background-color: #971C43 !important; }

/* INNER PAGES */

.page-section {
    border-bottom: solid 1px; 
    margin: 1.2em 0 1em;
    font-weight: bold;
    color: #443B35;
    padding-left: .2em;
}

.page-subsection {
    border-bottom: dotted 1px; 
    /*margin: .6em 1em;*/
    padding-left: 2em;
    font-weight: bold;
    font-size: .9em;
    color: #664C46;
    padding-left: .2em;
}

.login {
    padding: 2em 3em;
    border: solid 1px gray;
    background-color: #fefdf0;
    min-width: 320px;
}

#tomatoes {
    position: fixed;
    right: 100px;
    bottom: 100px;
    display: none;
    pointer-events: none;
}
@media only screen and (min-width : 1224px) { #tomatoes { display: block; } }

.costeasy { background-color: #ddd; }

#language-selectors { text-align: center; border-bottom: solid 1px #777; padding: .3em; }
#language-selectors a { color: white; margin-right: .5em; cursor: pointer; text-decoration: none; }

.must-change-password { color: #AF0036; text-align: center; line-height: 1.5rem; }