/* custom.css */

/* Body background and text color */
body {
    background-color: #ffffff; /* Page background color */
    color: #162741; /* Default text color */
    /*padding-top: 56px;*/ /* Space for fixed navbar */
}

/* Navbar styles */
.navbar {
    background-color: #055da9; /* Navbar background color */
    border-color: #055da9; /* Navbar border color */
}

.navbar navbar-expand-lg navbar-primary{
    background-color:#055da9 ;
    color: #ffffff;
}

.navbar-brand, .navbar-nav > li > a {
    color: #ffffff; /* Navbar brand and link color */
}

.navbar-brand:hover, .navbar-nav > li > a:hover {
    color: #d3d3d3; /* Navbar brand and link hover color */
}

/* Button styles */
.btn-primary {
    background-color: #ff6400; /* Primary button background color */
    border-color: #ff6400; /* Primary button border color */
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #ef5e00; /* Primary button hover background color */
    border-color: #ef5e00; /* Primary button hover border color */
    color: #ffffff;
}

.btn-secondary {
    background-color: #055da9; /* Secondary button background color */
    border-color: #055da9; /* Secondary button border color */
    color: #ffffff;
}

.btn-secondary:hover {
    background-color: #0873d0; /* Secondary button hover background color */
    border-color: #0873d0; /* Secondary button hover border color */
    color: #ffffff;
}

/* Card header styles */

.card-header.card-header-primary{
    background-color: #055da9;
    color: #ffffff;
}

.card-header-success{
    background-color: #1C953F;
}

.card-header-alert{
    background-color: #C5341C;
}

/* Alert styles */
.alert-success {
    background-color: #d4edda; /* Success alert background color */
    border-color: #c3e6cb; /* Success alert border color */
    color: #155724; /* Success alert text color */
}

.alert-danger {
    background-color: #f8d7da; /* Danger alert background color */
    border-color: #f5c6cb; /* Danger alert border color */
    color: #721c24; /* Danger alert text color */
}

/* Form control styles */
.form-control {
    border-color: #ced4da; /* Form control border color */
    color: #495057; /* Form control text color */
}

.form-control:focus {
    border-color: #80bdff; /* Form control border color when focused */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Form control box shadow when focused */
}

/* Text styles */
.text-center {
    color: #343a40; /* Text color for centered elements */
}

.error {
    color: #ff0000; /* Error message color */
}

/* Table styles */
.table {
    background-color: #ffffff; /* Table background color */
    color: #162741; /* Table text color */
    border-radius: 9px;
}

.table thead th {
    background-color: #ffffff; /* Table header background color */
    color: #162741; /* Table header text color */
}

table.table.table-bordered.table-striped thead.thead-primary th {
    background-color: #055da9;
    color: #ffffff;
}

table.table.table-bordered.table-striped thead.thead-success th{
    background-color: #1C953F;
    color: #ffffff;
}

table.table.table-bordered.table-striped thead.thead-alert th{
    background-color: #C5341C;
    color: #ffffff;
}

.table tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa; /* Table odd row background color */
}

.table tbody tr:hover {
    background-color: #e9ecef; /* Table row hover background color */
}

/* Footer styles */
.footer {
    background-color: #f8f9fa; /* Footer background color */
    border-top: 1px solid #e7e7e7; /* Footer border color */
    color: #6c757d; /* Footer text color */
    padding: 15px 0; /* Footer padding */
    text-align: center; /* Footer text alignment */
}

.footer .btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap as needed */
}

.footer .btn-container p {
    margin-bottom: 0; /* Remove bottom margin from paragraphs */
}
.footer .d-flex {
    gap: 10px; /* Optional: Adjust the gap between buttons if needed */
}

.footer p {
    margin-bottom: 0; /* Remove default bottom margin from paragraphs */
}

/* Special classes */

.hidden {
    display: none;
}

.autoscrollable-wrapper {
  overflow: auto;
  max-height: 100%;
  display: flex;
  flex-direction: column-reverse;
}