Adding table styles to tables added inside a widget area

textbook/style.css

@@ -662,15 +662,18 @@ table td {
   text-align: left;
 }
 
-.entry-content table {
+.entry-content table,
+.widget-area table {
   border-collapse: collapse;
 }
 
-.entry-content table tbody tr:nth-child(odd) {
+.entry-content table tbody tr:nth-child(odd),
+.widget-area table tbody tr:nth-child(odd) {
   background: #FFF;
 }
 
-.entry-content table tbody {
+.entry-content table tbody
+.widget-area table tbody {
   background: #FFF;
   border: 1px solid #ce4639;
   -webkit-border-bottom-left-radius: 0.5em;
@@ -682,16 +685,20 @@ table td {
   overflow: hidden;
 }
 
-.entry-content table tbody tr:nth-child(even) {
+.entry-content table tbody tr:nth-child(even),
+.widget-area table tbody tr:nth-child(even) {
   background: #f0eeec;
 }
 
 .entry-content table th,
-.entry-content table td {
+.entry-content table td,
+.widget-area table th,
+.widget-area table td {
   border: 1px solid #ce4639;
 }
 
-.entry-content table thead tr {
+.entry-content table thead tr,
+.widget-area table thead tr {
   font-size: 12.8px;
   font-size: 0.8rem;
   font-weight: 700;