/***********

Primary		var(--primary)	# 295D9B
Secondary	var(--secondary)		# FAB515
Dark:		var(--dark)		# 0f3754

*/

:root {
  --primary: #020081;
  --primarycolor: #FFF;
  --primaryborder: #FFF;
  --primarybuttonicon: #FFF;
  --primaryactive: #020081;
  --primaryactivecolor: #ffffff;
  --primaryactiveborder: #aabcc6;
  --secondary: #aabcc6;
  --secondarycolor: #020081;
  --secondaryborder: #020081;
  --secondarybuttonicon: #020081;
  --dark: #020746;
  --light: #ffffff;
  
  --warning: #FF552A;
  --warningcolor: yellow;
}

body, table, td, p {
    font-size: 12pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-position: bottom left !important;
    background-size:cover !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px;
}

/**************** BOOTSTRAP OVERRIDES ******************/

.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-primary.active{
  background-color: var(--primaryactive) !important;
  border-color: var(--primaryactiveborder) !important;
  color: var(--primaryactivecolor) !important;  
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-outline-primary i.bi {
  color: var(--primary) !important;
}

.bg-primary  { 
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondaryborder) !important;
  color: var(--primary);
}

.btn-outline-secondary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.fa-solid {
  color:var(--primary);
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  
  .page-link {
    color: var(--primary);
  }

  .dropdown-menu {
    background-color: var(--primary);
  }
/**************** MENU ***************************/

.first-line {
  background-color:var(--dark);;
  color: var(--light);
}
.first-line a {
  color: var(--light);
}
.first-line a:hover {
  color: var(--dark);
}

.second-line {
  background-color: var(--secondary) !important;
  color: var(--dark) !important;
}

header a, header a:hover {
  color: black;
}

.saved {
  color: var(--primary);
}

#savedbox {
	background-color: var(--primary) !important;
}

.savedcombo { 
  color: var(--primary);
  border: 2px solid var(--primary);
}

.navbar-dark {
    background-color:var(--dark) !important;
  color: var(--light);
}

/************* BUTTONS ********************/
.bi {
	color: var(--primary) !important;
}

.bi-check-square-fill {
	color: green !important;
}

.first-line-content .bi {
    color: var(--primarybuttonicon) !important;
}

.first-line-content a {
	color: var(--primarybuttonicon);
}
.first-line-content a:hover {
	color: var(--secondary);
}


.btn-primary .bi {
	color: var(--light) !important;
}

.btn-secondary .bi {
	color: var(--primary) !important;
}


/************* OVERLAYS ********************/

#infobox {
	background-color: var(--primary) !important;
	color: white;
}

.checkcontacterrors {
	background-color: var(--warning);
	color: var(--warningcolor);
}

/************* H ********************/

h2 .bi {
	color:  var(--primary) !important;
}


.login_logo img {
	width: 100%;
}

.login form input[type="submit"] {
    background-color: var(--primary);
}

.navbar.navbar-dark .container-fluid {
  color: white;
}

/************* EVENTS ********************/

input:disabled, select:disabled, textarea:disabled, .form-control:disabled, .form-select:disabled {
  background-color: white;
}


.event_blok {
  border: 1px solid var(--primary);
}
.event_datumblok {
  padding: 0px;
}
.event_datum {
  color: white;
      background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.event_titel{
	color: var(--primary);
    border: 2px solid var(--primary);
    background-color: white;
}
.bookinglist_event .event_datum{
    background-color: transparent !important;
}
.event_tijd {
  color: var(--primary);
}

.event_prijs {
  color: var(--primary);
}

.boekvanaf {
    color:var(--primary);
}

.dtrg-group.dtrg-level-0 {
	background-color: var(--dark) !important;
}

.dtrg-group.dtrg-level-1, .dtrg-group.dtrg-level-1 th{
	background-color: var(--dark) !important;
}

.text-success {
	color: #FAB41A;
}

/*************** LOGIN ****************/

.login {
  background-color: #ffffff;
}

.login_logo {
  padding-top: 15px;
  width: 90%;
}
.login h1 {
  color: #5b6574;
  border-bottom: 1px solid #dee0e4;
}

.login form label {

  background-color: var(--primary);
  color: #ffffff;
}

.login form input[type="submit"]:hover {
background-color: var(--primary);
}