body {
     background-color: #f8f9fa;
 }

 .card {
     border: none;
     border-radius: 1rem;
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
 }

 .full-width {
     width: 80vw;
     /* Full viewport width */
     margin-left: 10px;
     padding: 0;
 }

 .card-header {
     background-color: #343a40;
     color: white;
     font-size: 1.25rem;
     font-weight: bold;
     border-bottom: 1px solid #dee2e6;
 }

 .btn {
     border-radius: 0.375rem;
 }

 .btn-primary {
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:hover {
     background-color: #0056b3;
     border-color: #004085;
 }

 .btn-secondary {
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-secondary:hover {
     background-color: #5a6268;
     border-color: #545b62;
 }

 .btn-info {
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-info:hover {
     background-color: #138496;
     border-color: #117a8b;
 }

 /* .card-body {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .card-body .row {
     height: 100%;
 } */

 .card-title {
     font-size: 24px !important;
 }

 canvas {
     width: 100% !important;
     height: 100% !important;
 }

 .form-group label {
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .requiredField span {
     color: red;
 }

 .custom-textarea {
     resize: none;
     /* Disable resizing */
     height: 150px;
     /* Adjust height as needed, e.g., 5 rows */
 }

 textarea {
     resize: none !important;
     height: 30px !important;
     width: 100% !important;
 }

 .form-check {
     margin-top: 50px !important;
 }