/*
=======================================
===== General Bootstrap Overrides =====
=======================================
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    min-height: 100vh;
}

.footer {
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    /* height: 60px; /* Set the fixed height of the footer here */
    /* line-height: 60px; /* Vertically center the text there */
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: hsla(0, 0%, 50%, 0.15);
    font-size: small;
    color: #bbb;
}

nav > .container-fluid {
    padding: 0;
}

.nav-split-left {
    padding-right: .2rem !important;
}
.nav-split-right {
    padding-left: .2rem !important;
    background-color: transparent;
    border: none;
    outline: none !important;
    cursor: pointer !important;
}
.nav-split-right::after {
    border-width: 6px;
}


body > main.container-fluid {
    padding-top: 60px;
}


.pageheading {
    font-size: 28px;
    font-weight: normal;
    padding-top: .25em;
    /* padding-bottom: .25em; */
}


a {
    color: #007bff;
}
  
a:hover {
    color: #0056b3;
}


.action-button-group {
    display: flex;
}

.action-button-group .btn {
    padding-left: .25rem;
    padding-right: .25rem;
}

.action-button-group .btn:first-child {
    padding-left: 0;
}

.action-button-group .btn:last-child {
    padding-right: 0;
}


.custom-switch {
    cursor: pointer;
}
.custom-file-input {
    cursor: pointer;
}
.custom-file-label {
    overflow: hidden;
}


.text-break-all {
    word-break: break-all;
}


/*
========================================
===== General Dark Theme Overrides =====
========================================
*/

body[data-theme="dark"] .form-control,
body[data-theme="dark"] input[type="file"],
body[data-theme="dark"] .custom-file-label,
body[data-theme="dark"] .custom-select {
    color: #bbb !important;
    background-color: rgba(0, 0, 0, .3) !important;
}

body[data-theme="dark"] .form-control:disabled,
body[data-theme="dark"] .form-control[readonly] {
    background-color: rgba(0, 0, 0, .1) !important;
}


/*
=============================================
===== Overrides for bootstrap_superhero =====
=============================================
*/

body[data-theme-variant="bootstrap_superhero_override"] {
    background-color: #1e2c38 !important;
}

body[data-theme-variant="bootstrap_superhero_override"] .bg-dark {
    background-color: #181c21 !important;
}