Beautify

assets/lib/doodle/css/doodle.css

+@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
+
 table {
     border-collapse:collapse;
-    width:100%;
+    width: 100%;
     table-layout: fixed;
+    font-family: 'Roboto', sans-serif;
+}
+
+table thead tr th{
+    color: #6d5cae;
+    padding: 15px;
+    font-family: Roboto, sans-serif;
+    font-weight: 400;
+    font-size: 14px;
+}
+
+table thead tr th:nth-child(2) {
+    border-right: none
+}
+
+table tr td:nth-child(2) {
+    border-right: 1px solid #f3f3f3;
+    border-left: none;
+}
+
+
+table thead tr th:nth-child(n+3) {
+    border-top: none ;
+}
+
+table thead tr th:nth-child(n+2) {
+    border-left: none;
+    border-right: none;
+}
+
+table thead tr th:last-child {
+    border-right: none;
+}
+
+table tr td:first-child {
+    border-left: none;
+    border-right: none;
 }
+
+table thead tr th {
+    border-top: none;
+    border-left: none;
+    border-right: none;
+}
+
+table tbody tr td {
+    color: #6d5cae;
+    padding: 0;
+    line-height: 1.2;
+    text-transform: uppercase;
+    font-size: 12px;
+    min-height: 50px;
+    height: 50px;
+}
+
+tr:nth-child(2n) {
+    background: #fafafa!important;
+}
+
+tr td:nth-child(n+3) {
+    border-left: none;
+    border-right: none;
+}
+
+tr td:last-child {
+    border-right: none;
+}
+
+td:nth-child(-n+2):hover {
+    background: none !important;
+}
+
+td:hover {
+    background: rgba(109, 92, 174, .4)!important;
+}
+
 th, td {
-    border:1px solid black;
+    border:1px solid #f3f3f3;
     padding: 0;
 }
+
 td, th {
     text-align:center;
 }
@@ -22,6 +100,8 @@ label.label_input{
     position: relative;
     display: flex;
     justify-content: center;
+    align-items: center;
+    height: 100%;
     margin-bottom: 0;
 }
 
@@ -34,7 +114,7 @@ label.label_input{
     display: flex;
     width: 20px;
     height: 20px;
-    border: 2px solid rgba(44,44,44,.35);
+    border: 2px solid rgba(109, 92, 174, 1);
     border-radius: 2px;
     box-sizing: border-box;
     overflow: hidden;
@@ -72,7 +152,7 @@ label.label_input{
 
 .label_input input:checked ~ span {
     border: none;
-    background-color: rgba(44,44,44,.35);
+    background-color: rgba(109, 92, 174, 1);
 }
 
 .label_input input:checked ~ span i:before {