@charset "UTF-8";

body {
  font-family: sans-serif;
  font-size: 9pt;
  background-color: #fff;
  color: #333;
  padding: 0;
  margin: 0;
  /*padding-top: 20px;*/
}

input,
textarea {
  font-family: sans-serif;
  font-size: 9pt;
}

input[type="text"],
input[type="number"],
input[type="password"] {
  margin: 0;
  padding: 5px 0 5px 3px;
  border: 1px solid #aaaaaa;
  background: #ffffff url(img/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50%
    repeat-x;
  color: #222222;
}

img {
  border: 0;
}

table {
  padding: 0;
  margin: 0;
  border-spacing: 0;
}

#header {
  background: url(./img/headerbg.jpg) repeat-x;
  height: 83px;
  padding: 8px 0 0 10px;
  border-bottom: #ccc 1px solid;
}

#header.development {
    background: none #ffe199;
    display: flex;
    align-items: center;
}

#header.development h3 {
    font-size: 60px;
    color: green;
    margin-left: 50px;
}

#wrapper {
  margin: 5px 20px;
  position: relative;
  min-height: 200px;
}

#container {
  min-width: 100%;
  float: left;
}

#bluebar {
  height: 8px;
  background: url(./img/bluebg.jpg) repeat-x;
  -webkit-box-shadow: 0px 3px 5px 0px #999;
  -moz-box-shadow: 0px 3px 5px 0px #999;
  box-shadow: 0px 3px 5px 0px #999;
}

#footer {
  width: 600px;
  font-size: 8pt;
  text-align: center;
  padding: 8px 15px;
  margin: 0 auto;
}

.member_table {
  width: 100%;
}

#table_expandable,
.member_table {
  border: #ccc 1px solid;
  border-collapse: collapse;
}

#table_expandable thead tr,
.member_table thead tr {
  background: url(./img/greybg.jpg) repeat-x;
  border-bottom: #ccc 1px solid;
  height: 28px;
}

#table_expandable thead tr th,
.member_table thead tr th {
  border: #ccc 1px solid;
  padding: 0px 5px;
}

.table_expandable,
.member_table {
  border: #ccc 1px solid;
  border-collapse: collapse;
}

.table_expandable thead tr,
.member_table thead tr {
  background: url(./img/greybg.jpg) repeat-x;
  border-bottom: #ccc 1px solid;
  height: 28px;
}

.table_expandable thead tr th,
.member_table thead tr th {
  border: #ccc 1px solid;
  padding: 0px 5px;
}

.table_menu {
  display: none;
  background-color: rgb(162, 201, 255);
}

.table_menu td {
  padding: 5px;
}

.table_row {
  cursor: pointer;
  height: 17px;
  /*border: #CCC 1px solid;*/
}

.table_filter {
  background-color: #e2e2e2 /*rgb(199,219,255)*/;
}

.table_filter td {
  text-align: center;
}

.table_col {
  border: #ccc 1px solid;
  text-align: center;
  min-height: 16px;
  padding: 0px 3px;
}

.table_row:hover {
  background-color: #e2e2e2;
}

.table_edit tr td input {
  width: 200px;
}

.clear {
  clear: both;
}

.table_color1 {
  background-color: #efefef;
}

.table_color2 {
  background-color: #dff0d8;
}

#line_item_list th {
  padding-left: 30px;
}

#menuwrapper {
  width: 100%;
  height: 28px;
  background: url(./img/greybg.jpg) repeat-x;
  border-bottom: #ccc 1px solid;
}
#menufixedwrapper {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 28px;
  background: url(./img/greybg.jpg) repeat-x;
  border-bottom: #ccc 1px solid;
}

#menufixedwrapper.development {
  background: none #ffe199;
}

