/*Spacelab theme: https://bootstrap.build/themes */

/* Header tekst in indie font*/
.indy_flower_white{color:#fff; font-size:70px; font-family: 'Indie Flower', cursive;text-shadow: black 0.05em 0.05em 0.05em;}
.indy_flower_grey{color:#e0e0e0; font-size:45px; font-family: 'Indie Flower', cursive;text-shadow: black 0.05em 0.05em 0.05em;}
/* Header tekst met schaduw effect*/
.opacity { background-color: rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);}

h1,h2 {
	font-family: 'Indie Flower', cursive;text-shadow: grey 0.03em 0.03em 0.05em;;
}

h3 {
	cursive;text-shadow: #249038 0.03em 0.03em 0.05em;
}
h1 {font-size:3rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");


html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-align: left;
  background-color: #fff; }
 
/* Ruimte om plaatjes, breadcrumb, en titeltekst */
.breadcrumb, h1,h2,h3,h4,h5 {
	margin: 0.5rem;
}

img {
	padding: 1rem;
	/*padding-top: 0.5rem;*/
	border-radius:1.5rem;
}

h3,h4,h5 {
	padding-top: 1.25rem;
}
/*
.card-body {
  padding: 5px; 
    padding-bottom: 0px; add 30px of padding to the inside of the card 
}
*/
/* ============ alleen voor desktop view ============ Navbar hover open  */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */

.btn {
  display: inline-block;
  font-weight: 400;
  color: #777;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #777;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(21, 83, 32, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #155320;
  border-color: #155320; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0d3414;
    border-color: #0b2a10; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0d3414;
    border-color: #0b2a10;
    box-shadow: 0 0 0 0.2rem rgba(56, 109, 65, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #155320;
    border-color: #155320; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0b2a10;
    border-color: #08200c; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(56, 109, 65, 0.5); }

.btn-secondary {
  color: #2d2d2d;
  background-color: #999;
  border-color: #999; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #868686;
    border-color: gray; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #868686;
    border-color: gray;
    box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #2d2d2d;
    background-color: #999;
    border-color: #999; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: gray;
    border-color: #797979; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5); }

.btn-success {
  color: #fff;
  background-color: #3CB521;
  border-color: #3CB521; }
  .btn-success:hover {
    color: #fff;
    background-color: #31951b;
    border-color: #2e8a19; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #31951b;
    border-color: #2e8a19;
    box-shadow: 0 0 0 0.2rem rgba(89, 192, 66, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #3CB521;
    border-color: #3CB521; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #2e8a19;
    border-color: #2a7f17; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(89, 192, 66, 0.5); }

.btn-info {
  color: #fff;
  background-color: #3399F3;
  border-color: #3399F3; }
  .btn-info:hover {
    color: #fff;
    background-color: #0f87f1;
    border-color: #0e80e6; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #0f87f1;
    border-color: #0e80e6;
    box-shadow: 0 0 0 0.2rem rgba(82, 168, 245, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #3399F3;
    border-color: #3399F3; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0e80e6;
    border-color: #0d7ad9; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 168, 245, 0.5); }

.btn-warning {
  color: #fff;
  background-color: #D47500;
  border-color: #D47500; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ae6000;
    border-color: #a15900; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ae6000;
    border-color: #a15900;
    box-shadow: 0 0 0 0.2rem rgba(218, 138, 38, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #D47500;
    border-color: #D47500; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #a15900;
    border-color: #945200; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(218, 138, 38, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #CD0200;
  border-color: #CD0200; }
  .btn-danger:hover {
    color: #fff;
    background-color: #a70200;
    border-color: #9a0200; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #a70200;
    border-color: #9a0200;
    box-shadow: 0 0 0 0.2rem rgba(213, 40, 38, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #CD0200;
    border-color: #CD0200; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #9a0200;
    border-color: #8d0100; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(213, 40, 38, 0.5); }

.btn-light {
  color: #2d2d2d;
  background-color: #eee;
  border-color: #eee; }
  .btn-light:hover {
    color: #2d2d2d;
    background-color: #dbdbdb;
    border-color: #d5d5d5; }
  .btn-light:focus, .btn-light.focus {
    color: #2d2d2d;
    background-color: #dbdbdb;
    border-color: #d5d5d5;
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #2d2d2d;
    background-color: #eee;
    border-color: #eee; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #2d2d2d;
    background-color: #d5d5d5;
    border-color: #cecece; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #333;
  border-color: #333; }
  .btn-dark:hover {
    color: #fff;
    background-color: #202020;
    border-color: #1a1a1a; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #202020;
    border-color: #1a1a1a;
    box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #333;
    border-color: #333; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #131313; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); }

.btn-outline-primary {
  color: #155320;
  border-color: #155320; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #155320;
    border-color: #155320; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(21, 83, 32, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #155320;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #155320;
    border-color: #155320; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(21, 83, 32, 0.5); }

.btn-outline-secondary {
  color: #999;
  border-color: #999; }
  .btn-outline-secondary:hover {
    color: #2d2d2d;
    background-color: #999;
    border-color: #999; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #999;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #2d2d2d;
    background-color: #999;
    border-color: #999; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); }

.btn-outline-success {
  color: #3CB521;
  border-color: #3CB521; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #3CB521;
    border-color: #3CB521; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 181, 33, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #3CB521;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #3CB521;
    border-color: #3CB521; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(60, 181, 33, 0.5); }

.btn-outline-info {
  color: #3399F3;
  border-color: #3399F3; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #3399F3;
    border-color: #3399F3; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 153, 243, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #3399F3;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #3399F3;
    border-color: #3399F3; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(51, 153, 243, 0.5); }

.btn-outline-warning {
  color: #D47500;
  border-color: #D47500; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #D47500;
    border-color: #D47500; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 117, 0, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #D47500;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #D47500;
    border-color: #D47500; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(212, 117, 0, 0.5); }

.btn-outline-danger {
  color: #CD0200;
  border-color: #CD0200; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #CD0200;
    border-color: #CD0200; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(205, 2, 0, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #CD0200;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #CD0200;
    border-color: #CD0200; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(205, 2, 0, 0.5); }

.btn-outline-light {
  color: #eee;
  border-color: #eee; }
  .btn-outline-light:hover {
    color: #2d2d2d;
    background-color: #eee;
    border-color: #eee; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #eee;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #2d2d2d;
    background-color: #eee;
    border-color: #eee; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); }

.btn-outline-dark {
  color: #333;
  border-color: #333; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #333;
    border-color: #333; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #333;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); }

.btn-link {
  font-weight: 400;
  color: #155320;
  text-decoration: none; }
  .btn-link:hover {
    color: #061608;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline; }
  .btn-link:disabled, .btn-link.disabled {
    color: #777;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }
  
 
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1.25rem;
  list-style: none;
  background-color: #eee;
  /*background-image: linear-gradient(white, #eee 50%, #e4e4e4);*/
  background-image: linear-gradient(#e4e4e4, #eee 50%, white);
  border-radius: 0.25rem; }

.breadcrumb-item {
  display: flex; }
  .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem; }
    .breadcrumb-item + .breadcrumb-item::before {
      display: inline-block;
      padding-right: 0.5rem;
      color: #777;
      content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #777; }
	

.navbar .nav-link,
.navbar .navbar-brand {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  transition: color ease-in-out .2s; }

.navbar.bg-primary {
  background-image: linear-gradient(#249038, #155320 50%, #11431a);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #0b2a10; }

.navbar.bg-dark {
  background-image: linear-gradient(#bfbfbf, #999 50%, #8f8f8f);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid gray; }

.navbar.bg-light {
  background-image: linear-gradient(white, #eee 50%, #e4e4e4);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #d5d5d5; }
  .navbar.bg-light .nav-link,
  .navbar.bg-light .navbar-brand {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar.bg-light .navbar-brand {
    color: rgba(0, 0, 0, 0.5); }
    .navbar.bg-light .navbar-brand:hover {
      color: #3399F3; }
	  
.navbar-dark .navbar-brand {
  color: #ffaf4d }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #ffddb3; }
	
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffddb3; }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffd199; }
  
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
	
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 1450;
  color: #2d2d2d;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #202020;
    text-decoration: none;
    background-color: #ffddb3; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #155320; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #777;
    pointer-events: none;
    background-color: transparent; }

.btn {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1); }
  .btn-link {
    text-shadow: none; }

.btn-primary {
  background-image: linear-gradient(#249038, #155320 50%, #11431a);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #0b2a10; }

.btn-primary:not(.disabled):hover {
  background-image: linear-gradient(#208031, #11431a 50%, #0d3213);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #071a0a; }

.btn-secondary {
  background-image: linear-gradient(#bfbfbf, #999 50%, #8f8f8f);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid gray; }

.btn-secondary:not(.disabled):hover {
  background-image: linear-gradient(#b5b5b5, #8f8f8f 50%, #858585);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #757575; }

.btn-success {
  background-image: linear-gradient(#61dd45, #3CB521 50%, #36a41e);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #2e8a19; }

.btn-success:not(.disabled):hover {
  background-image: linear-gradient(#52da34, #36a41e 50%, #31921b);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #287916; }

.btn-info {
  background-image: linear-gradient(#7bbdf7, #3399F3 50%, #208ff2);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #0e80e6; }

.btn-info:not(.disabled):hover {
  background-image: linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #0c75d2; }

.btn-warning {
  background-image: linear-gradient(#ff9c22, #D47500 50%, #c06a00);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #a15900; }

.btn-warning:not(.disabled):hover {
  background-image: linear-gradient(#ff930d, #c06a00 50%, #ab5e00);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #8d4e00; }

.btn-danger {
  background-image: linear-gradient(#ff1d1b, #CD0200 50%, #b90200);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #9a0200; }

.btn-danger:not(.disabled):hover {
  background-image: linear-gradient(#ff0906, #b90200 50%, #a40200);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #860100; }

.btn-light {
  background-image: linear-gradient(white, #eee 50%, #e4e4e4);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #d5d5d5; }

.btn-light:not(.disabled):hover {
  background-image: linear-gradient(white, #e4e4e4 50%, #dadada);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #cacaca; }

.btn-dark {
  background-image: linear-gradient(#595959, #333 50%, #292929);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #1a1a1a; }

.btn-dark:not(.disabled):hover {
  background-image: linear-gradient(#4f4f4f, #292929 50%, #1f1f1f);
  background-repeat: no-repeat;
  filter: none;
  border: 1px solid #0f0f0f; }

[class*="btn-outline-"] {
  text-shadow: none; }
  
.table-success,
.table-success > th,
.table-success > td {
  background-color: #c8eac1; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #9ad98c; }

.table-hover .table-success:hover {
  background-color: #b7e4ae; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b7e4ae; }
  
/*

html{position:relative;min-height:100%;font-size: 17px;}body{font-size: 1rem;font-family: -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 
    "Fira Sans", "Droid Sans", "Helvetica Neue", 
    sans-serif;}

.page-header{padding-top:30px;background-color:#337AB7;background:#337AB7;background: -moz-linear-gradient(top,  #618cad 0%, #337ab7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#618cad), color-stop(100%,#337ab7));background:-webkit-linear-gradient(top,  #618cad 0%,#337ab7 100%);background: -o-linear-gradient(top,  #618cad 0%,#337ab7 100%);background: -ms-linear-gradient(top,  #618cad 0%,#337ab7 100%);background: linear-gradient(to bottom,  #618cad 0%,#337ab7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618cad', endColorstr='#337ab7',GradientType=0 );}
.divider{height:1px;width:100%;display:block;margin:15px 0;overflow:hidden;background-color:#e5e5e5}

h1{color:#fff}.h1 .small,.h1 small,h1 .small,h1 small{color:#e0e0e0}.h1,h1{font-size:30px; font-family: 'Indie Flower', cursive;text-shadow: black 0.05em 0.05em 0.05em;}.h2,h2{font-size:30px}.h3,h3{font-size:25px}.h4,h4{font-size:20px}.h5,h5{font-size:18px}.h6,h6{font-size:17px}

.panel-title{font-size:20px;}
.btn{font-size:17px;}
.form-control{font-size:17px;}

.img-rounded {margin:10px} 
.img-circle {margin:10px; border: 5px solid #C594D6;}   

.opacity { background-color: rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2);}

.navbar-brand{margin-top:-15px!important}

.list-group > a:hover {
  text-shadow: 0 -1px 0 #D4DFE9;
  background-image: -webkit-linear-gradient(top, #D6E4F1 0%, #D5E0EB 100%);
  background-image:      -o-linear-gradient(top, #D6E4F1 0%, #D5E0EB 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D6E4F1), to(#D5E0EB));
  background-image:         linear-gradient(to bottom, #D6E4F1 0%, #D5E0EB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffD6E4F1', endColorstr='#ffD5E0EB', GradientType=0);
  background-repeat: repeat-x;
  border-color: #D5E0EB;
}
.dropdown-menu > li > a:hover {
  text-shadow: 0 -1px 0 #D4DFE9;
  background-image: -webkit-linear-gradient(top, #D6E4F1 0%, #D5E0EB 100%);
  background-image:      -o-linear-gradient(top, #D6E4F1 0%, #D5E0EB 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D6E4F1), to(#D5E0EB));
  background-image:         linear-gradient(to bottom, #D6E4F1 0%, #D5E0EB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffD6E4F1', endColorstr='#ffD5E0EB', GradientType=0);
  background-repeat: repeat-x;
  border-color: #D5E0EB;
}
*/

/* http://twitterbootstrap3navbars.w3masters.nl/ */