#bnl_date_div {
    width: 100%;
    text-align: center;
    font-size: 22pt;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

#bnl_date_div > label {
    font-size: 22pt;
    font-weight: bold;
    padding: 5px;
}

#date_range_title {
    width: 100%;
    font-size: 16pt;
}

.date_dropdown_wrapper {
   min-height: 300px;
    margin: 10px;
    flex-grow: 1;
}

.date_dropdown_wrapper label {
    font-size: 20pt;
}

.date_dropdown {
    
}

.chosen_date_display {
    padding: 0em 0em;
    text-align: center;
    color: #0099A8;
    width: 100%;
    border: 0px;
}

.dropdown_menu_overlay {
    width: 100%;
    z-index: 9999;
    background-color: grey;
    height: 30px;
}

/* Date picker overrides */
.month-picker .ui-widget .ui-widget-content .ui-corner-all {
    max-width: 300PX;
}

.month-picker-month-table {
    max-width: 300px;
}

.month-picker-month-table .ui-button {
    text-decoration: none;
    display: inline-block;
    padding: 8px;
    width: 4em !important;
    margin: 1px !important;
    font-size: 13pt;
    font-weight: bold;
    color: #0099A8;
}

.month-picker-year-table .month-picker-title .ui-button {
    color: #363636;
    text-decoration: none;
}

.month-picker-header {
    font-size: 12pt;
}

.month-picker td {
    padding: 4px !important;
}

.month-picker-previous {
    width: 15% !important;
}

.month-picker-next {
    width: 15% !important;
}

.month-picker-year-table .ui-button {
    font-size: 1.1em;
    width: 100%;
    cursor: default;
    margin: 0;
}
/* END Date picker overrides END */

#bnl_filter_select_master_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.bnl_filter_switcher_container {
    width: 100%;
}

.bnl_basic_filter_container {
    flex-grow: 1;
    width: 100%;
}

.bnl_basic_filter_container > .bnl_dropdown_wrapper {
    width: 100% !important;
}

#filter_switcher_button {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

.bnl_advanced_filter_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 48%;
}

.bnl_title_container {
    font-size: 16pt;
    font-weight: bold;
    padding: 10px;
    width: 98%;
    border-bottom: 1px solid black;
    text-align: center;
}

.bnl_basic_filter_container > .bnl_title_container {
    border-bottom: none;
}

.bnl_dropdown {
    width: 100%;
    text-align: left;
}

.bnl_dropdown_wrapper {
    font-size: 8pt;
    text-align: center;
    width: 31%;
    padding: 1%;
}

#show_zeros_label {
    padding-top: 10px;
    padding-left: 10px;
}

#bnl_submit_container {
    width: 100%;
    padding: 4em 5% 0% 5%;
}

#bnl_submit_button {
    width: 100%;
    font-size: 16pt;
    font-weight: bold;
	border-top: 1px solid rgba(255, 255, 255, 0.2);    
    font-size: 14px;
    line-height: 1em;
    padding: 0.6em 1.3em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 1em;
    margin: 5px 0 0 5px;
    outline: medium none;
    overflow: visible;
    position: relative;
    white-space: nowrap;
	background-color: #0099A8;
	border-radius: 4px;
}

.bnl_submit_not_allowed {
    cursor: not-allowed !important;
    background-color: gray !important;
}

.sort {
    display: none;
}

.bnl-download-icon {
    float: left;
    margin: -2px 7px 0px 25px;
    font-size: 18pt;
    font-stretch: extra-expanded;
}

.bnl_csv_download_link {
    margin-bottom: 2em;
    cursor: pointer;
    color: #078000;
}

.table_warning {
    color: red;
    font-size: 16pt;
    font-weight: bold;
}

#instructions_show_hide {
    padding-top: 2em;
}

.bnl_instructions img {
    padding: 2em;
}

.bnl_instructions p {
    padding: 1em;
}

.bnl_instructions li {
    padding-bottom: 1.5em;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.hide {
    display: none !important
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media only screen and (max-width: 1150px) {
    
    .bnl_advanced_filter_container {
        width: 98%;
    }

}

@media only screen and (max-width: 815px) {
    
    .month-picker-month-table .ui-button {
        width: 100%;
        margin: 0px;
    }
}