.header-content, #footer .container{padding:15px 25px;background:#1b488a;}
#header {}
#header .logo {padding-top:30px;}
#header .logo img {max-width:234px;}
.top {top:0px;}
.top ul.actions li a{color:#fff !important;font-size:16px;}
.top ul.actions li a:hover {color:#eeeeee !important;}
.content {background:#ffffff;}
#mainnav{text-align: right;padding-top:15px;}
#mainnav h1 {width: 100%;color: #cbdb2a;font: 100 28px/110% "Avenir",sans-serif;text-transform: uppercase;}

.boardside {margin:0px;background:#9b9b98;}
.boardnav {padding:25px 0px;}
li {list-style: none;}
.boardnav li a {padding:12px 35px;display: block;width:100%;color: #ffffff;font: 400 18px/100% "Montserrat",sans-serif;text-transform: uppercase;text-decoration: none;text-align: left;letter-spacing: .25px;}
.boardnav li a i {display: inline-block;width:25px;}
.boardnav li:hover, .boardnav li.active {background:#fff;}
.boardnav li a:hover, .boardnav li.active a {color:rgba(30,71,137,1);}
.article {background:#fff !important;overflow: hidden;}
.wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap:2em;
    column-gap: 2em;
}
.wrapper .feature {cursor: pointer;background:#cecece;text-align: center;vertical-align: middle;min-height: 150px;border:3px double #bbb;}
.wrapper .feature h2 {position: relative;top: 25%;transform: translateY(-25%);color:#1b488a;line-height: 28px;text-transform: uppercase;font-size: 24px;}
.wrapper .feature h2 a {text-decoration: underline;}
.wrapper .feature i {font-size:28px;color:#1b488a;top: 50%;transform: translateY(-50%);position: relative;margin:0px auto;}
.wrapper .circle{width:50px;height:50px;border-radius:25px;margin:0px auto;text-align:center;background:#bbb;position: relative;top:10%;}



form.login {padding:35px;margin:25px auto;background:#fafafa;border:1px solid #eee;}
fieldset.account {padding:0px;margin:35px 0px;}
fieldset.account legend {width: 100%;
    color:#1b488a;
    font: 400 18px/110% "Avenir",sans-serif;
    text-transform: uppercase;margin:0px;padding:0px;}
.form-elem {width:100%;display: block;margin-bottom:15px;}
.form-elem label {width:25%;font: 400 18px/100% "Montserrat",sans-serif;text-transform: uppercase;}
.form-elem input {padding:6px;width:70%;font: 400 18px/100% "Montserrat",sans-serif;}
.form-elem a.forgot {font: 400 14px/100% "Montserrat",sans-serif;text-transform: uppercase;}
.form-elem input.submit {padding: 15px 5px !important;background-color: #888;color: #ffffff;border-radius: 5px;font-weight:bold;moz-border-radius: 5px;-webkit-border-radius: 5px;border:0px;cursor: pointer;text-decoration: none;text-transform: uppercase;margin-top: 25px;}
.form-elem input.submit:hover {background:#444;}

.record-item {padding:25px;}
.record-item h2 {width: 100%;color:#1b488a;font: 400 18px/110% "Avenir",sans-serif;text-transform: uppercase;margin-bottom:15px;}
.record-item p {font: 400 14px/20px "Montserrat",sans-serif;}

/* COMMITTEE */
.data-table, header {padding:25px 25px 0px 25px;}
header h1 {width: 100%;color:#9b9b98;font: 400 32px/110% "Avenir",sans-serif;text-transform: uppercase;}
header p {font: 400 14px/20px "Montserrat",sans-serif;}
.dataTables_filter, .dataTables_paginate, .dataTables_info {margin: 10px 0px !important;}
table.dataTable thead .sorting {background-image: none !important;}
.breads {position: relative;z-index:100000;}
.breads a {font:300 13px/100% "Open Sans";color:#222;text-transform: uppercase;}
.breads strong {font:600 13px/100% "Open Sans";color:#222;text-transform: uppercase;}
.dataTables_wrapper {margin-top:-30px;}

.tab {overflow: hidden;border: 1px solid #ccc;border-top:0px;border-right:0px;background-color: #fff;margin:0px 25px;display: none;}
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font: 400 14px/20px "Montserrat",sans-serif;text-transform: uppercase;border-right:1px solid #cecece;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;font-weight:600;}
.tabcontent {display: none;padding: 0px 25px;border: 0px solid #ccc;border-top: none;}

table.dataTable th {font-size:12px;padding:8px 10px !important;background:#ccc;color:#000;}
table.dataTable td {font-size:14px;}
table.dataTable td:first-child{width:25%;}
table.display1, table.display2 {height: 250px;}
table.display2 tr:nth-child(odd) {  background: #f8f8f8;}
#example_wrapper {margin-bottom:35px;}
#example_filter {margin-bottom:10px;}