/* Elenti Intranet */
/* © KPIT 2024. All rights reserved. */

/* This file is protected by copyright law. No part of this file may be
copied, reproduced, distributed, or modified in any form or by any means,
without the prior written permission of Kenward Pullen IT Services Ltd.

Any unauthorized use, reproduction, or distribution of this CSS file or any
portion thereof will be considered a violation of the applicable laws and
may result in legal action.

For licensing inquiries or permission requests, please contact:

Kenward Pullen IT Services Ltd
Email: support@kpit.co.uk

All other rights not expressly granted herein are reserved. */

#app {
    display: contents;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html {
    height: -webkit-fill-available;
}

.dropdown-toggle {
    outline: 0;
}

.btn-toggle {
    padding: .25rem .5rem;
    font-weight: 300;
    color: #FFFFFF;
    background-color: transparent;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(255, 255, 255, .85);
    background-color: rgba(0, 0, 0, 0.20);
}

.btn-toggle-dropdown::before {
    width: 13px;
    height: 13px;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: 6.5px 6.5px;
    margin-right: 5px;
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Custom light mode body background */
html[data-bs-theme='light'] body {
    background-color: #f8f9fa;
}

/* Sidebar background colour */
.sidebar {
    background-color: #1B1F2B !important;
}

.sidebar .form-select,
.sidebar .input-group-text {
    background-color: #1B1F2B !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

/* Elenti Responsive Header */
.elenti-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    gap: .5rem;
}

.elenti-header > :first-child {
    margin-bottom: .75rem;
}

@media (min-width: 768px) {
    .elenti-header {
        flex-direction: row;
        align-items: center;
    }

    .elenti-header > :first-child {
        margin-bottom: 0;
    }
}

.elenti-header-title {
    margin: 0;
}

.elenti-header-main-title {
    font-size: 1.5rem; /* fs-4 */
    font-weight: 300;
    color: var(--bs-emphasis-color);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.elenti-header-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}