.gradient
{
	left:0px;
	top:0px;
	background-color:rgb(42,48,56);
	position:fixed; 
	z-index:10;
	text-align:left;
}

@font-face
{
	font-family: bolded;
	src: url('GOTHIC.TTF');
	font-weight: bolder;
}

@font-face
{
	font-family: fancy;
	src: url('TitilliumWeb-Regular.ttf');
	font-weight: bolder;
}

select
{
	font-family: bolded;
}

input[type='button']
{
	background-color:rgb(155,190,69);
	font-family:fancy; 
	font-size:12px;
}

input[type='submit']
{
	background-color:rgb(155,190,69);
	font-family:fancy; 
	font-size:12px;
}

input[type='reset']
{
	background-color:rgb(155,190,69);
		font-family:fancy; 
	font-size:12px;
}

input[type='password']
{
	background-color:rgb(222,222,222);
		font-family:fancy; 
	font-size:12px;
}

input[type='text']
{
	background-color:rgb(222,222,222);
	font-family:fancy; 
	font-size:12px;
}

input[type='number']
{
	background-color:rgb(222,222,222);
	font-family:fancy; 
	font-size:12px;
}

input[type='date']
{
	background-color:rgb(222,222,222);
	font-family:fancy; 
	font-size:12px;
}

select
{
	font-family:fancy; 
	font-size:12px;
}

textarea
{

}

br
{
	line-height:15%;
}
body
{
	color:black;
	background-color:white;
	font-size:14px;
}

td
{
	font-size:14px;
}

h1
{
	font-family:bolded; 
	margin-top:0px; 
	font-size:40px;
}

h3
{
	color:white;
	font-size:14px;
}

#content
{
	height:calc(100% - 120px); 
	width:calc(100% - 270px); 
	margin-top:120px; 
	margin-left:260px; 
	background-color:white; 
	font-size:14px;
}

.smallCell
{
	min-width:60px;
	max-width:60px;
}
		
.mediumCell
{
	min-width:90px;
	max-width:90px;
}

.largeCell
{
	min-width:260px;
	max-width:260px;
}

/* ===== Reset base spacing and fonts ===== */
body {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #f8f9fa;
	color: #212529;
	font-size: 16px;
	line-height: 1.5;
  }
  
  /* ===== Responsive container fallback ===== */
  .responsive-container {
	max-width: 1200px;
	padding: 1rem;
	margin: 0 auto;
  }
  
  .page-wrapper {
	padding: 2rem 1rem;
  }
  
  /* ===== Headings and text ===== */
  h1, h2, h3, h4, h5 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: 600;
  }
  
  p {
	margin-bottom: 1rem;
  }
  
  /* ===== Form elements ===== */
  input[type="text"],
  input[type="email"],
  input[type="date"],
  input[type="number"],
  input[type="password"],
  select,
  textarea {
	width: 100% !important;
	max-width: 100%;
	padding: 0.5rem 0.75rem;
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	font-size: 1rem;
	background-color: white !important;
  }
  
  /* Fix legacy form table spacing */
  form table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
  }
  
  form td {
	padding: 0.5rem;
	vertical-align: top;
  }
  
  /* Buttons */
  input[type="submit"],
  input[type="button"],
  button {
	padding: 0.4rem 1rem;
	font-size: 0.8rem;
	border: none;
	background-color: #198754;
	color: white;
	cursor: pointer;
	width: 100%;
	max-width: 120%;
	margin-bottom:5px;
  }
  
  input[type="submit"]:hover,
  button:hover {
	background-color: #157347;
  }
  
  /* Responsive tables */
  .table-responsive {
	overflow-x: auto;
  }
  
  /* Remove ugly borders/padding from legacy centered divs */
  .centered {
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 100%;
  }
  
  /* Responsive images */
  img {
	max-width: 100%;
	height: auto;
  }
  
  .heading{
	font-size:20px;
	font-weight: bold;
	margin-bottom: 30px;
	width:100%; 
	background-color:rgb(240,240,240);
	padding:20px;
  }

  .container{
	margin-left:30px !important;
	margin-right:30px !important;
	width:100% !important;
  }

  .mt-4{
	max-width:calc(100% - 60px) !important;
  }