/* Reset default styles for the anchor tag */
a.image-button {
    display: inline-block;
    text-decoration: none;
    border: 2px solid #ccc; /* Border around the button */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth */
    overflow: hidden; /* Ensure the shadow and border are contained */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Style the image */
a.image-button img {
    display: block;
    border: none;
    width: 100%;
    height: auto;
}

/* Optional: Add a hover effect */
a.image-button:hover {
    border-color: #999; /* Darker border color on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* Optional: Add an active effect for when the button is clicked */
a.image-button:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Less shadow to simulate button press */
}

/*start checkbox design -*/
input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:30px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-family: 'Ruda', sans-serif;
    font-size:14px;
	vertical-align:middle;
	cursor:pointer;
    padding-top: 0px;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -25px;
}
label.css-label {
/*	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_7c33a91a4de6b30e3c139a686ec466bc.png);*/
    background-image:url(csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*end checkbox design -*/

.modal{
    --bs-modal-width: auto;
}

.dialog2{
    width: 55% !important;
}

/* Responsive adjustments for mobile devices */
@media (max-width: 768px) {
    .modal-dialog .dialog2 {
        width: 90% !important; /* Full width on mobile */
        margin: 5% auto; /* Adjust margin for mobile */
    }

    .referrerInfo{
        display: none;
    }
}

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  -webkit-text-size-adjust: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 700;
  color: #343f52;
  word-spacing: .1rem;
  letter-spacing: -.01rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: .6rem 1rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.7;
  color: #60697b;
  background-color: #fefefe;
  background-clip: padding-box;
  border: 1px solid rgba(8,60,130,.07);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .4rem;
  box-shadow: 0 0 1.25rem rgba(30,34,40,.04);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

label {
  font-weight: inherit;
}