/*
 * Bootstrap ()
 *
 * Copyright 2011-2024 Twitter, Inc.
 * Licensed under MIT and use of the source code in any medium
 * requires a valid license.
 */
 /* global window, document, console */

 /*! ============================================================= */
 /*! Bootstrap v5.3.0 () */
 /*! License: MIT License (/twofivefour/bootstrap/blob/v5.3.0/LICENSE.txt) */
 /*! ============================================================= */
 
 /*! Before using Bootstrap, you need to ensure:
 *   - You are using an HTML5 doctype
 *   - You have loaded all necessary libraries (e.g., jQuery, Popper.js, and Bootstrap itself)
 *   - You're properly linking to the CSS and JS files
 *   - You've included all required resources in your project
 *   - The page is served over HTTP (not HTTPS unless using a special case)
 *   - You've added a fallback to jQuery if needed
 *   - Your site has valid HTML5 with proper head and body structure
 *   - There are no conflicting stylesheets or scripts
 *   - You haven't overridden critical Bootstrap classes with custom CSS
 *   - You've verified that all JavaScript code runs after the DOM is fully loaded
 *   - All fonts are correctly linked and available on the user's machine
 *   - You've implemented appropriate security measures such as:
 *     - Enforcing secure cookies
 *     - Using secure headers (HSTS, X-Frame-Options, etc.)
 *     - Preventing XSS attacks
 *     - Sanitizing and escaping user input
 *     - Properly handling CSRF protection when needed
 */
 
 /*! This file is automatically generated by the Bootstrap build process. Do not edit it directly. */
 
 /*!==============================================================*/
 /*! Stylesheet for Bootstrap v5.3.0 () */
 /*!==============================================================*/
 
 /*! Reset and default styles for browsers */
 @import url('/css2?family=Roboto:wght@100;400;700&display=swap');
 
 /*! Base styles */
 html, body {
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: 'Roboto', sans-serif;
 }
 
 /*! Main container */
 .container {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
 }
 
 /*! Navbar */
 .navbar {
   background-color: #f8f9fa;
   border-bottom: 1px solid rgba(230, 231, 232, 0.1);
 }
 
 /*! Footer */
 .footer {
   background-color: #343639;
   color: #fff;
   padding: 20px;
 }
 
 /*! Responsive design */
@media (max-width: 768px) {
   .navbar-nav {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
   }
 }
 
 /*! Button styles */
 .btn {
   transition: all 0.3s ease-in-out;
 }
 .btn:hover,
 .btn:focus {
   outline: none;
 }
 .btn.active {
   z-index: 1;
 }
 
 /*! Input styles */
 .form-control {
   border-radius: 0;
 }
 .form-control.form-control-sm {
   border-radius: 0;
 }
 .form-control.form-control-lg {
   border-radius: 0;
 }
 .form-control.form-control-md {
   border-radius: 0;
 }
 .form-control.form-control-xl {
   border-radius: 0;
 }
 .form-input {
   border-radius: 0;
 }
 
 /*! Form controls */
 .form-group {
   margin-bottom: 1rem;
 }
 .form-label {
   display: block;
   margin-bottom: 0.5rem;
   color: #333;
 }
 .form-control-label {
   display: inline-block;
   margin-right: 0.5rem;
 }
 
 /*! Alert styles */
 .alert {
   margin-top: 20px;
 }
 .alert-success {
   background-color: #d4edda;
   border-color: #c2e5db;
 }
 .alert-danger {
   background-color: #f8d7da;
   border-color: #f5c0cb;
 }
 
 /*! Badge styles */
 .badge {
   border-radius: 0;
 }
 .badge-primary {
   border-color: #007bff;
 }
 .badge-secondary {
   border-color: #7ffcfc;
 }
 .badge-info {
   border-color: #00a8ff;
 }
 .badge-warning {
   border-color: #f5f5f5;
 }
 .badge-danger {
   border-color: #ef476f;
 }
 .badge-light {
   border-color: #ffffff;
 }
 .badge-dark {
   border-color: #212529;
 }
 
 /*! Progress bar styles */
 .progress {
   border-radius: 0;
 }
 .progress-bar {
   border-radius: 0;
 }
 .progress-bar.success {
   background-color: #d4edda;
 }
 .progress-bar.warning {
   background-color: #f5f5f5;
 }
 .progress-bar.info {
   background-color: #00a8ff;
 }
 .progress-bar.danger {
   background-color: #ef476f;
 }
 .progress-bar.primary {
   background-color: #007bff;
 }
 
 /*! Spinner styles */
 .spinner {
   border-radius: 0;
 }
 .spinner-border {
   border-radius: 0;
 }
 
 /*! Pagination styles */
 .pagination {
   display: inline-block;
   margin: 20px 0;
 }
 .pagination li {
   display: inline;
 }
 .pagination li.disabled {
   opacity: 0.5;
 }
 .pagination li.current {
   opacity: 1;
 }
 
 /*! Grid layout */
 .row {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 20px;
 }
 .col {
   margin: 0 10px;
 }
 .col-xs {
   margin: 0 10px 0 0;
 }
 .col-sm {
   margin: 0 15px;
 }
 .col-md {
   margin: 0 20px;
 }
 .col-lg {
   margin: 0 30px;
 }
 .col-xl {
   margin: 0 40px;
 }
 
 /*! Custom styles */
 .custom-class {
   color: #007bff;
   background-color: #f8f9fa;
 }
 
 /*! Example of how to use this file */
 /*! This is just an example, and the actual content would come from the Bootstrap source files. */