body {
        font-family: 'Roboto', sans-serif;
        background: linear-gradient(201deg, hsla(31.29, 100%, 50%, 1) 11%, hsla(31.29, 100%, 50%, 0) 80%), linear-gradient(273deg, hsla(120, 60.63%, 49.8%, 1) 15%, hsla(120, 60.63%, 49.8%, 0) 80%), linear-gradient(169deg, hsla(216.12, 85.53%, 46.08%, 1) 98%, hsla(216.12, 85.53%, 46.08%, 0) 70%);
        background-attachment: fixed;
        color: #222;
      }
      h1,h2,h3,h4,h5,h6 {
        font-family: 'Open Sans', sans-serif;
      }
      .brand {
        font-weight: 500;
      }
      .maincontent {
        background: linear-gradient(201deg, hsla(31.29, 100%, 50%, 1) 11%, hsla(31.29, 100%, 50%, 0) 80%), linear-gradient(273deg, hsla(120, 60.63%, 49.8%, 1) 15%, hsla(120, 60.63%, 49.8%, 0) 80%), linear-gradient(169deg, hsla(216.12, 85.53%, 46.08%, 1) 98%, hsla(216.12, 85.53%, 46.08%, 0) 70%);
        background-attachment: fixed;
      }
      .main-container{
        background:#ffffff;
        padding-top:2rem; 
        padding-bottom: 2rem; 
      }

      table.dataTable thead th, table.dataTable tfoot th {
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
      }
      table.dataTable {
        color:#222;
      }
      tr th {
          background-color: #3E6F49;
          color: #fff;
      }

      table {
          border: 1px solid #ccc;
      }

      tr th {
          background: #008a00;
          border: none;
      }


      section:not(.header) {
        /*padding: 2rem 0;*/
      }
      #dt-cat-fieldset {
        display: none;
      }
      fieldset {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
      }
      fieldset label {
        display: inline-block;
        margin-right: 1rem;
        /*color:#fff;*/
      }
      label > [type='checkbox'], label > [type='radio'] {
        margin-right: .25rem;
      }
      #myTable {
        display: none;
      }

    .dataTables_wrapper label {
        /*color: #f5a614;*/
        font-weight: 600;
        font-family: 'Open Sans';
    }

    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0;
    }
    .dataTables_wrapper .dataTables_filter {
      text-align: left;
    }

    table.dataTable thead .sorting_asc {
      background-image: url(images/icons/sort_asc.png);
      background-color: #3E6F49;
    }
    table.dataTable thead .sorting_desc {
      background-image: url(images/icons/sort_desc.png);
      background-color: #3E6F49;
    }
    .top-bar {
    background: #fff;
    padding: 0;
    }

    .top-bar ul {
        background: #1779ba;
    }

    #header .grid-container.main-container {
        padding: 1rem 0 0;
    }

    .top-bar-left img {
        margin-left: 1rem;
    }

    .top-bar a {
        color: #fff;
    }
.header-logo {
    padding: 0 1rem 1rem;
}

.social-buttons a {
    background: #31b131;
    margin-left: .5rem;
}

.social-buttons a:hover {
  background:#008a00;
}

.social-buttons.button-group {

    margin: 0;
}
.brand img {
  margin: .5rem 0;
}
.dataTables_wrapper .dataTables_filter {
  float:none;
}

/*NEW*/
.grid-container.main-container {
    padding-left: 30px;
    padding-right: 30px;
}
/*MENU*/
.menu .active {
  color: #ffffff;
  background: #31b131;
}

.menu a {
    font-variant: all-small-caps;
    font-size: 1.25rem;
}

.menu a:hover {
  color: #ffffff;
  background: #31b131;
  text-decoration:underline  
}