/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */

:root {
    --duckietown-black: #2d2d2e;
    --duckietown-yellow: #fec20b;
    --duckietown-blue: #26a4ea;

    --nav-link-font-size: 0.8rem;
    --phoenix-footer-height: 4rem;
}

.card {
    --phoenix-card-spacer-y: 1rem;
    --phoenix-card-spacer-x: 1rem;
}

/* Extend content div when the sidebar is retracted */
.navbar-vertical-collapsed div.content {
    /* 4rem is the width of the retracted sidebar */
    margin-left: 4rem !important;
}

/* Zero margins */
.zero-margins {
    margin: 0;
}

/* Use auto left margin to push the element to the right */
.margin-flush-right {
    margin-left: auto;
}

/* Use auto right margin to push the element to the left */
.margin-flush-left {
    margin-right: auto;
}

/* Align HUB with the Duckietown logo */
.logo {
    height: 56px;
}
p.logo-text {
    letter-spacing: normal;
    font-size: 1.25rem;
    color: var(--duckietown-black);
    border-left: 1px solid var(--duckietown-black);
    padding-top: 3px;
    margin-left: 1.8rem !important;
}

/* Push external link indicator icon in the sidebar all the way to the right */
.navbar-vertical .nav-link-icon.sidebar-external-link-icon {
    margin-right: 0;
}

/* Hide the indicator that a link is external in the sidebar when the sidebar is collapsed */
.navbar-vertical-collapsed .sidebar-external-link-icon {
    display: none;
}

/* decrease the size of the external link icons in the sidebar */
.navbar-vertical .nav-link-icon.sidebar-external-link-icon > svg.svg-inline--fa {
    height: 0.9em;
}

/* increase the size of the icons in the sidebar */
.navbar-vertical .nav-link-icon > svg.svg-inline--fa {
    height: 1.2em;
}

.navbar-vertical .nav-link {
    font-size: var(--nav-link-font-size);
}

.text-blur-4 {
    color: transparent;
    text-shadow: 0 0 4px #000;
}

.text-blur-8 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

.hidden {
    display: none;
}

.form-switch .form-check-input.color-primary:checked {
    background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-text-opacity)) !important;
}

.form-switch .form-check-input.color-success:checked {
    background-color: rgba(var(--phoenix-success-rgb), var(--phoenix-text-opacity)) !important;
}

.form-switch .form-check-input.color-danger:checked {
    background-color: rgba(var(--phoenix-danger-rgb), var(--phoenix-text-opacity)) !important;
}

.form-switch .form-check-input.color-warning:checked {
    background-color: rgba(var(--phoenix-warning-rgb), var(--phoenix-text-opacity)) !important;
}

.form-switch .form-check-input.color-info:checked {
    background-color: rgba(var(--phoenix-info-rgb), var(--phoenix-text-opacity)) !important;
}

.form-label {
    padding-left: 0 !important;
    text-transform: none !important;
    font-size: var(--phoenix-body-font-size) !important;
}

.form-switch > label {
    font-size: var(--phoenix-body-font-size) !important;
}

.form-label > .asteriskField{
    color: rgb(var(--phoenix-danger-500-rgb));
    padding-left: 0.4rem;
}

.dropdown-menu {
    --phoenix-dropdown-border-color: #c6c6c6;
    --phoenix-dropdown-border-width: 2px;
}

/* Subtract Navbar and Footer heights from the content div */
.content {
    padding-top: 2rem;
    padding-bottom: var(--phoenix-footer-height);
    min-height: calc(100vh - var(--phoenix-footer-height)) !important;
}

/* Footer height */
.footer {
    height: var(--phoenix-footer-height);
}

@media (min-width: 1px) {
    /* Content div size and position */
    div.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 992px) {
    /* Content div size and position */
    div.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        /* 15.875rem is the width of the extended sidebar */
        margin-left: 15.875rem;
    }
}

.shadow-heavy {
    -webkit-box-shadow: 0px 4px 12px 0px rgba(36, 40, 46, .12) !important;
    box-shadow: 0px 4px 12px 0px rgba(36, 40, 46, .12) !important;
}

/* hide badges in vertical bar buttons when collapsed */
.navbar-vertical-collapsed #navbarVerticalCollapse .nav-link-text-wrapper span.badge {
    display: none;
}

/* remove weird space at the top of the bar */
@media (min-width: 992px) {
    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg {
        padding-top: 0 !important;
    }
}