.topnav {
  float: left;
  margin: 0;
  padding: 0;
  z-index: 100;
  width: 350px;
  list-style-type: none;
}
.topnav a {
  display: block;
  height: 16px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  margin: 0;
  padding: 6px 10px;
  border-right: #ccc 1px solid;
}
.subnav a {
  height: auto !important;
}
.topnav li {
  float: left;
  position: relative;
  padding: 0;
}
.subnav {
  display: none;
  margin: 0;
  padding: 0;
  width: 250px;
  position: absolute;
  top: 28px;
  list-style-type: none;
  left: 1px;
  z-index: 1000;
  background: #e6e6e6;
}
.subnav li {
  border-collapse: collapse;
  border: #ccc 1px solid;
  border-right: none;
  width: 100%;
  float: none;
}
.subsubnav {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -1px;
  width: 239px;
  list-style-type: none;
  background: #e6e6e6;
  left: 250px;
  z-index: 100;
}
.subsubnav li {
  position: relative;
}

.checkAll,
.uncheckAll {
  cursor: pointer;
}

#infobox {
  height: 21px;
  border-left: 1px solid #ccc;
  padding: 7px 10px 0 8px;
  color: #333;
  float: right;
}

#imprintbox {
  height: 21px;
  border-right: 1px solid #ccc;
  padding: 7px 10px 0 8px;
  margin-left: 10px;
  color: #333;
  float: right;
}

#version {
  float: right;
  font-weight: normal;
  text-decoration: none;
  display: block;
  margin: 0;
  height: 12px;
  padding: 7px 10px 9px 10px;
  color: #666;
}

#breadcrumb {
  float: left;
  font-weight: normal;
  text-decoration: none;
  display: block;
  margin: 0;
  height: 12px;
  padding: 7px 5px 9px 10px;
  margin-left: 10px;
  color: #666;
}

.tabs {
  border-bottom: #ccc 1px solid;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.pane {
  padding: 10px 4px;
}

.tabs a {
  padding: 4px 8px;
  margin-right: 4px;
}

.tabs a.active {
  background-color: #ccc;
}

.box {
  margin-right: 30px;
  margin-bottom: 20px;
  padding: 3px;
}

.box_title,
h4 {
  font-size: 12pt;
  font-weight: bold;
  border-bottom: #ccc 1px solid;
  padding-bottom: 3px;
  margin-bottom: 4px;
}

.table_statistic {
  white-space: nowrap;
}

.table_statistic th {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}

.table_center {
  text-align: center;
  padding: 0px 3px;
}

.table_right {
  text-align: right;
  padding: 0 5px 0 10px;
}

.no_padding {
  padding: 0;
}

.table_padding {
  padding: 2px 3px;
  text-align: left !important;
}

#member_role_type_drop,
#participation_drop,
#officergroup_drop,
#unionfunction_drop,
#anniversary_drop,
#anniversary_application_drop,
#internal_note_drop,
#award_drop,
#band_drop,
#certificate_drop,
#date_drop,
#role_drop,
#online_config_fields_drop,
#instrument_selection_drop {
  display: none;
}

.hidden-entry.hidden-true {
    display: none;
}

.selected {
  background-color: #f7f8e0;
}

#add_band,
#add_date,
#add_participation,
#add_member_role_type,
#add_unionfunction,
#add_officergroup,
#add_role,
#add_certificate,
#add_award,
#add_anniversary_application,
#add_message,
#chairman_copy_btn,
#mail_to_contact_copy_btn,
#address_bbmv_magazine_copy_btn,
.submit,
.submit_save,
.submit_delete,
.submit_cancel,
.submit_edit,
.remove_officergroup,
.remove_unionfunction,
.remove_certificate,
.remove_award,
.remove_band,
.remove_member_role_type,
.remove_role,
.remove_file,
.remove_date,
.remove_anniversary_application {
  cursor: pointer !important;
}

a,
input[type="submit"],
button {
  color: rgb(62, 120, 193);
  text-decoration: underline;
}

a:hover,
input[type="submit"]:hover,
button:hover {
  color: #666;
}

.submit_row {
  border-top: #ccc 2px solid !important;
  margin-top: 4px;
  text-align: right;
}

.table_head_options {
  width: 130px;
}

.error {
  background: #ffbaba;
  color: #d8000c;
  padding: 4px 8px;
}

.notice {
  color: #00529b;
  background-color: #bde5f8;
  padding: 4px 8px;
}

.warning {
  color: #7c6c35;
  background-color: rgb(255, 237, 158);
  padding: 4px 8px;
}

.success {
  color: #4f8a10;
  background-color: #dff2bf;
  padding: 4px 8px;
}

