newdesign.css

        /*input[type="text"] {
            width: 20px;
        }*/

        #red {
                color: white;
                background-color: #bb0600;
        }
        #green {
                color: white;
                font-weight: lighter;
                background-color: #00bc00;

        }
        #blue {

                font-weight: lighter;
                color: white;
                background-color: #0515d3;
        }
        #white {
                font-weight: normal;
                color: black;
                background-color: #ffffff;
        }
        #button {
                text-alignr: center;
                font-family: sans-serif;
                font-style: normal;
        }

        #default {
                text-align: center;
                font-family: sans-serif;
                font-style: normal;
        }
        #left {
                text-align: left;
                font-family: sans-serif;
                font-style: normal;
                font-weight: lighter;
        }

        #grey {
                text-align: center;
                font-family: sans-serif;
                font-style: normal;
                background-color: lightslategrey;
        }



        .steady_lighting-card.mdl-card {
            width: auto;
            align-content: center;
            align-self: center;
            align-items:stretch;
            vertical-align: middle;
            margin-left: 0px;
            margin-right: 0px;
            margin: 0px;
            padding-bottom: 0px;
            padding: inherit;
            background-color: whitesmoke;

        }

        .material-icons {
	    font-family: "Material Icons";
	    font-weight: normal;
	    font-style: normal;
	    font-size: 24px;
	    line-height: 1.9;
	    letter-spacing: normal;
	    text-transform: none;
	    display: inline-block;
	    white-space: nowrap;
	    word-wrap: normal;
	    direction: ltr;
	    font-feature-settings: "liga";
	}