.material-input {
 height: 90px;
 overflow-x: hidden;
 overflow-y: visible;
 position: relative;
}
.material-input input[type="color"],
.material-input input[type="date"],
.material-input input[type="datetime"],
.material-input input[type="datetime-local"],
.material-input input[type="email"],
.material-input input[type="month"],
.material-input input[type="number"],
.material-input input[type="password"],
.material-input input[type="search"],
.material-input input[type="tel"],
.material-input input[type="text"],
.material-input input[type="time"],
.material-input input[type="url"],
.material-input input[type="week"],
.material-input input:not([type]),
.material-input textarea {
 background-color: transparent;
 border-color: #7280c8 !important;
 border-style: none none solid !important;
 border-width: 0 0 1px !important;
 bottom: 0;
 box-sizing: border-box;
 color: #fff;
 font-size: 16px;
 padding: 10px;
 position: absolute;
 width: 100%;
}
.material-input input[type="color"]:focus,
.material-input input[type="date"]:focus,
.material-input input[type="datetime"]:focus,
.material-input input[type="datetime-local"]:focus,
.material-input input[type="email"]:focus,
.material-input input[type="month"]:focus,
.material-input input[type="number"]:focus,
.material-input input[type="password"]:focus,
.material-input input[type="search"]:focus,
.material-input input[type="tel"]:focus,
.material-input input[type="text"]:focus,
.material-input input[type="time"]:focus,
.material-input input[type="url"]:focus,
.material-input input[type="week"]:focus,
.material-input input:not([type]):focus,
.material-input textarea:focus {
 outline: 0;
}
.material-input input[type="color"]:focus ~ span,
.material-input input[type="date"]:focus ~ span,
.material-input input[type="datetime"]:focus ~ span,
.material-input input[type="datetime-local"]:focus ~ span,
.material-input input[type="email"]:focus ~ span,
.material-input input[type="month"]:focus ~ span,
.material-input input[type="number"]:focus ~ span,
.material-input input[type="password"]:focus ~ span,
.material-input input[type="search"]:focus ~ span,
.material-input input[type="tel"]:focus ~ span,
.material-input input[type="text"]:focus ~ span,
.material-input input[type="time"]:focus ~ span,
.material-input input[type="url"]:focus ~ span,
.material-input input[type="week"]:focus ~ span,
.material-input input:not([type]):focus ~ span,
.material-input textarea:focus ~ span {
 -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
         transition: all 0.45s ease;
 transform: translateX(0);
}
.material-input input[type="color"]:focus ~ label,
.material-input input[type="date"]:focus ~ label,
.material-input input[type="datetime"]:focus ~ label,
.material-input input[type="datetime-local"]:focus ~ label,
.material-input input[type="email"]:focus ~ label,
.material-input input[type="month"]:focus ~ label,
.material-input input[type="number"]:focus ~ label,
.material-input input[type="password"]:focus ~ label,
.material-input input[type="search"]:focus ~ label,
.material-input input[type="tel"]:focus ~ label,
.material-input input[type="text"]:focus ~ label,
.material-input input[type="time"]:focus ~ label,
.material-input input[type="url"]:focus ~ label,
.material-input input[type="week"]:focus ~ label,
.material-input input:not([type]):focus ~ label,
.material-input input[type="color"]:valid ~ label,
.material-input input[type="date"]:valid ~ label,
.material-input input[type="datetime"]:valid ~ label,
.material-input input[type="datetime-local"]:valid ~ label,
.material-input input[type="email"]:valid ~ label,
.material-input input[type="month"]:valid ~ label,
.material-input input[type="number"]:valid ~ label,
.material-input input[type="password"]:valid ~ label,
.material-input input[type="search"]:valid ~ label,
.material-input input[type="tel"]:valid ~ label,
.material-input input[type="text"]:valid ~ label,
.material-input input[type="time"]:valid ~ label,
.material-input input[type="url"]:valid ~ label,
.material-input input[type="week"]:valid ~ label,
.material-input input:not([type]):valid ~ label {
 -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
         transition: all 0.125s ease;
 font-size: 0.75em;
 transform: translateY(-100%);
}


.material-input textarea:focus ~ label,
.material-input textarea:valid ~ label {
 -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
         transition: all 0.125s ease;
 font-size: 0.75em;
 transform: translateY(-20px);
}

.material-input input[type="color"] ~ span,
.material-input input[type="date"] ~ span,
.material-input input[type="datetime"] ~ span,
.material-input input[type="datetime-local"] ~ span,
.material-input input[type="email"] ~ span,
.material-input input[type="month"] ~ span,
.material-input input[type="number"] ~ span,
.material-input input[type="password"] ~ span,
.material-input input[type="search"] ~ span,
.material-input input[type="tel"] ~ span,
.material-input input[type="text"] ~ span,
.material-input input[type="time"] ~ span,
.material-input input[type="url"] ~ span,
.material-input input[type="week"] ~ span,
.material-input input:not([type]) ~ span,
.material-input textarea ~ span {
 position: absolute;
 bottom: 0;
 left: 0;
 height: 3px;
 width: 100%;
 -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
         transition: all 0.45s ease;
 background: #fff;
 display: block;
 transform: translateX(-100%);
}
.material-input label {
 position: absolute;
 bottom: 10px;
 left: 0;
 -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
         transition: all 0.25s ease;
 color: #1e90ff;
 pointer-events: none;
}
.material-input textarea ~ label {
 bottom: 80px;
}

/* Settings */
#table1 input[type="text"],
#table1 input[type="text"]:hover,
#table1 input[type="text"]:focus,
#table1 textarea,
.form-fields input[type="text"],
.form-fields input[type="text"]:hover,
.form-fields input[type="text"]:focus,
.commTable textarea,
.commTable input[type="text"],
.commTable input[type="text"]:hover,
.commTable input[type="text"]:focus {
 background: none !important;
 border: none;
}
#site_review_style textarea {
 background: none !important;
 border: none;
}
.commTable .material-input label {
font-size: 20px !important;
}