/* light theme */

/* 
color:
rgba(85, 139, 47, .26)
rgba(85, 139, 47, .5)
rgb(85, 139, 47)

nav
rgb(85, 139, 47)


body:
#fff

hover:
#f0f4c3

 */

.mdl-layout__header,
.mdl-mini-footer {
    background-color: rgb(44,44,44);
    color: rgb(189, 189, 189);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link, .mdl-navigation__link, .mdl-navigation i {
    color: rgb(189, 189, 189);
}

.mdl-layout__header-row .mdl-navigation__link {
    color: rgb(189, 189, 189);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: #000
}

.mdl-layout__drawer {
    color: #424242;
}

.mdl-button {
    color: #000;
}

.mdl-button.mdl-button--colored {
    color: rgb(85, 139, 47);
}

.mdl-button--raised.mdl-button--colored, #logOutput span {
    background-color: rgb(85, 139, 47);
    color: rgb(255,255,255,0.87);
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: rgb(85, 139, 47);
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: rgb(85, 139, 47);
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: rgb(85, 139, 47);
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    color: rgb(255,255,255,0.87);
}


/* text inputs */
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(85, 139, 47);
}


.mdl-textfield__input {
    border-bottom: 1px solid rgba(0,0,0, .12);
    color: black;
}

.mdl-textfield__label:after {
    background-color: rgb(85, 139, 47);
}

.mdl-textfield__label {
    color: rgba(0,0,0, .26);
}

.mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, .8);
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(85, 139, 47)
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(85, 139, 47, .26);
    background-color: rgba(85, 139, 47, .26)
}

.mdl-checkbox__label {
    color:rgba(0,0,0,0.8)
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(85, 139, 47)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, .26)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-list__item {
    color: rgba(0, 0, 0, .87);
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    color: rgba(0, 0, 0, .54)
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(85, 139, 47, .5)
}

.mdl-switch__track fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, .12);
}

.mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__thumb {
    background: rgb(85, 139, 47);
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(85, 139, 47, .26);
    background-color: rgba(85, 139, 47, .26)
}

.mdl-switch__label fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(85, 139, 47)
}

#editor, 
#switchTable, #logOutput,
#bmOutput  {
    background-color: white;
    color: rgba(0,0,0, .87);
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 2px;
}


#switchTable {
    overflow: hidden;
}

#switchTable li:hover {
    background-color: rgba(3, 155, 229, 0.1);
}

#themePopup {
    background-color: white;
    color: rgba(0,0,0, .87);
}

body {
    background-color: #f5f5f5;
}

.editorFocus {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.editorBlur, #switchTable {
    box-shadow: none;
}




        #infoArea {
            text-align: left;
            color: white;
            padding-top: 2em;
        }

        #infoArea h3 {
            color: rgb(85, 139, 47);
        }

        #infoArea h1 {
            font-style: italic;
        }

        #infoArea p {
            font-size: 1.3em;
            color: rgba(0,0,0,0.7)
        }