h2 {
  font-weight:bold;
}
h5 {
  font-size:1em;
  font-weight:bold;
}

table tr[data-href] {
    cursor: pointer;
}
input[type='checkbox'] {
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  transform: scale(1.2);
  padding: 10px;
}
.noRecord {
  color:var(--grey);
  font-style:italic;
  padding:10px;
}
.pagination {
  margin-bottom:0px;
}
#fullnav {
  position:absolute;
  left:0;
  width:230px;
  background-color:var(--white);
  display:block;
  height:100vh!important;
  min-height:100%;
  -webkit-box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  z-index:100;
}

#fullnav #menuItems {
  padding-top:20px;
}

#fullnav #menuItems a {
  display:block;
  padding:7px 25px;
  color:var(--darkBlue);
}

#fullnav #menuItems a:hover {
  text-decoration:none;
  border-left:solid 7px var(--darkBlue);
  color:var(--gold);
}
.activeNav{
  font-weight:bold;
  border-left:solid 7px var(--darkBlue);
  color:var(--gold)!important;
}
#mobilenav {
  display:none;
  background-color:var(--white);
}

#mobileMenuBar {
  background-color:var(--darkBlue);
  text-align:center;
  color:var(--gold);
  font-weight:bold;
  font-size:1.1em;
  padding:7px;
  cursor:pointer;
}

#mobileMenu {
  background-color:var(--grey);
  text-align:center;
  display:none;
  padding:10px;
  font-size:1.1em;
}

#mobileMenu a {
  display:block;
  padding:5px;
  color:var(--text);
}

#main {
  position:relative;
  float:left;
  width:calc(100% - 230px);
  margin-left:230px;
}

#headerBar {
  background-color:var(--white);
  border-bottom:solid 5px var(--darkBlue);
  z-index:90;
  padding:20px 20px 0px 20px;
}

#headerBar h2 {
  color:var(--darkBlue);
}

#headerBar h4 {
  color:var(--darkGrey);
  font-size:1em;
  font-style:italic;
}

#headerBar a {
  margin-bottom:10px;
}

.card {
	margin-bottom: 20px;
	border: none;
}

.card-header {
	font-weight: bold;
	background-color: var(--lightGrey);
	color: var(--darkBlue);
	border-bottom: solid 3px var(--darkBlue);
	padding: 5px 1.25rem 0px 1.25rem;
}



#logo {
  height:140px;
  text-align:center;
}
.lodgeNavLogo {
  max-width:100%;
  max-height:100%;
  padding:10px;
}
#numberBar {
  background-color:var(--darkBlue);
  color:var(--gold);
  text-align:center;
  padding:4px;
}

#adminNumberBar {
  background-color:var(--gold);
  color:var(--darkBlue);
  text-align:center;
  padding:4px;
}


.modal-header {
  background-color:var(--darkBlue);
  color:var(--gold);
  font-family: 'The Working Tools';
}

.close {
  color:var(--white);
}

.close:hover {
  color:var(--white);
  opacity:1;
}

.pagination {
    margin-top:10px; 
}
.pagination li a {
    color:var(--darkBlue)
}
.pagination .page-item.active .page-link {
    background-color:var(--darkBlue);
    border-color:var(--darkBlue);
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    background-color: white;
    box-shadow: 0 1px 3px 0 var(--darkGrey);
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    -webkit-font-smoothing:antialiased;
  font-size:16px;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 var(--darkBlue);
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}


.rapidTable {
	width: 100%;
	border-top: 1px dashed var(--lightBlue);
	border-bottom: 1px dashed var(--lightBlue);
	background-color: var(--white);
 
}

.rapidTable th {
	font-family: 'The Working Tools';
	padding: 2px 6px;
	color: var(--darkBlue);
	border-right: 1px dashed var(--lightBlue);
	border-left: 1px dashed var(--lightBlue);
}

.rapidTable tr:nth-child(odd) {
	background-color: var(--lightestBlue);
}

.rapidTable tr:first-child {
	background-color: var(--white);
	border-bottom: 2px solid var(--gold);
}

.rapidTable td {
	padding: 2px 6px;
	border-right: 1px dashed var(--lightBlue);
	border-left: 1px dashed var(--lightBlue);
	word-break: break-word;
	vertical-align: top;
}

.rapidTable td a {
  color:var(--darkBlue);
}

