@-moz-document url-prefix() {
    select.form-control {
        padding-right: 25px;
        background-image: url("data:image/svg+xml,\
        <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
                height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
            <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
        </svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 7px) 50%;
        -moz-appearance: none;
        appearance: none;
    }
}

.btn.form-control {
    border-color: #d2d6de;
}

.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
  border-left-color: #00a65a;
}

.treeview-text {
    width: calc(100% - 50px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-bottom;
}

.node-link-text {
    width: 100%;
    /* display: inline-block; */ /* This was causing labels to be vertically clipped */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-bottom;
}

/*
Prevent labels from being too small in the menu
*/
.sidebar-menu li .label {
    font-size: inherit;
}

/* Hide labels when sidebar is collapsed */
.sidebar-collapse .sidebar-menu li .label {
    display: none;
}

/*
Ensure that long text in the menu is still readable when it gets
larger than the width of the sidebar.
EX: In Ordering - Vast Veg page has really long names.
*/
.sidebar-menu .treeview-menu > li > a.node-link {
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-menu .treeview-menu > li > a.node-link:hover {
    min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
    background: #e4e4e5;
}

.user-image {
    border-radius: 25px;
}

/* Fixes button heights to all be the same */
.btn-group {
    display: inline-flex;
}

/* Makes the main header fixed even on mobile. */
.main-header {
    position: fixed;
    left: 0;
    right: 0;
    max-width: inherit;
    margin: 0 auto;
}
/* Required now that the main header is fixed. */
.content-wrapper {
    margin-top: 50px;
}

/* Allow wrapping in Info Boxes */
.info-box-text {
    white-space: initial;
}

/* Prevent header from overlapping breadcrumbs */
.content-header > h1 {
    display: inline-block;
}
.content-header > .breadcrumb {
    position: initial;
    /* Already floats: right */
}

/* Fixes for buttons that are in a default solid box header */
.box.box-solid.box-default > .box-header .btn.btn-primary,
.box.box-solid.box-default > .box-header .btn.btn-info,
.box.box-solid.box-default > .box-header .btn.btn-success,
.box.box-solid.box-default > .box-header .btn.btn-warning,
.box.box-solid.box-default > .box-header .btn.btn-danger {
    color: #fff;
}
.box.box-solid > .box-header .btn.btn-default.toggle-handle {
    background: #fff;
}
.box.box-solid > .box-header .btn.btn-primary:hover {
    background: #357ca5;
}
.box.box-solid > .box-header .btn.btn-info:hover {
    background: #00a7d0;
}
.box.box-solid > .box-header .btn.btn-success:hover {
    background: #008d4c;
}
.box.box-solid > .box-header .btn.btn-warning:hover {
    background: #db8b0b;
}
.box.box-solid > .box-header .btn.btn-danger:hover {
    background: #d33724;
}
.box.box-solid > .box-header .btn.btn-default {
    background: #d2d6de;
    color: #444;
    border-color: #ddd;
}
.box.box-solid > .box-header .btn.btn-default:hover {
    background: #e7e7e7;
}

/* Use the full logo when between 512 and 768 px wide */
@media (max-width: 767px) {
    .main-header .logo .logo-mini {
        display: none;
    }
    .main-header .logo .logo-lg {
        display: block;
    }
    .main-header .logo {
        width: 40%;
        margin-left: 15%;
        position: fixed;
        z-index: 1100;
        text-align: right;
    }
}

/* Use the mini logo when between 0 and 512 px wide */
@media (max-width: 511px) {
    .main-header .logo .logo-mini {
        display: block;
    }
    .main-header .logo .logo-lg {
        display: none;
    }

    .main-header .logo {
        width: 25%;
        margin-left: 15%;
    }

    .logout-text {
        display: none;
    }
}

/* Prevent mobile keyboard from hiding chat input */
@media (max-height: 400px) {
    .direct-chat-messages {
        height: 60px;
    }
}