#list {
    min-height:             40px;
    border:                 1px solid #ccc;
}

#buttons {
    background-color:       #ccc;
    height:                 40px;
}

#add-item {
    font-size:              32px;
    margin-top:             4px;
    float:                  right;
    margin-right:           12px;
    cursor:                 pointer;
}

#save {
    font-size:              22px;
    line-height:            40px;
    margin-left:            12px;
    cursor:                 pointer;
}

#list > p {
    padding:                0 12px;
    font-style:             italic;
    text-align:             center;
}

.element {
    border-bottom:          1px solid #ccc;
    min-height:             60px;
    line-height:            60px;
    position:               relative;
}

.form-group {
    width:                  42%;
    display:                inline-block;
    box-sizing:             border-box;
    padding:                0 12px;
}

.mdform div.form-group {
    margin-top:             2em;
    margin-bottom:          1em;
}

.mdform div.form-group input ~ .control-label {
    top:                    -2.5em;
    left:                   12px;
}

#saved {
    border:                 1px solid green;
    padding:                0;
}

#saved h2 {
    margin:                 0;
    font-size:              18px;
    padding:                12px;
    background-color:       green;
    color:                  white;
}

#saved pre {
    border:                 none;
    margin:                 0;
    background-color:       white;
}

i.delete {
    font-size:              32px;
    top:                    24px;
    right:                  11px;
    cursor:                 pointer;
    position:               absolute;
    color:                  #ccc;
}

i.copy {
    font-size:              32px;
    top:                    24px;
    right:                  54px;
    cursor:                 pointer;
    position:               absolute;
    color:                  #ccc;
}

i.drag {
    font-size:              32px;
    top:                    24px;
    right:                  54px;
    cursor:                 pointer;
    position:               absolute;
    color:                  #ccc;
}

.material-icons[hidden] {
    display:                none;
}


.hide {
    transform: translateX(-9999px);
}