.docTable {
	width: 100%;
	border-top: 1px dashed var(--lightBlue);
	border-bottom: 1px dashed var(--lightBlue);
	background-color: var(--white);
 
}

.docTable th {
	font-family: 'The Working Tools';
	padding: 2px 6px;
	color: var(--darkBlue);
	border-right: 1px dashed var(--lightBlue);
	border-left: 1px dashed var(--lightBlue);
}

.docTable tr{
	background-color: var(--white);
}

.docTable tr:first-child {
	background-color: var(--white);
	border-bottom: 2px solid var(--gold);
}

.docTable td {
	padding: 2px 6px;
	border-right: 1px dashed var(--lightBlue);
	border-left: 1px dashed var(--lightBlue);
	word-break: break-word;
	vertical-align: top;
}

.docTable td a {
  color:var(--darkBlue);
}

.ownerLabel {
  font-size:0.9em;
  font-weight:bold;
  background-color:var(--darkBlue);
  color:var(--gold);
  padding:1px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.delegateLabel {
  font-size:0.9em;
  font-weight:bold;
  background-color:var(--grey);
  color:var(--darkGrey);
  padding:1px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.helperIcon {
  cursor:pointer;
}
.helperIcon img {
  width:35px;
  margin-top:-5px;
}
.popover-header {
  background-color:var(--gold);
  color:var(--darkBlue);
  font-weight:bold;
}
.popover-body {
  font-size:1.1em;
}
.popover-body a {
  color:var(--darkBlue);
  text-decoration:underline;
}

.subData {
  display:none;
  background-color:var(--lightBlue);
  margin:10px 0px;
  padding:10px;
}
.modal-open {
  cursor:pointer;
}

.otherEventBar {
  width:100%;
  background-color:var(--white);
  color:var(--darkBlue);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:15px;
}

.eventBar {
  width:100%;
  background-color:var(--darkBlue);
  color:var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    margin-bottom:15px;

}
.eventIcon {
  position:relative;
  float:left;
  padding: 5px;
  margin-left:5px;
}
.eventIcon img {
  width:60px;
  padding:5px;
}
.eventDetails {
  position:relative;
  float:left;
  margin-left:10px;
  padding:5px;
}
.eventDetails h3 {
  color:var(--gold);
  font-size:1.4em;
  margin-top:3px;
  margin-bottom:5px;
}
.meetingTypeLabel {
  font-size:0.6em;
}

.twtDirectory {
  text-align:center!important;
}
.twtDirectory:hover {
  background-color:var(--lightBlue);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
}
.docFolder {
  color:var(--gold)!important;
  margin:0px 10px;
  font-size:4em!important;
}
.docFile {
  color:var(--darkBlue)!important;
  margin:0px 10px;
  padding-top:10px;
  padding-bottom:5px;
  font-size:4em!important;
}
.docCrumbHome {
  color:var(--gold);
  margin:0px 5px;
  font-size:1em;
}
.docCrumb {
  color:var(--gold);
  margin:0px 5px;
  font-size:1em;
}
.docLink {
  cursor:pointer;
}
.docPage {
  color:var(--darkBlue)!important;
  margin:0px 10px 0px 30px;
}
.docTable {
  background-color:var(--lightGrey)!important;
}

.panel-heading {
  background-color:var(--lightGrey)!important;
}
.tag {
  padding:1px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display:inline;
}

.reminder {
  border:1px solid var(--gold);
  padding:10px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:10px;
  cursor:pointer;
}
.reminder:hover {
  border:1px solid var(--darkBlue);
}
.reminder h4 {
  font-size:1em;
  color:var(--darkBlue);
  font-weight:bold;
}
.reminder h5 {
  font-size:0.8em;
  color:var(--gold);
  margin:0px;
}

.overdue-reminder {
  border:1px dashed var(--red);
}

.termsBlock p {
  font-size:0.9em;
}

.pageShadow {
  -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.37);
  -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.37);
  box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.37);
  cursor:pointer;
}

.noResults {
  font-style:italic;
  color:var(--grey);
}

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

.eventItemBar {
  border: 1px var(--gold) dashed;
  padding:10px;
  margin-bottom:5px;
  cursor:pointer;
}
.eventItemBar h5 {
  font-size:0.8em;
  margin-bottom:0px;
}
.eventItemBar h4 {
  font-size:1em;
  font-weight:bold;
  color:var(--darkBlue);
  margin-bottom:5px;
}

