/*$Id: filme.css 11 2020-04-21 14:06:31Z stroess $ */
@charset "utf-8"; 
 <style type="text/css">
   body
   {
    font-size: 15px;
    color: #343d44;
    font-family: "segoe-ui", "open-sans", tahoma, arial;
    padding: 0;
    margin: 0;
   }

   label
   {
    font-size: 15px;
	margin-left: 15 px;
   }

   table
   {
    border-collapse: collapse;
    margin-left: 15px;
    margin-right: 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
    font-size: 12px;
    border: 1px solid black;
    table-layout: fixed;
    width: 100%;
   }

   .col-s-width
   {
    width: 25px;
   }

   .col-ss-width
   {
    width: 10px;
   }

   .col-m-width
   {
    width: 50px;
   }

   .col-l-width
   {
    width: 100px;
   }

   .scrollable
   {
    overflow-y: auto;
    overflow-x: hidden;
   }

   h1
   {
    margin-left: 15px;
    text-align: left;
    text-transform: uppercase;
    font-size: 17px;
   }

   h7
   {
    font-size: 10px;
   }

   table td
   {
    transition: all .5s;
    text-align: left;
    border: 1px solid black;
    padding: 2px 2px;
   }

   table th
   {
    transition: all .5s;
    text-align: left;
    border: 1px solid black;
    padding: 2px 2px;
    font-size: 12px;
   }

   /* Table */
   .data-table
   {
    font-size: 12px;
    table-layout: fixed;
    width: 100%;
   }

   .data-table caption
   {
    margin: 7px;
   }

   /* Table Header */
   .data-table tbody th
   {
    height: 20px;
    padding: 5px 5px;
    background-color: #407aab;
    color: #FFFFFF;
    border-color: #6ea1cc !important;
    text-transform: uppercase;
   }

   /* Table Body */
   .data-table tbody td
   {
    border: 1px solid black;
    padding: 5px 5px;
    color: #151515;
   }

   .data-table tbody tr:nth-child(odd) td
   {
    background-color: #e0f0ff;
   }

   .data-table tbody tr:hover td
   {
    background-color: #ffffa2;
    border-color: #ffff0f;
   }

   /* Table Footer */
   .data-table tfoot th
   {
    background-color: #e5f5ff;
    text-align: right;
   }

   .data-table tfoot th:first-child
   {
    text-align: left;
   }

   .data-table tbody td:empty
   {
    background-color: #ffcccc;
   }

  </style>