.margin-custom {
		margin-top:30px;
		margin-bottom:30px;
	}

	.margin-custom-top {
		margin-top:80px;
		margin-bottom:30px;
	}
	.margin-custom-right {
		margin-right:10px !important;
	}
	.margin-custom-right-40 {
		margin-right:40px !important;
	}

	.py-3 {
	  margin-top: 20px !important;
	  margin-bottom: 20px !important;
	}

	
	body {
		min-height: 100vh;
		position: relative;
		margin: 0;
		padding-bottom: 100px; 
		background-color: #D3B589; /* Dusty brown base color */
		background-image: linear-gradient(135deg, #B37D4E, #9C5E37 60%, #563625); /* Dusty gradient */
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		color: white; /* Ensure text remains readable */
	}
	
	
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		color: #dbdbdb;
		background-color: #222222;
		padding: 25px;
	}

	.panel {
		border: none !important;
		background-color: transparent !important;	
	}
	
	.panel-body {
		background-color: transparent !important;		
	}

	.custom-max-width {
		width:150px;
	}

	.tutorial {
		padding:20px;
	}

    .image-class {
        max-width: 100%;
        height: 500px;
    }

	.image-class-fac {
        max-width: 100%;
        height: auto;
    }

    hr {
        border-top: 1px solid #000000 !important;
    
}
/* fix for table */
.bg-success {
  background-color: #d4edda !important;
}

.bg-highscore {
	background-color: #563625 !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: transparent !important;
  }

  .main-top {
	border-bottom: 0px !important;
  }
        

  .well {
	background-color: transparent;
  }

  .table-striped>tbody>tr:nth-of-type(odd) {
   background-color: transparent; 
}

.panel-body img {
	padding-bottom:20px;
}

.alert {
	margin-bottom:20px;
}

li.list-group-item {
    background-color: transparent;
}