.pill {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size:0.8em;
  padding:0px 7px;
  background-color:var(--grey);
  opacity:0.5;
}
.notePill {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size:0.8em;
  padding:2px 10px;
  white-space:pre;
}
.inactivePill {
  opacity:0.4!important;
}


.itemOn {
  background-color:var(--gold);
  color:var(--darkBlue);
  opacity:1;
}

.itemMember {
  background-color:var(--darkBlue);
  color:var(--gold);
  opacity:1;
}


.onboarding-header {
  background-color:var(--white);
  border-bottom:3px solid var(--darkBlue);
  padding:5px;
}
.onboarding-header img {
  float:left;
  margin-left:20px;
}
.onboarding-header h2 {
  float:left;
  padding-left:20px;
  padding-top:10px;
  font-size:1.3em;
  color:var(--darkBlue);
}
.onboarding-left {
  position:relative;
  float:left;
  width:70%;
}
.onboarding-right {
  position:relative;
  float:right;
  width:30%;
  text-align:right;
  font-size:0.9em;
  padding-top:12px;
}
.onboarding-right a {
    margin-right:20px;
    color:var(--gold);
}
 
.card-footer {
  background-color:var(--darkBlue);
  color:var(--gold);
  font-weight:bold;
  padding:5px 15px;
}

.nextEvent {
  border:1px solid var(--gold);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  margin-top:10px;
  margin-bottom:10px;
  font-size:0.9em;
}

.nextEvent h6 {
  font-size:0.9em;
  color:var(--darkBlue);
  margin-bottom:5px;

}
.nextEvent h2 {
  font-size:1.2em;
  font-weight:bold;
  color:var(--gold);
  margin-bottom:5px;

}
.nextEvent h5 {
  font-size:1em;
  color:var(--darkBlue);
    margin-bottom:5px;
}
.nextEvent h3 {
  font-size:1em;
  font-weight:normal;
  color:var(--darkBlue);
    margin-bottom:5px;
}
#dashSearchResults {
  border-top:1px solid var(--gold);
  margin-top:10px;
  padding-top:10px;
}

.diaryLine {
  padding:10px;
  border:1px solid var(--lightGrey);
  cursor:pointer;

}
.diaryLineOdd {
  padding:10px;
  border:none;
  background-color:var(--lightestBlue);
}
.blankDiary {
  padding:10px;
  color:var(--grey);
  font-style:italic;
  font-size:0.9em;
}

#topNavButton {
  position:absolute;
  top:12px;
  right:10px;
  z-index:99;
}


#topNav {
  display:none;
  width:300px;
  height:auto;
  background-color:var(--white);
  position:absolute;
  border:1px solid var(--lightGrey);
  top:50px;
  right:20px;
  z-index:90;
  -webkit-box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  box-shadow: 4px 0px 17px -9px rgba(0,0,0,0.5);
  
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  padding:20px 30px 10px 30px;
  text-align:left;
}

#topNav a {
  text-decoration:none;
  color:inherit;
}



#topRightInternalNav ul {
  margin:0;
  padding-left:0;
}

#topRightInternalNav ul li {
  list-style-type: none; 
}

#topRightInternalNav ul li a {
  display: block;
  padding: 5px 15px;
  text-decoration:none;
  margin-bottom:0;
  cursor:pointer;
}

#topRightInternalNav ul li a:hover {
  background-color:#eee;
}

#topNavMobile {
  padding:10px 20px;
  text-align:left;
  padding-bottom:20px;
}
#topNavMobile img {
  max-width:70px;
}

#topNavMobile a {
  text-decoration:none;
  color:inherit;
}

.lodgeSwitch:hover {
  background-color:#eee;
}




@media only screen and (max-width: 992px) {
  
  

#fullnav {
    display:none;
}
  
#mobilenav {
    display:block;
}
  
#main {
  width:100%;  
  margin-left:auto;
}
#mobileLogo{
    width:130px;
    margin:0 auto;
}
.lodgeNavLogo {
  padding:5px;
}
input[type='checkbox'] {
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  transform: scale(1);
  padding: 10px;
}

.activeNav{
  font-weight:bold;
  border-left:none;
  color:var(--darkBlue)!important;
}
  
}