body {
        
        min-height: 100vh;
        
        align-items: center;
        justify-content: center;
      
    }
header{
        background-color: rgba(255, 255, 255, 0.7)
    }
#inactiveButton{margin-top:4px;}

a:link {
  color: #D7510F;          /* standaard linkkleur */
}

a:visited {
  color: #D7510F;        /* al bezochte link */
}

a:hover {
  color: #386641;           /* als je erover zweeft */
  text-decoration: underline;
}

a:active {
  color: #386641;        /* als je erop klikt */
}





.nav-tabs button{
	border:1px solid black;
	color:black;
	
	
}

.title{
	padding-bottom:4px;
	padding-top:4px;
	background-color:#212529;
	color:white;
	border-top: 3px solid white;
	border-bottom:3px solid white;
	margin-bottom:0px;
}

.bgIndex{
    background: linear-gradient(135deg, #007bff, #6610f2);
    background-image: url("../images/image-from.jpg");
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.bgPadel{
    background: linear-gradient(135deg, #007bff, #6610f2);
    background-image: url("../images/Campo_de_Padel.jpg");
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
    
.card {
      border-radius: 1rem;
	  background-color: rgba(255, 255, 255,0.7);;
      box-shadow: 0 0 20px rgba(215, 81, 15,0.5);
    }
	
.nav-link:hover {
        background-color: #D7510F !important;
    }
	
.tournament-navbar {
        background-color: #D7510F;
    }

.tournament-navbar .nav-link {
        color: black;
        transition: color 0.2s, background-color 0.2s;
    }

.tournament-navbar .nav-link:hover {
        text-decoration: underline;
		text-decoration-style: wavy;
		color: #E3FF00;
    }
	
.list-group-item {
      cursor: grab;
    }
.droppable {
      min-height: 200px;
      border: 2px dashed #ccc;
      padding: 10px;
      border-radius: 5px;
    }
.droppable.over {
      border-color: #28a745;
      background-color: #f8fff8;
    }

#frontInfo{
	background-color: rgba(255, 255, 255, 0.7);
	max-width:600px;
	box-shadow: 0 0 20px rgba(215, 81, 15,0.5);
}

#login .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D7510F;
    --bs-btn-border-color: #D7510F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #386641;
    --bs-btn-hover-border-color: #386641;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #386641;
    --bs-btn-active-border-color: #386641;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D7510F;
    --bs-btn-disabled-border-color: #D7510F;
}

#planningCard{
	background-color: rgba(255, 255, 255, 0.5); 
	border: 1px solid #ccc;
	box-shadow: 0 0 20px rgba(215, 81, 15,0.5);
}

.notification{
	color:#386641;
	background-color:#D7510F;
	border-radius:5px;
	box-shadow: 0 0 20px rgba(215, 81, 15,0.5);
	font-weight: bold;
}