@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

:root {
    --ct-logo-lg-height: 125px;
    --ct-logo-sm-height: 50px;
    --ct-font-sans-serif: 'Noto Sans', sans-serif;
}


.logo {
    padding-top: 12px;
    padding-bottom: 8px;
}


.content-page {
    min-height: calc(100vh - 2px);
    padding: 0.75rem 0.75rem var(--ct-footer-height);
}

.card-header {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-light-rgb), var(--ct-border-opacity)) !important;
    border-bottom: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important;
}

.card-footer {
    --ct-border-opacity: 1;
    border-color: rgba(var(--ct-light-rgb), var(--ct-border-opacity)) !important;
    border-top: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important;
}


.card-header h1 {
    font-size: 1.8rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

.card-header p {
    margin-top: 8px;
    margin-bottom: 0px;
}

.card-body h2, .modal-header h2 {
    font-size: 1.4rem;
    margin-top: 0px;
    margin-bottom: 0px;
}


.card-body hr {
    margin: .6005rem 0;
}


.side-nav .side-nav-title {
    padding-bottom: 4px;
}

.modal{
    z-index: 20;
}

.modal-backdrop {
    z-index: 10;
}


.leftside-menu {
    z-index: 9;
}

input:focus, select:focus {
    border: 1px solid var(--ct-primary-border-subtle) !important;
}