[data-bs-theme="light"] {
    --bs-body-bg: #f0f0f0;
}

[data-bs-theme="dark"] {
    --bs-border-color: #384047;
}

html, body {
    touch-action: manipulation;
}

[data-bs-theme="light"] .table-custom {
    --bs-table-bg: #f8f9fa;
}

.bg-body-static {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .table-custom {
    --bs-table-bg: #2b3035;
}

[data-bs-theme="light"] .pagination_custom {
    --bs-pagination-bg: #f8f9fa;
    --bs-pagination-hover-bg: #e4e4e4;
    --bs-pagination-active-bg: #71aaeb;
    --bs-pagination-active-border-color: #71aaeb;
}

[data-bs-theme="dark"] .pagination_custom {
    --bs-pagination-active-bg: #71aaeb;
    --bs-pagination-active-border-color: #71aaeb;
}

[data-bs-theme="dark"] .card {
    --bs-border-color: #384047;
    --bs-card-border-color: #384047;
}

.custom_blue {
    color: #71aaeb;
}

.custom_orange {
    color: #feb083;
}

.form-select,
.form-control,
.my_height_custom,
.my_height_custom_button {
    padding-top: 10px;
    padding-bottom: 10px;
}

[data-bs-theme="light"] .button_custom {
    --bs-btn-bg: #f0f0f0;
    --bs-btn-hover-bg: #e4e4e4;
    --bs-btn-active-bg: #e4e4e4;
    border: 0;
}

[data-bs-theme="dark"] .button_custom {
    --bs-btn-bg: #343a40;
    --bs-btn-hover-bg: #3a4045;
    --bs-btn-active-bg: #3a4045;
    border: 0;
}

.dropdown-toggle::after {
    transition: transform 0.3s ease;
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
    color: #71aaeb;
}

.custom_blue_button_outline {
    color: #71aaeb;
    --bs-btn-hover-bg: #71aaeb;
    --bs-btn-active-bg: #71aaeb;
    --bs-btn-border-color: #71aaeb;
    --bs-btn-active-border-color: #71aaeb;
    --bs-btn-hover-border-color: #71aaeb;
}

.custom-gradient-blue-btn {
    border: none;
    color: white;
    background: linear-gradient(90deg, rgb(105, 115, 255) 0%, rgb(64, 175, 252) 100%);
}

[data-bs-theme="light"] .margin-top-container {
    margin-top: 1rem !important;
}

.bg_blue {
    --bs-bg: #71aaeb;
    --bs-btn-hover-bg: var(--bs-bg);
    --bs-btn-active-bg: var(--bs-bg);
    background-color: var(--bs-bg);
}

[data-bs-theme="dark"] .social_media_border {
    background: rgb(244 225 225 / 10%);
    flex: 1;
    height: 1px;
}

[data-bs-theme="light"] .social_media_border {
    background: rgba(0, 0, 0, 0.1);
    flex: 1;
    height: 1px;
}