.info {
  background: url(./img/icons/notice_icon.png) no-repeat;
  padding: 1px 2px 2px 18px;
}
.failure {
  background: url(./img/icons/error_icon.png) no-repeat;
  padding: 1px 2px 2px 18px;
}
.attention {
  background: url(./img/icons/attention_icon.png) no-repeat;
  padding: 1px 2px 2px 18px;
}

.ok {
  background: url(./img/icons/ok_icon.png) no-repeat;
  padding: 5px 6px 6px 18px;
}

/*
|
|	HIDING
|
*/
.hide {
  display: none;
}

/*
|
|	SORT IMAGES
|
*/
.desc {
  background: url(./img/icons/desc_icon.png) no-repeat;
  padding: 1px 2px 2px 18px;
  color: rgb(62, 120, 193);
}

.asc {
  background: url(./img/icons/asc_icon.png) no-repeat;
  padding: 1px 2px 2px 18px;
  color: rgb(62, 120, 193);
}

/*
|
|	SPECIAL WIDTHS
|
*/
.fixed_width_normal {
  width: 112px;
}

.fixed_width_large {
  width: 180px;
}

/*
|
|	FLOATS
|
*/
.float_left {
  float: left;
}

.float_right {
  float: right;
  margin-right: 10px;
}

/*
|
|	ALIGNS
|
*/
.align_right {
  text-align: right !important;
}

/* 
|
|	TOOLTIPS
|
*/
.tooltip {
  border-bottom: #000 1px dotted;
  cursor: help;
}

#quicknav {
  float: right;
}

#table_advanced_filter {
  display: none;
  text-align: left !important;
}

#table_kurs_finder_de {
  text-align: left !important;
}

/* table width */
.member_id_col_width {
  width: 50px !important;
}

/* input */
textarea {
  width: 500px;
}

.filter_submit {
  width: 120px;
}

.county_input_width {
  width: 180px;
}

.message_input_width {
  width: 300px;
}

.club_input_width {
  width: 300px;
}

.contactperson_input_width {
	width: 150px;
}

.zipcode_input_width {
  width: 45px;
}

.nbmb_id_input_width {
  width: 70px;
}

.name_input_width {
  width: 80px;
}

.first_name_input_width {
  width: 80px;
}

.login_input_width {
  width: 258px;
}

.officer_input_width {
  width: 250px;
}

.role_input_width {
  width: 500px;
}

.band_type_input_width {
  width: 500px;
}

.member_role_type_input_width {
  width: 500px;
}

.distribution_list_input_width {
  width: 500px;
}

.gema_model_input_width {
  width: 500px;
}

.member_add_input_width {
  width: 330px;
}

input[type="checkbox"].red_checkbox:checked {
    outline: 2px solid red;
}

.hideinfobar {
  cursor: pointer;
}
.showDescription {
  cursor: pointer;
}

.backdrop-blur {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1999;
  background-color: rgba(0, 0, 0, 0.9);
}

/* if backdrop support: very transparent and blurred */
@supports (
  (-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))
) {
  .backdrop-blur {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1999;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2em);
    backdrop-filter: blur(2em);
  }
}

.dsgvo-wrapper {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 200px;
}

.dsgvo-hint {
  width: 580px;
  display: inline-block;
  background-color: #ffffff;
  padding: 10px;
}

.dsgvo-hint p {
  text-align: left;
}

/* UI Styling
-------------------*/
span.ui-icon {
  float: left;
}
span.ui-button-text {
  display: block;
  padding: 2px 1px 2px 20px;
  white-space: nowrap;
}

