body {
        
        min-height: 100vh;
        background-color:#386641;
        align-items: center;
        justify-content: center;
		color:white;
      
    }

#inactiveButton{margin:5px;width: 95%;
  height: 100%;}

.ao-table {width:1000px; min-width:200px}
table.ao-table > tbody > tr.ao-row-even {
    background-color: #00B2FF !important;
    color: white !important;
	
}

.ao-table .comment-input{width:100%}

table.ao-table > tbody > tr.ao-row-odd {
    background-color: #17449B !important;
    color: white !important;
}

table.ao-table > thead > tr > th {
    background-color: #002D72 !important;
    color: white !important;
}

table.ao-table > tbody > tr:hover {
    background-color: #D7510F !important;
}
#myParticipantsList{ margin-left:4px;}

h4{padding:4px; color:white;border-top:4px solid white; border-bottom:4px solid white;}
a:not(.btn):link {
  color: #D7510F;          /* standaard linkkleur */
}

a:not(.btn):visited {
  color: #D7510F;        /* al bezochte link */
}

a:not(.btn):hover {
  color: #386641;           /* als je erover zweeft */
  text-decoration: underline;
}

a:not(.btn):active {
  color: #386641;        /* als je erop klikt */
}
.nav-tabs button{
	border:1px solid blue;
	color:black;
	
	
}

.accordion-body{
  background-color: #386641;
  color:white;
}



#login-tab.nav-link.active{
	background-color:#D7510F;
	color:white;
	border:1px solid;
}

#login-tab.nav-link{
	background-color:#386641;
	color:white;
	border:none;
}
#register-tab.nav-link.active{
	background-color:#D7510F;
	color:white;
	border:1px solid;
}
#register-tab.nav-link{
	background-color:#386641;
	color:white;
	border:1px none;
}

#enter-tab.nav-link.active{
	background-color:white;
	color:black;
	border:1px solid;
	border-bottom:white;
}

#enter-tab.nav-link{
	background-color:#386641;
	color:white;
	border:none;
	border-bottom:white;
}
#decrease-tab.nav-link.active{
	background-color:white;
	color:black;
	border:1px solid;
	border-bottom:white;
}
#decrease-tab.nav-link{
	background-color:#386641;
	color:white;
	border:1px none;
	border-bottom:white;
}



#mainMenu a:hover{
	background-color:#D7510F;
	text-decoration: none;
	
}

.title{
	padding-bottom:4px;
	padding-top:4px;
	padding-left:4px;
	background-color:#386641;
	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);
    }
	

	
.tournament-navbar {
        background-color: #D7510F;
    }


	
.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);
	color:black;
	max-width:600px;
	box-shadow: 0 0 20px rgba(215, 81, 15,0.5);
}

.accordion-button-PT {
  background-color: #D7510F !important; /* green background */
  color: white!important;         /* text color */
}

.accordion-button-PT:focus {
  box-shadow: none;          /* optional: remove focus outline */
}

.btn-primary, #addPouleBtn  {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D7510F;
    --bs-btn-border-color: #D7510F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e8824f;
    --bs-btn-hover-border-color: #e8824f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e8824f;
    --bs-btn-active-border-color: #e8824f;
    --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;
}

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

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

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

.tournament-navbar a.nav-link:visited { 
        color: #386641;
		font-weight:bold;
    }

.tournament-navbar a.nav-link:hover { 
        color: #386641;
		font-weight:bold;
		text-decoration-style: wavy;
    }

.tournament-navbar a.nav-link:active { 
        color: #386641;
		font-weight:bold;
		text-decoration-style: wavy;
    }
	
#mainMenu{
	background-color:#386641;
	border-right:5px solid;
	
}


.custom-modal .modal-content{
  background-color: #386641; 
  padding: 20px;
  
}
.custom-modal .form-text{
  color:white;
  
}

.custom-modal .modal-header{
	background-color: #D7510F;
}

.custom-modal .modal-body{
	background-color: #D7510F;
}
.btn-notPaid{background-color:gray}