.question-pending-even {
	background-color: #f0f0f0; /* Change this to the color you desire */
}
.question-pending-odd {
	background-color: #c0c0c0; /* Change this to the color you desire */
}

.question-done-even {
	background-color: #f0fff0; /* Change this to the color you desire */
}
.question-done-odd {
	background-color: #c0ffc0; /* Change this to the color you desire */
}

.mfa-form {
  max-width: 400px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.signup-form {
  max-width: 400px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.login-form {
  max-width: 400px;
  margin: auto;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
}	  
.signup-form {
  max-width: 400px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
}	  
	
.main-content {
    margin-left: 17em; /* Adjust the value to match the width of your sidebar */
}

.sidebar {
    max-width: 15em; /* Adjust the value to set the maximum width of the sidebar */
}

.tinytext{
	font-size: 10px;
}

.progress-container {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 0;
    margin-bottom: 20px; /* Optional: Add some margin for spacing */
}

.btn-xsm {
	padding: 0.2rem 0.2rem; /* Adjust padding to make it smaller */
	font-size: 0.7rem; /* Adjust font size to make it smaller */
}

.keep-together {
	page-break-inside: avoid;
}

.break-before {
	page-break-before: always;
}

.break-after {
	page-break-after: always;
}
#rcorners1 {
	border-radius: 25px;
	background: #BDD9F5;
	padding: 20px; 
	width: 150px;
	height: 70px;  
}

#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px;
}

.report-pg-hdr {
	background-color: #cfcfcf;
}

.grey-row {
	background-color: #f9f9f9;
}

@media print {
	* {
	}
	
    .scorechart {
      /* Shift to the left by 10 pixels */
      margin-left: 150px;
      display: flex;
      justify-content: center;
      align-items: center;	  
    }

	.print-blue-background {
		background: #14174B !important; /* Add !important to override any other styles */
		color: white !important; /* Set text color to white for better contrast */
        -webkit-print-color-adjust: exact; /* For WebKit browsers */
    }
	
	.whitefont {
		color: white !important; /* Set text color to white for better contrast */
	}
	
	.rcorners1 {
		border-radius: 25px;
		background: #BDD9F5;
		padding: 20px; 
		width: 150px;
		height: 70px;  
	}
	.compact-table th,
	.compact-table td {
	  padding: 0.2rem; /* Adjust padding as needed */
	}	
}


.modal-header {
  background-color: #007bff; /* Header background color */
  color: #fff; /* Header text color */
  border-bottom: 1px solid #dee2e6; /* Header border */
}

/* Custom styles for modal footer */
.modal-footer {
  background-color: #f8f9fa; /* Footer background color */
  border-top: 1px solid #dee2e6; /* Footer border */
}

/* Close button in modal header */
.modal-header .close {
  color: #fff; /* Close button color */
}

/* Close button hover effect */
.modal-header .close:hover {
  color: #fff; /* Close button hover color */
  opacity: 0.75; /* Reduce opacity on hover */
}

.modal-body {
	height: 300px; /* Adjust the height as needed */
	overflow-y: auto; /* Enable vertical scrolling */
}	  

.question-row-pad {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	transition: all 0.3s ease;
}

.compact-table th,
.compact-table td {
  padding: 0.2rem; /* Adjust padding as needed */
}

.small-input {
	width: 10em;
}

.medium-input {
	width: 20em;
}

.custom-nav {
  margin-left: auto;
}