.fesco-tool {
      width: 100%;
      max-width: 900px;
      margin: 20px auto;
      padding: 0;
			border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
	margin-bottom: 30px;
}

.card-header span {
  font-size: 30px;
}

.extra-block {
  margin-top: 10px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.options {
      display: flex;
      justify-content: center;
      margin-top: 20px; /* Increased space between heading and options */
    }

    .options label {
		margin-right: 7px;
	  	margin-left: 7px;
		font-size: 15px;
		cursor: pointer;
}

/* For mobile or tablet devices */
@media (max-width: 768px) {
  .options label {
    font-size: 11px;
	margin-right: 7px;
	  	margin-left: 7px;

  }
	.card-header span {
  font-size: 24px;
}
}

    #bill-input {
      width: 75%;
      padding: 10px;
      font-size: 16px;
      margin-bottom: -10px; /* Reduced bottom margin */
      border: 1px solid #ccc;
      border-radius: 4px;
    }

#checkbill {
  width: 15%;
  padding: 7px;
  font-size: 13px;
  color: #fff;
  background-color: #014797;
  border: 1px solid #014797;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s ease, transform 0.3s ease; /* Added transition for transform */
  display: block;
  margin: 5px auto 20px; /* Reduced bottom margin to decrease space between button and input */
}

#checkbill:hover {
  background-color: #fff;
  color: #014797;
  border: 1px solid #014797;
  transform: scale(1.1); /* Scales the button to 110% */
}



@media (max-width: 768px) {
  #checkbill {
    width: 40%;
  }
}








		.custom-container {
		margin: 0 auto;
		padding:30px !important;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	 .custom-row{
		width: 100%;margin-left:20px;border-bottom:none;
	}
	.card-container{
	  flex-basis: calc(70% - 20px);
		background:white;
		padding:30px;
		margin-top:20px;
	}
	.label-column {
  width: 35%;
	padding:10px;
  margin-right: 10px;
}
.card {
  border-radius: 4px;
	border:1px solid #f2f2f2;
	background:white;
  margin-bottom: 20px;
	width:100%;
  overflow: hidden;
	font-size:14px !important;
	
}
	.card-header h5 {
  text-align: center;
}
		.ref-label{
		font-size:16px !important;
		text-align:center;
	}
	
		.card p{
			font-size:14px !important;
			line-height:1 !important;
	}
		@media screen and  (max-width:1023px) {
		
		.card-container{
			  flex-basis: 100%;
				padding:10px;
		}
		  .sidebar {
  			flex-basis: 0px !important;
				padding: 10px !important;
		}
		.custom-container {
				padding:10px !important;
		}
	}
	@media screen and  (max-width:600px) { 
		.sidebar {
			padding:0px !important;
		}
		.custom-row{
			margin-left:0px !important;
			
		}
		.label-column ,.card p{
			font-size:12px !important;
		}
			.card-header h5 {
  		font-size:16px !important;
		}
		
	}
		.dark-blue-btn,.dark-btn{
	
		color:var(--global-palette-btn);
		padding:10px;
		border-radius:5px;
		cursor:pointer;
		margin-top:20px;
		text-decoration:none;
		
	}


	@media screen and  (max-width:380px) {
				.ref-label{
		font-size:14px !important;
	
	}
		.dark-blue-btn,.dark-btn{
			font-size:11px !important;
		}
		
	}
	

.card-header {
  background-color: #f2f2f2;
  padding: 5px;
}
  .sidebar {
  flex-basis: calc(30% - 20px);
	padding: 20px;
  margin-bottom: 20px;
    } 




.row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

	.dark-blue-btn{
			background:var(--global-palette-btn-bg);
	}
	.dark-btn{
		background:#6c757d;
	}
	.dark-blue-btn:hover,.dark-btn:hover,.dark-blue-btn:visited,.dark-btn:visited{
				color:var(--global-palette-btn);
				font-weight:bold;
	}
	.error-alert{
		background:#f8d7da;
		border:1px solid #f8d7da;
		padding:10px;
		margin-left:10px;
		margin-top:50px;
		font-size:14px;
		border-radius:5px;
	}



.value-column {
  width: 65%;
  margin-left: 10px;
}

.button-column {
  width: 100%;
  text-align: center;
	margin-top:15px;
	margin-bottom:15px;
	
}