html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
  margin-bottom: 60px;
}


.hub-logo {
    height: 110px;
    display: block;
    margin: 0 auto;
}

.portal-title {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #5a5a5a;
}

 
/* FORCE center in Color Admin login header */


.login.login-v1 .login-header.hub-login-header {
    display: block !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 25px 20px 10px !important; 
}

    .login.login-v1 .login-header.hub-login-header .hub-logo {
        display: block !important;
        margin: 0 auto !important;
        height: 110px;
        width: auto;
    }

    .login.login-v1 .login-header.hub-login-header .portal-title {
        display: block !important;
        text-align: center !important;
        margin-top: 15px;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #5a5a5a;
    }

/* Remove dark login background on small screens */
@media (max-width: 768px) {

    .login.login-v1 {
        background: transparent !important;
    }

        .login.login-v1 .login-container {
            background: transparent !important;
            box-shadow: none !important;
        }
}


.menu-profile-cover {
    background-image: url('/images/hub_sidebar.png') !important;
    background-size: cover;
    background-position: center;
}

.badge-state {
    font-size: 0.7rem;
    padding: 0.35em 0.5em;
}

.badge-sm {
    font-size: 0.5em;
    padding: 0.30em 0.55em;
    border-radius: 0.5rem;
}

/* When child modal is open, visually push parent modal back */
.models-modal-dimmed .modal-content {
    filter: brightness(0.75);
    transform: scale(0.98);
    transition: all 0.2s ease;
}

/* Mid-backdrop sits between parent modal and child modal */
.mid-backdrop {
    z-index: 1060 !important; /* parent modal is 1055 */
}

/* Child modal must sit above mid-backdrop */
#modelModal {
    z-index: 1065 !important;
}

.incident-claimed-row {
    background-color: rgba(13, 202, 240, 0.05) !important; /* soft info blue */
}