@font-face {
  font-family: 'Roboto';
  src: local('Roboto'), local('Roboto-Regular'),
    url('/fonts/Roboto-Regular.woff2') format('woff2'),
    url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif; color:#000}
body {background-color: #fff;}
/* general stuff */
.gsb-bold {font-weight:bold}
.gsb-padding0-4 {padding:0px 4px}
.gsb-padding16-0 {padding:16px 0}
.gsb-padding6 {padding: 6px}
.gsb-pad2marg4 {padding: 2px; margin: 4px}
.gsb-centre {text-align: center; margin: auto}
.gsb-rounded {border-radius:12px; border-style:solid;border-color:#fff}
/* for new menu stuff */
.gsb-topmenu {width:100%; top:0}
.gsb-fixed {position:fixed}
.gsb-phantom {height: 88px; opacity: 0; z-index: -1; position:relative}
.gsb-hide {display: none}
.gsb-sticky {position: -webkit-sticky; position: sticky; top: 0}
.gsb-nobot {margin-bottom: 0 !important}
.gsb-buttonbar {width: -moz-fit-content; width: fit-content;}

@media print{.gsb-noprint, .gsb-topmenu, .gsb-phantom{display: none}}

/* primary theme, dull blues */
.gsb-l5 {color:#000 !important; background-color:#f9fafc !important}
.gsb-l4 {color:#000 !important; background-color:#e9eef6 !important}
.gsb-l3 {color:#000 !important; background-color:#d4dded !important}
.gsb-l2 {color:#000 !important; background-color:#becbe4 !important}
.gsb-l1 {color:#000 !important; background-color:#a9badb !important}
.gsb-d1 {color:#fff !important; background-color:#7a95c7 !important}
.gsb-d2 {color:#fff !important; background-color:#6181bd !important}
.gsb-d3 {color:#fff !important; background-color:#4a6eb0 !important}
.gsb-d4 {color:#fff !important; background-color:#3f5e97 !important}
.gsb-d5 {color:#fff !important; background-color:#354e7e !important}

.gsb-light {color:#000 !important; background-color:#f9fafc !important}
.gsb-dark, .gsb-dark-hover:hover {color:#fff !important; background-color:#354ece !important}
.gsb-action {color:#fff !important; background-color:#354e7e !important}

.gsb {color:#000 !important; background-color:#92a8d1 !important}
.gsb-text {color:#92a8d1 !important}
.gsb-border {border-color:#92a8d1 !important}

.gsb-hover:hover {color:#000 !important; background-color:#92a8d1 !important}
.gsb-text-hover:hover {color:#354e7e !important}
.gsb-border-hover:hover {border-color:#92a8d1 !important}
.gsb-light-hover:hover {background-color:#e9eef6 !important}

.gsb-nav-sel, .gsb-nav-sel:hover {color:#fff !important; background-color:#354e7e !important}
.gsb-striped tbody tr:nth-child(even){background-color:#a9badb}
.gsb-text-blue {color:#253ea6}

h1,h2,h3,h4,h5,h6 {color:#16ba3d; text-align: center; font-weight: bold}

.gsb-gradient-v1 {
  background:-webkit-linear-gradient(top,#a9badb,#e9eef6);
  background:-moz-linear-gradient(top,#a9badb,#e9eef6);
  background:-o-linear-gradient(top,#a9badb,#e9eef6);
  background:-ms-linear-gradient(top,#a9badb,#e9eef6);
  background: linear-gradient(top,#a9badb,#e9eef6)}

.gsb-gradient-v2 {
  background:-webkit-linear-gradient(bottom,#a9badb,#e9eef6);
  background:-moz-linear-gradient(bottom,#a9badb,#e9eef6);
  background:-o-linear-gradient(bottom,#a9badb,#e9eef6);
  background:-ms-linear-gradient(bottom,#a9badb,#e9eef6);
  background: linear-gradient(bottom,#a9badb,#e9eef6)}

.gsb-gradient-h1 {
  background:-webkit-linear-gradient(left,#a9badb,#e9eef6);
  background:-moz-linear-gradient(left,#a9badb,#e9eef6);
  background:-o-linear-gradient(left,#a9badb,#e9eef6);
  background:-ms-linear-gradient(left,#a9badb,#e9eef6);
  background: linear-gradient(left,#a9badb,#e9eef6)}

.gsb-gradient-h2, .gsb-mem-list:nth-child(odd) {
  background:-webkit-linear-gradient(right,#a9badb,#e9eef6);
  background:-moz-linear-gradient(right,#a9badb,#e9eef6);
  background:-o-linear-gradient(right,#a9badb,#e9eef6);
  background:-ms-linear-gradient(right,#a9badb,#e9eef6);
  background: linear-gradient(right,#a9badb,#e9eef6)}

/*secondary theme, (mostly) members stuff, muted greens */
.gsb2-l5 {color:#000 !important; background-color:#f5fef7 !important}
.gsb2-l4 {color:#000 !important; background-color:#dcfce3 !important}
.gsb2-l3 {color:#000 !important; background-color:#baf9c6 !important}
.gsb2-l2 {color:#000 !important; background-color:#97f5aa !important}
.gsb2-l1 {color:#000 !important; background-color:#75f28e !important}
.gsb2-d1 {color:#fff !important; background-color:#35ec5a !important}
.gsb2-d2 {color:#fff !important; background-color:#18e942 !important}
.gsb2-d3 {color:#fff !important; background-color:#13ce38 !important}
.gsb2-d4 {color:#fff !important; background-color:#10b030 !important}
.gsb2-d5 {color:#fff !important; background-color:#0e9328 !important}

.gsb2-light {color:#000 !important; background-color:#f5fef7 !important}
.gsb2-dark, .gsb2-dark-hover:hover {color:#fff !important; background-color:#0e9328 !important}
.gsb2-action {color:#fff !important; background-color:#0e9328 !important}

.gsb2 {color:#000 !important; background-color:#52ef72 !important}
.gsb2-text {color:#52ef72 !important}
.gsb2-border {border-color:#52ef72 !important}

.gsb2-hover:hover {color:#000 !important; background-color:#52ef72 !important}
.gsb2-text-hover:hover {color:#52ef72 !important}
.gsb2-border-hover:hover {border-color:#52ef72 !important}

.gsb2-nav-sel, .gsb2-nav-sel:hover {color:#fff !important; background-color:#12c036 !important}

/* purple extra theme, used for admin type things */
.gsb3-l5 {color:#000 !important; background-color:#f8f5fe !important}
.gsb3-l4 {color:#000 !important; background-color:#e8dcfc !important}
.gsb3-l3 {color:#000 !important; background-color:#d1baf9 !important}
.gsb3-l2 {color:#000 !important; background-color:#ba97f5 !important}
.gsb3-l1 {color:#fff !important; background-color:#a375f2 !important}
.gsb3-d1 {color:#fff !important; background-color:#7835ec !important}
.gsb3-d2 {color:#fff !important; background-color:#6518e9 !important}
.gsb3-d3 {color:#fff !important; background-color:#5813ce !important}
.gsb3-d4 {color:#fff !important; background-color:#4b10b0 !important}
.gsb3-d5 {color:#fff !important; background-color:#3f0e93 !important}

/*h1,h2,h3,h4,h5,h6 {color:#5518d9} */

.gsb3-light {color:#000 !important; background-color:#f8f5fe !important}
.gsb3-dark, .gsb3-dark-hover:hover {color:#fff !important; background-color:#8d55ef !important}
.gsb3-action {color:#fff !important; background-color:#3f0e93 !important}

.gsb3 {color:#fff !important; background-color:#8c52ef !important}
.gsb3-text {color:#8c52ef !important}
.gsb3-border {border-color:#8c52ef !important; border:5px}

.gsb3-hover:hover {color:#fff !important; background-color:#8c52ef !important}
.gsb3-text-hover:hover {color:#8c52ef !important}
.gsb3-border-hover:hover {border-color:#8c52ef !important}

.gsb3-nav-sel, .gsb3-nav-sel:hover {color:#fff !important; background-color:#5518d9 !important}

/** new roster table **/
.ros-table{border-collapse: collapse; background-color: #fff;}
.ros-greyed{color:#ffffff; background-color:#aaaaaa;}
.ros-table td:nth-child(1){text-align: right; padding-right: 4px}
.ros-table td:nth-child(2){text-align: right; padding-right: 4px}
.ros-table td:nth-child(3){text-align: center; padding-left: 4px; padding-right: 4px}
.ros-table td:nth-child(n+4){text-align: center; padding-right: 4px}
.ros-notes {text-align: left !important; padding-left: 4px}
.ros-nd {border-top: 1px solid #aaa;}
/* and a bunch of background colours */
.ros-bg1{background-color: #ccf2ff;}
.ros-bg1s{background-color: #adebff;}
.ros-bg2{background-color: #faebd7;}
.ros-bg2s{background-color: #f7ddbb;}
.ros-bg3{background-color: #ccfa9e;}
.ros-bg3s{background-color: #b8f977;}

.gsb-rmotd{border: 4px solid #97f5aa; display: inline-block;}
.gsb-prefpad td{padding-top: 4px !important; padding-bottom: 4px !important}

/* bits for calendar */
.calendar{}
.calentry {margin:auto}
.calentry:nth-child(odd) {background-color: #d4dded}
.calwhat {font-weight: bold; text-align: center}
.calwhen {padding-left: 6px}
.calwhere {text-align: center}
.calwho {text-align: right; padding-right: 6px}
.caldetail {font-size: medium; padding: 6px}
.gsb-dark-green {color: #006600}
.mmotd {margin: 16px; text-align: center; font-size: larger;}
.psbox{border: 5px solid #354e7e; padding: 10px;}
.pstitle{font-size: larger; font-weight: bold; padding: 4px; margin: 0;}
/* bits for upload, doc lists */
.gsb-uptable td {padding:0}
.doctable{margin: auto}
.doctable th, .doctable td{padding: 0px 8px}
.dochtitle{}
.dochfname{}
.dochposter{}
.dochdate{}
.dochsize{}
.doctitle{font-size: larger; font-weight: bold}
.doctitle a {text-decoration: none}
.doctitle a:link{}
.doctitle a:visited{color: #61a}
.doctitle a:hover{color: #35c}
.doctitle a:active{color: #6181bd}
.docfname{}
.docftype{}
.docposter{}
.docdate{text-align: right}
.docsize{text-align: right}
.doccount{text-align: center}

/* contact page office bearer table */
.offtable{max-width: 500px; margin: auto;}
.office{font-weight: bold;text-align: right; !important}

/* new resource stuff */
.gsb-resul{list-style-type: none; margin:auto; padding:10px; display:table; background-color: #fff; min-width:50%}
.gsb-caret{cursor:pointer; user-select:none; font-size:large; color:#0e9328; font-style:bold !important;}
.gsb-caret::before{content:"\25b6"; color:#0e9328; display:inline-block; margin-right: 10px;}
.gsb-caret-down::before{transform:rotate(90deg);}
.gsb-nested{list-style-type: none; display:none;}
.gsb-active{list-style-type: none; display:block;}
.gsb-restable{margin:auto;border-collapse: collapse;background-color: #fff;}
.colfolder{}
.colpublic{background-color: #faebd7;}
.colbrigade{background-color: #ccf2ff;}
.colboth{background-color: #e8dcfc;}
.colofficers{background-color: #ccfa9e;}
.colpanic{background-color: #ffff00;}
.gsb-restable td{padding: 0px 10px;}
.gsb-resl1{padding-left: 35px !important;}
.gsb-resl2{padding-left: 60px !important;}
.gsb-resul a{text-decoration: none;}
.gsb-resul a:link{}
.gsb-resul a:visited{color: #61a}
.gsb-resul a:hover{color: #35c}
.gsb-resul a:active{color: #6181bd}
.gsb-resdoit{margin-right: 20px;}
.gsb-resform input:invalid {border: 2px red;}
.gsb-resform input:invalid:required {background-color:#ffff80;}
.gsb-resform input:valid {border: 2px black;}