a:hover {cursor:pointer;}
header {margin:0 auto;width:100%;max-width:1100px;}
header img {width:100%;height:auto;}
#members-body {margin:0 auto;width:100%;max-width:1100px;}
#members-body-full {margin:0 auto;width:100%;max-width:calc(100% - 30px);}
#button-large-area {width:100%;max-width:555px;margin:30px auto;padding: 10px 10px 10px 15px;border: 1px solid #333;text-align:center;}
#button-large-area a {text-indent:-9999px;display:inline-block;width:150px;height:150px;margin:10px;background:url(/img/buttons-square3.webp);}
#button-large-area a#account {background-position:-750px 0;}
#button-large-area a#account:hover {background-position:-750px -150px;}
#button-large-area a#dues {background-position:-900px 0;}
#button-large-area a#dues:hover {background-position:-900px -150px;}
#button-large-area a#dues-past {background-position:-1050px 0;}
#button-large-area a#dues-past:hover {background-position:-1050px -150px;}
#button-large-area a#organization {background-position:-600px 0;}
#button-large-area a#organization:hover {background-position:-600px -150px;}
#button-large-area a#committees {background-position:-450px 0;}
#button-large-area a#committees:hover {background-position:-450px -150px;}
#button-large-area a#directory {background-position:-300px 0;}
#button-large-area a#directory:hover {background-position:-300px -150px;}
#button-large-area a#directors {background-position:-150px 0;}
#button-large-area a#directors:hover {background-position:-150px -150px;}
#button-large-area a#exec-board {background-position:0 0;}
#button-large-area a#exec-board:hover {background-position:0 -150px;}
#button-large-area a#events {background-position:-1200px 0;}
#button-large-area a#events:hover {background-position:-1200px -150px;}
#button-large-area a#reports {background-position:-1350px 0;}
#button-large-area a#reports:hover {background-position:-1350px -150px;}
#button-large-area a#admin {background-position:-1500px 0;}
#button-large-area a#admin:hover {background-position:-1500px -150px;}
#button-large-area a#documents {background-position:-1650px 0;}
#button-large-area a#documents:hover {background-position:-1650px -150px;}
#button--area {width:100%;margin:30px auto;padding:0;border: 0px;text-align:left;}
#button--area a {text-indent:-9999px;display:inline-block;width:100px;height:100px;margin:10px;background:url(/img/buttons-square3.webp);background-size:1100px;}
#button--area a#account {background-position:-500px 0;}
#button--area a#account:hover {background-position:-500px -100px;}
#button--area a#dues {background-position:-600px 0;}
#button--area a#dues:hover {background-position:-600px -100px;}
#button--area a#organization {background-position:-400px 0;}
#button--area a#organization:hover {background-position:-400px -100px;}
#button--area a#committees {background-position:-300px 0;}
#button--area a#committees:hover {background-position:-300px -100px;}
#button--area a#directory {background-position:-200px 0;}
#button--area a#directory:hover {background-position:-200px -100px;}
#button--area a#directors {background-position:-100px 0;}
#button--area a#directors:hover {background-position:-100px -100px;}
#button--area a#exec-board {background-position:0 0;}
#button--area a#exec-board:hover {background-position:0 -100px;}
#button--area a#events {background-position:-800px 0;}
#button--area a#events:hover {background-position:-800px -100px;}
#button--area a#reports {background-position:-900px 0;}
#button--area a#reports:hover {background-position:-900px -100px;}
#button--area a#admin {background-position:-1000px 0;}
#button--area a#admin:hover {background-position:-1000px -100px;}
form label {margin-left:0.75rem;}
.input-group-append {cursor: pointer;}
.form-floating>label {color:#888;}
#login-response {font-size:1.75em;margin-bottom:30px;}
h4 {text-transform:uppercase;font-size:0.8em;font-weight:700;}
#organization-members_wrapper .dataTables_length {display:none;}
#organization-members_wrapper .dataTables_filter {display:none;}
#organization-members_info {display:none;}
#organization-members_wrapper .pagination {display:none;}
.btn-primary {background:#046240 !important;border-color:#0e8e60;}
.btn-primary:hover,.btn-primary:active {background:#0e8e60 !important;}
#members-body,#members-body-full {margin-bottom:100px;}
.accordion-button:not(.collapsed) {color:#fff;background-color:#0e8e60;box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #0e8e60;}
.accordion-button:focus {border-color:transparent;box-shadow:none;}
.accordion-button:not(.collapsed)::after {background-image:var(--bs-accordion-btn-icon);}
.dropdown-new-committee-member,.dropdown-remove-committee-member {float: left;margin: -8px 0 10px 10px;}
#committee_list h4 {float:left;}
#committee_list ul {clear:both;}
.dropdownInput {box-sizing: border-box;width:100%;background-image: url('https://www.w3schools.com/howto/searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 14px 20px 12px 45px;border: none;border-bottom: 1px solid #ddd;}
.dropdownInput::-webkit-input-placeholder {font-size: 13px}
.dropdownInput:focus {outline: 3px solid #ddd;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f6f6f6;min-width: 350px;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;cursor:pointer;}
.show {display: block;}
.accordion-button.collapsed .edit-committee {display:none;}
.edit-committee {right: 50px;position: absolute;}
.btn:hover {border-color:#000;text-decoration:none;}
h1 {font-family:"Montserrat",sans-serif;font-weight:900;text-transform:uppercase;}
textarea.form-control {min-height:150px;}
#delete-committee {float:right;}
a {color:#212529;text-decoration:none;}
a:hover {text-decoration:underline;color:#777;}
ul.normal-padding {padding-left:2em;}
h2 {font-family:"Montserrat",sans-serif;font-weight:900;font-size:1.3em;text-transform:uppercase;padding-top:1.5em;}
.sidebar {margin-bottom:2em;}
.sidebar h2 {font-size:1.1em;margin-bottom:0;}
.sidebar h2:first-child {padding-top:0;}
.sidebar ul {padding-left:1em;margin-bottom:0;}
#committee_list h2 {padding-top:0;}
/* 	@media screen and (max-width: 991px) { */
	#button--area a {width:75px;height:75px;background-size:900px;margin:5px;}
	#button--area a#account {background-position:-375px 0;}
	#button--area a#account:hover {background-position:-375px -75px;}
	#button--area a#dues {background-position:-450px 0;}
	#button--area a#dues:hover {background-position:-450px -75px;}
	#button--area a#organization {background-position:-300px 0;}
	#button--area a#organization:hover {background-position:-300px -75px;}
	#button--area a#committees {background-position:-225px 0;}
	#button--area a#committees:hover {background-position:-225px -75px;}
	#button--area a#directory {background-position:-150px 0;}
	#button--area a#directory:hover {background-position:-150px -75px;}
	#button--area a#directors {background-position:-75px 0;}
	#button--area a#directors:hover {background-position:-75px -75px;}
	#button--area a#exec-board {background-position:0 0;}
	#button--area a#exec-board:hover {background-position:0 -75px;}
	#button--area a#events {background-position:-600px 0;}
	#button--area a#events:hover {background-position:-600px -75px;}
	#button--area a#reports {background-position:-675px 0;}
	#button--area a#reports:hover {background-position:-675px -75px;}
	#button--area a#admin {background-position:-750px 0;}
	#button--area a#admin:hover {background-position:-750px -75px;}
	#button--area a#documents {background-position:-825px 0;}
	#button--area a#documents:hover {background-position:-825px -75px;}
/* } */
@media screen and (max-width: 600px) {
	.mobile-header {display:block !important;}
	.desktop-header {display:none;}
	#button-large-area {padding: 0;border:0;text-align:center;}
	#button--area {text-align:center;}
	.page-body {text-align:center;}
}
@media screen and (min-width: 601px) {
	.mobile-header {display:none;}
	.desktop-header {display:block;}
}
table.dataTable>tbody>tr.child ul.dtr-details {width:100%;}
table.dataTable>tbody>tr.child span.dtr-title {min-width:110px;display:inline-block;}
.btn-pay-now {height:22px;line-height:16px;padding:3px 5px;font-size:11px;}
h1 select#year_select {display:inline-block;width:120px;position:relative;top:-5px;}
h1 select#status_select {display:inline-block;width:150px;position:relative;top:-5px;}
#mark-paid-dues {float:right;}
.dataTables_length {width:180px;float:left;}
.dt-buttons {width:calc(100% - 460px);display:inline-block;text-align:right;}
.dataTables_filter {float:right;width:240px;}

.dt-button {
    font-size: 12px;
    padding: 4px 10px;
	border-radius:4px;
    margin-bottom: 0;

    display: inline-block;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}
.dt-button:focus,
.dt-button:active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.dt-button:hover,
.dt-button:focus {
    color: #333;
    text-decoration: none;
}
.dt-button:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/* default
---------------------------- */
.dt-button {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.dt-button:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.dt-button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.dt-button:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}