.style1 {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.btn-primary {
  background-color: #062f59 !important;  /* custom dark blue */
  border-color: #062f59 !important;
  color: #fff !important;                /* white text */
}

.btn-primary:hover {
  background-color: #084a8f !important;  /* slightly lighter hover color */
  border-color: #084a8f !important;
  color: #fff !important;                /* keep text white */
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #6c757d !important;  /* optional disabled styling */
  border-color: #6c757d !important;
  color: #e2e6ea !important;
}
.text-bg-success {
  background-color: #062f59 !important;
  color: #fff !important;
}

.text-bg-success:hover {
  background-color: #084a8f !important;
  color: #fff !important;
}
.your-background-class {
    background-image: url('../assets/images/dogandcat1.jpeg'); /* Adjust the path as needed */
    background-size: cover; /* This makes the image cover the entire section */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
.smallest-table {
    font-size: 8px; /* Adjust font size as needed */
    width: 200px; /* Optional: Set width if necessary */
}

.smallest-table th,
.smallest-table td {
    padding: 2px 4px; /* Reduce padding for smaller cells */
    text-align: center; /* Optional: Center text for readability */
}

.smallest-table th {
    font-weight: bold;
}

.smaller-table {
  font-size: 0.6rem; /* Smaller text */
}

.smaller-table td, .small-table th {
  padding: 0.25rem; /* Smaller padding */
}



.wappler-temp {
}
.btn-small {
    font-size: 12px; /* Adjust the font size */
    padding: 4px 8px; /* Adjust the padding */
    border-radius: 4px; /* Optional: Adjust the border radius for rounded corners */
    line-height: 1.2; /* Optional: Adjust the line height for better alignment */
    background-color: #062f59 !important;  /* custom dark blue */
    border-color: #062f59 !important;
    color: #fff !important;   
}
.small-table {
  font-size: 0.85rem; /* Smaller text */
}

.small-table td, .small-table th {
  padding: 0.3rem; /* Smaller padding */
}
.background-box { 
background-color: #d9e3eb;
}
.background-button {
     display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: #062f59 !important;
  border: 1px solid #062f59 !important;
  padding: 0.375rem 0.75rem; /* ~6px top/bottom and ~12px left/right */
  font-size: 1rem;
  border-radius: 0.375rem; /* ~6px */
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.background-button:hover,
.background-button:focus,
.background-button:active {
  background-color: #0a4a8a !important;
  color: #fff !important;
  border-color: #0a4a8a !important;
}
.text-menu-color {
    color: #062f59;
   
}
.style3 {
    background-repeat: no-repeat;
    background-size: cover
   
}
.style4 {
    background-image: url("../assets/images/t1db.jpg");
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.wappler-temp {
}
.style5 {
}
link { 
}
link { 
}
.style6 {
    font-family: monospace
 
}
.style7 {
 
}
.small-table {
}
.btn {
}
.style8 {
    background-image: url("../assets/images/dogandcat1.jpeg");
}}
.your-background-class {
}