body * {
  font-family: 'Roboto', sans-serif;
  line-height: 1.3; }

*:focus {
  outline: 1px dashed #000000;
  outline-offset: 2px; }

a {
  transition: 0.5s ease; }

.container {
  width: 100%; }

.row {
  margin-bottom: 0 !important; }

h4 {
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  width: 100%;
  margin-bottom: 0;
  color: #333333;
  margin-top: 32px; }

.scroll-table {
  overflow: hidden; }
  @media (max-width: 767.98px) {
    .scroll-table {
      overflow: auto; }
      .scroll-table::-webkit-scrollbar-track {
        -webkit-box-shadow: 0;
        background-color: #ffffff; }
      .scroll-table::-webkit-scrollbar {
        height: 5px;
        widows: 250px;
        background-color: #ffffff; }
      .scroll-table::-webkit-scrollbar-thumb {
        background-color: #d8d8d8;
        border: 0;
        border-radius: 3px; } }
  .scroll-table .content_table {
    margin-top: 40px;
    width: 100%;
    margin-bottom: 16px; }
    .scroll-table .content_table thead {
      background: #bad405; }
      .scroll-table .content_table thead th {
        vertical-align: bottom;
        border-bottom: 0;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        padding: 8px !important;
        text-align: center; }
        .scroll-table .content_table thead th:first-child {
          border-radius: 7px 0 0 0;
          padding-left: 32px !important; }
        .scroll-table .content_table thead th:last-child {
          border-radius: 0 7px 0 0;
          padding-right: 32px !important; }
    .scroll-table .content_table .table-striped tbody tr:nth-of-type(odd) {
      background-color: #e6e6e6; }
    .scroll-table .content_table td {
      color: #666666;
      font-size: 14px;
      line-height: 16px;
      padding: 8px;
      border-top: 0;
      text-align: center; }
      .scroll-table .content_table td.align-left {
        text-align: left; }
      .scroll-table .content_table td.align-right {
        text-align: right; }
      .scroll-table .content_table td:first-child {
        padding-left: 32px; }
      .scroll-table .content_table td:last-child {
        padding-right: 32px; }