/* UI Icons
-------------------*/
.nbmb-icon-export {
  background-image: url(./img/icons/export_icon.png) !important;
}
.nbmb-icon-export-contact {
  background-image: url(./img/icons/export_contact_icon.png) !important;
}
.nbmb-icon-search {
  background-image: url(./img/icons/search_icon.png) !important;
}
.nbmb-icon-add {
  background-image: url(./img/icons/add_icon.png) !important;
}
.nbmb-icon-import {
  background-image: url(./img/icons/import_icon.png) !important;
}
.nbmb-icon-key {
  background-image: url(./img/icons/key_icon.png) !important;
}
.nbmb-icon-save {
  background-image: url(./img/icons/save_icon.png) !important;
}
.nbmb-icon-abort {
  background-image: url(./img/icons/close_icon.png) !important;
}
.nbmb-icon-help {
  background-image: url(./img/icons/help_icon.png) !important;
}
.nbmb-icon-print {
  background-image: url(./img/icons/print_icon.png) !important;
}
.nbmb-icon-yes {
  background-image: url(./img/icons/submit_icon.png) !important;
}
.nbmb-icon-refresh {
  background-image: url(./img/icons/refresh_icon.png) !important;
}
.nbmb-icon-back {
  background-image: url(./img/icons/arrow_icon.png) !important;
}
.nbmb-icon-backreverse {
  background-image: url(./img/icons/back_icon.png) !important;
}
.nbmb-icon-edit {
  background-image: url(./img/icons/edit_icon.png) !important;
}
.nbmb-icon-delete {
  background-image: url(./img/icons/delete_icon.png) !important;
}
.nbmb-icon-close-training {
  background-image: url(./img/icons/close_training_icon.png) !important;
}
.nbmb-icon-filter-remove {
  background-image: url(./img/icons/filter_remove_icon.png) !important;
}
.nbmb-icon-cancel {
  background-image: url(./img/icons/cancel_icon.png) !important;
}
.nbmb-icon-pdf {
  background-image: url(./img/icons/pdf_icon.png) !important;
}
.nbmb-icon-drag {
  background-image: url(./img/icons/drag_icon.png) !important;
}
.nbmb-icon-search-member {
  background-image: url(./img/icons/search_member_icon.png) !important;
}
.nbmb-icon-reenable{
  background-image: url(./img/icons/reenable_icon.png) !important;
}
.nbmb-icon-register{
  background-image: url(./img/icons/register_icon.png) !important;
}
.nbmb-icon-mail{
  background-image: url(./img/icons/mail_icon.png) !important;
}
.nbmb-icon-resend-email{
  background-image: url(./img/icons/resend_email_icon.png) !important;
}
.nbmb-icon-copy{
  background-image: url(./img/icons/copy_icon.png) !important;
}
.nbmb-icon-instrument {
    background-image: url(./img/icons/instrument_icon.png) !important;
}
.nbmb-icon-invoice-edit {
  background-image: url(./img/icons/edit_invoice_icon.png) !important;
}
.nbmb-icon-invoice-paid {
  background-image: url(./img/icons/invoice_paid_icon.png) !important;
  background-size: contain;
}
/* from jQuery UI */
.nbmb-icon-document {
  background-position: -32px -96px;
}

/* Headlines
-------------------*/
h2 {
  font-size: 16pt;
}

/* Helper
-------------------*/
.ui-helper-background-hover {
  background: #dadada url(img/ui/ui-bg_highlight-soft_75_dadada_1x100.png) 50%
    50% repeat-x;
  font-weight: normal;
  color: #212121;
}

/* Buttons
-------------------*/
.nbmb-quicknav-button {
  border: 1px solid #00529b !important;
  background: #dbeaff url(img/ui/ui-bg_highlight-soft_75_dbeaff_1x100.png) 50%
    50% repeat-x !important;
  font-weight: normal;
  color: #3e78c1 !important;
}
.nbmb-action-bar {
  width: 100%;
  position: fixed;
  bottom: 0px;
  background: #3e78c1;
  border-top: #3e78c1 1px solid;
  float: right;
  margin: 0px -20px;
  -webkit-box-shadow: 0px -3px 5px 0px #999;
  -moz-box-shadow: 0px -3px 5px 0px #999;
  box-shadow: 0px -3px 5px 0px #999;
  padding-right: 10px;
}

/* JS Sortable
-------------------*/
body.dragging,
body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  color: red;
}

.dragged-placeholder {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
.dragged-placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: -5px;
  left: -5px;
  top: -4px;
  border: 5px solid transparent;
  border-left-color: red;
  border-right: none;
}

/* Dynamic Tables
-------------------*/
.edit-row {
  border: 2px solid red;
}

.dialog-no-titlebar .ui-dialog-titlebar {
  display: none;
}

.select2.select2-container {
  width: 95% !important;
}

#KeyCloakLogin {
	width:100%;
}