/**
 * WHMCS Bootstrap Override Sheet
 *
 * These styles override Bootstrap's defaults.
 *
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2016
 * @license   http://www.whmcs.com/license/
 */

body,
input,
button,
select,
textarea {
    font-family: var(--font-family-base);
    color: var(--theme-text) !important;
    background-color: var(--theme-background) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
}

.container-fluid.without-padding {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

.navbar-main {
    margin-bottom: 0;
    background-color: var(--theme-surface);
    border: 0;
    min-height: unset !important;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-base);
    border-radius: 0px !important;
}

.navbar-main li.account {
    background-color: var(--theme-elevated);
}

.navbar-main .navbar-nav>li>a {
    color: #fff;
}

.navbar-main .navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>.active>a,
.navbar-main .navbar-nav>.active>a:hover,
.navbar-main .navbar-nav>.active>a:focus,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.open>a:hover,
.navbar-main .navbar-nav>.open>a:focus {
    color: var(--theme-primary);
    background-color: var(--theme-elevated);
}

#main-menu .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
}

.navbar-main .dropdown-menu {
    padding: 3px 0;
    border-top: 0;
    border-radius: 0;
}

.navbar-main .navbar-nav .dropdown-menu>li>a:hover,
.navbar-main .navbar-nav .dropdown-menu>li>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.active>a,
.navbar-main .navbar-nav .dropdown-menu>.active>a:hover,
.navbar-main .navbar-nav .dropdown-menu>.active>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.open>a,
.navbar-main .navbar-nav .dropdown-menu>.open>a:hover,
.navbar-main .navbar-nav .dropdown-menu>.open>a:focus {
    color: var(--theme-text);
    background-color: var(--theme-elevated);
}

@media (max-width: 767px) {
    .navbar-main .navbar-nav .open .dropdown-menu>li>a {
        color: #ddd;
    }

    .navbar-main .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
        margin-bottom: 10px;
    }
}

.panel {
    font-size: 0.9em;
}

.list-group {
    font-size: 0.9em;
}

.list-group-item {
    border-color: var(--theme-border);
    background-color: var(--theme-card);
    color: var(--theme-text);
}

.list-group-item .badge {
    background-color: transparent;
    color: var(--theme-muted);
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: var(--theme-background);
}


.pagination {
    font-size: 0.8em;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: var(--theme-background);
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.navbar-main .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: var(--theme-text);
    background-color: var(--theme-primary);
}

.label {
    border-radius: 0;
}

input[type='file'].form-control {
    height: inherit;
    margin-bottom: 5px;
}

.list-group-item {
    padding: 7px 15px;
}

.panel-body {
    padding: 10px 15px;
}

/*
 * We use a larger font-size than the bootstrap default, which requires an increase
 * in the top offset to maintain correct alignment in form control feedback.
 */
.has-feedback label~.form-control-feedback {
    top: 27px !important;
}

.list-group-item>i.far.fa-circle {
    color: #808080;
}

/*
 * Language strings which are too long to fit into buttons should be "chopped off" inside the div
 * of that button, instead of "overflowing" outside of the button.  CORE-9272
 */
.btn {
    overflow: hidden;
}

nav#nav {
    padding: 10px 0;
}