:root {
  /*--primary-color:  #0067b4;*/
  --primary-color:  rgb(13, 102, 212);
  --secondary-color: #dc8b10;
  --primary-color-highlight: #11467A;
  --light-grey: rgb(230,230,230,0.1);
  --sidebar-background-color: #FFF;
  --sidebar-submenu-background-color:#EEE;
  --sidebar-active-color: var( --secondary-color);
  --sidebar-color: var(--primary-color);
  --primary-active-color: var( --secondary-color);
  --gsd-primary-color:var(--primary-color);
--gsd-btn-primary-bg-color-hover: var(--secondary-color);

}

/**backend2**/
.logo-image {
  background: url('/projects/bedrijvenmeeloopdag/templates/frontend/images/bluemergelogo.png') no-repeat;
}
.sidebar .logo {
  background-size: contain;
}
.sidebar.minimized .logo{
  background-position: center;
}

h2{
  color: var(--primary-color);
}
.default_table .dataTableHeadingRow td{
  color: var(--primary-color-highlight);
}


.button_filter{
  border: 1px #BBB solid;
  color: var(--primary-color);
  background-color: var(--light-grey);
  border-radius: 5px;
  padding: 5px;
  box-shadow: inset 1px -1px 6px -1px #CCC;
  margin: 10px;
}

.filters{
  margin: 10px 0 20px 0;
  display: flex;
  flex-direction: column;
  width: max-content;
  width: -moz-max-content;
}
.filters div{
  display: flex;
}
.filters button{
  margin: 0.3em 0;
}

.filters div label, .filters div input{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

div.table_summary{
  width: 95%;
  display: flex;
  flex-direction: column;
}

div.table_summary div{
  display: flex;
  flex-direction: row;
justify-items: flex-end;
}
div.table_summary div p{
  padding: 0 1em;
 min-width: 10em;
  text-align: right;
}
div.table_summary div p:first-child{
  width: 100%;
  padding-left: 5%;
  text-align: left;
}

div.table_summary div p:nth-child(3), div.table_summary div p:nth-child(5){
  min-width: 25px;
  text-align: right;
}

.text-right{
  text-align: right;
}
.logo{

}

.btn-small{
  padding: 0.2em 0.8em;
  font-size: 1em;
  margin-right: 0.5em;
}

select[name="province"], select[name="country"], select[name="wl_filter_edit[organ_filter_province]"] {
  width: 30rem;
}