@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

body {/*background-color: #3e94ec;*/ font-family: "Roboto", helvetica, arial, sans-serif; font-size: 16px;
  font-weight: 400; text-rendering: optimizeLegibility; background-color: #ddffff;}

div.table-title {display: block; margin: auto; /*max-width: 600px;*/ padding:5px; width: 100%;}
.table-title h3 {/*color: #fafafa;*/ font-size: 24px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase;}

/*** Table Styles **/

.table-fill {background: white; border-radius:3px; border-collapse: collapse; height: 320px; margin: auto; max-width: 600px;
  padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; margin-top: 28px;} 

th {color:#D5DDE5;; background:#1b1e24; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-size:16px; /*font-weight: 100;*/
  padding:12px; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle;}

th:first-child {border-top-left-radius:3px;}
 
th:last-child {border-top-right-radius:3px; border-right:none;}

/*th.header_top:nth-child(3) {padding:2px;}

th.header_top:nth-child(5) {padding:2px;}

th:nth-child(6) {padding:2px;}

th:nth-child(12) {padding:2px;}*/

th:empty {padding:2px;}

th:nth-child(n+4):nth-child(-n+5) {font-size:14px;}

th:nth-child(n+10):nth-child(-n+11) {font-size:14px;}

th:nth-child(n+16):nth-child(-n+17) {font-size:14px;}

th.header_top:nth-child(4) {font-size:16px;}
  
tr {border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1; color:#666B85; font-size:16px; font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);}
 
tr:hover td:not(.table-legend) {background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e;}
 
tr:first-child {border-top:none;}

tr:last-child {border-bottom:none;}
 
tr:nth-child(odd) td {background:#EBEBEB;}
 
tr:nth-child(odd):hover td:not(.table-legend) {background:#4E5066;}

tr:last-child td:first-child {border-bottom-left-radius:3px;}
 
tr:last-child td:last-child {border-bottom-right-radius:3px;}
 
td {background:#FFFFFF; padding:10px; text-align:right; vertical-align:middle; font-weight:300; font-size:14px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1;}

td:last-child {border-right: 0px;}

/*td:nth-child(7) {padding:2px;}

td:nth-child(13) {padding:2px;}*/

td:empty {padding:2px;}

td:nth-child(n+5):nth-child(-n+6) {font-size:12px;}

td:nth-child(n+11):nth-child(-n+12) {font-size:12px;}

td:nth-child(n+17):nth-child(-n+18) {font-size:12px;}

th.text-left {text-align: left;}

th.text-center {text-align: center;}

th.text-right {text-align: right;}

td.text-left {text-align: left;}

td.text-center {text-align: center;}

td.text-right {text-align: right;}

.table-legend {font-size:11px; font-style:italic; padding-top:10px; padding-bottom:4px;}