@font-face {
    font-family: "liberatorheavy";
    src: url('../fonts/liberator-heavy.woff') format('woff'), url('../fonts/liberator-heavy.ttf') format('truetype'), url('../fonts/liberator-heavy.svg#liberatorheavy') format('svg'), url('../fonts/liberator-heavy.eot') format('embedded-opentype');
}

@font-face {
    font-family: "liberatorlight";
    src: url('../fonts/liberator-light.woff') format('woff'), url('../fonts/liberator-light.ttf') format('truetype'), url('../fonts/liberator-light.svg#liberatorlight') format('svg'), url('../fonts/liberator-light.eot') format('embedded-opentype');
}

@font-face {
    font-family: "liberatormedium";
    src: url('../fonts/liberator-medium.woff') format('woff'), url('../fonts/liberator-medium.ttf') format('truetype'), url('../fonts/liberator-medium.svg#liberatormedium') format('svg'), url('../fonts/liberator-medium.eot') format('embedded-opentype');
}

html, body {
    height: 100%;
    font-size: 12px;
    font-family: Arial;
}

a{
    color: #00aeef;
}

em{
    font-size: 11px;
}

h4 {
    font-size: 15px !important;
    font-weight: bold;
}

div#container-fluid {
    position: relative;
    min-height: 100%;
    height: auto !important;
    min-height: 100%;
}

div#container-fluid.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.pageContentContainer {
    padding-right: 0;
    padding-left: 0;
    min-height: 100%;
    height: auto;
    position: absolute;
    width: 100%;
}

div#container-fluid .homepage, div#container-fluid .loginpage {
    background-image: url('/assets/img/moose_graphic_23.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 960px) {
    ul.nav span.mainMenuTitle {
        display: none;
    }
}

@media (max-width: 767px) {
    ul.nav span.mainMenuTitle {
        display: inline;
    }
}

.login-message-container {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 30px;
    font-size: 14px;
}

.login-form-container {
    margin-top: 5%;
    background: rgba(255, 255, 255,0.75);
    border-radius: 8px;
}

.login-form-container h4{
    padding-top: 5px;
    text-transform: uppercase;
    text-align: center;
    color: #f68428;
}


nav.navbar {
    background: #000;
    border-bottom: solid 4px #ffe605;
}

a.navbar-brand {
    font-size: 15px;
    font-family: "liberatorheavy";
    color: #fff !important;
}

ul.navbar-nav a {
    font-size: inherit;
    font-family: "liberatormedium";
    color: #fff !important;
}

ul.navbar-nav a i{
    font-size: 15px;
}

ul.navbar-nav > li > a:focus, ul.navbar-nav > li > a:hover {
    color: #000 !important;
    background: #ffe605 !important;
}

ul.navbar-nav > li.disabled > a, ul.navbar-nav > li.disabled > a:focus, ul.navbar-nav > li.disabled > a:hover {
    background: transparent !important;
    color: #777 !important;
}

ul.navbar-nav .caret {
    display: none;
}

.navbar-default .top-menu .navbar-nav>.active>a, .navbar-default .top-menu .navbar-nav>.active>a:focus, .top-menu .navbar-default .navbar-nav>.active>a:hover {
    color: #000 !important;
    background: #ffe605 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background: #ffe605;
    color: #000 !important;
}

ul.dropdown-menu{
    background: #000;
    border: none;
}

ul.dropdown-menu * {
    font-size: 12px !important;
    line-height: 24px !important;
}

ul.dropdown-menu li.divider {
    background: #ffe605;
    height: 4px;
}

ul.dropdown-menu a:focus,
ul.dropdown-menu a:hover,
ul.dropdown-menu a:focus *,
ul.dropdown-menu a:hover * {
    color: #000 !important;
    background: #ffe605 !important;
}

ul.dropdown-menu .disabled a,
ul.dropdown-menu .disabled a:focus,
ul.dropdown-menu .disabled a:hover,
ul.dropdown-menu .disabled a:focus *,
ul.dropdown-menu .disabled a:hover *{
    color: #777 !important;
    background: transparent !important;
}

span#miniCartTitle.badge {
    background-color: #ffe605;
    color: #000;
}

div#page-content {
    padding-top: 60px;
    padding-bottom: 30px;
}

footer {
    font-weight: bold;
    background: rgba(255, 255, 255,0.5);
    position: absolute !important;
    bottom: 0;
}

.panel-heading {
    background: #656768 !important;
    color: #fff !important;
    border: 1px solid #515354;
}

div.modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #656768;
    color: #fff;
    padding: 8px;
}

.panel-group > .panel {
    overflow: hidden;
    border: none !important;
}

.panel-heading, .collapsible .navbar-header {
    background: #656768 !important;
    color: #fff !important;
    border: 2px solid #515354 !important;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 4px 8px;
}

.panel-title {
    font-size: 15px;
}

.partImage {
    width: 32px;
}

.select2 * {
    outline-width: 0;
}

.filterGroup {
    border: solid 2px #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    padding-top: 1px;
}

table.table>tbody>tr:hover {
    background-color: #ECEEEF;
}

.table>tbody>tr.success>td{
    background-color: #FEE4D8 !important;
}

.table-bordered {
    border: none;
    margin-top: 15px !important;
}

.table-bordered>thead>tr {
    background: #ffffff;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border: none !important;
    background: #656768 !important;
}

.table-bordered>thead>tr>th{
    border: 1px solid #515354 !important;
}

.table-container table thead th {
    border-top: none !important;
}
.table-bordered>thead>tr>th:first-child {
    border-top-left-radius: 4px !important;
}

.table-bordered>thead>tr>th:last-child {
    border-top-right-radius: 4px !important;
}

.table-bordered>thead>tr>th:last-child{
    border-right: none !important;
}

.table-container table>thead>tr>th:first-child, .table-container table>thead>tr>th:last-child {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.table-bordered>thead>tr{
    border: 1px solid #515354 !important;
}

.table-bordered>tbody>tr>td:first-child {
    border-left-width: 2px;
}

.table-bordered>tbody>tr>td:last-child {
    border-right-width: 2px;
}

.table-bordered>tbody>tr:last-child>td {
    border-bottom-width: 1px;
}

.table-bordered>tbody>tr>td:last-child {
    border-right-width: 1px !important;
}

.table-bordered>tbody>tr:last-child>td:first-child {
    border-bottom-left-radius: 4px !important;
}

.table-bordered>tbody>tr:last-child>td:last-child {
    border-bottom-right-radius: 4px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}
td > input.form-control {
    width: 100% !important;
}

input.form-control[disabled], fieldset[disabled] .form-control {
    background: #ECEEEF;
    border-color: #ddd !important;
    pointer-events: none;
}

.input-group-addon {
    font-size: inherit !important;
    /*
     * I removed the !important's from the following three
     * items to allow for form validation styles.
     * -LiamC
     */
    color: #ffffff;
    background-color: #00AEEF;
    border-color: #007BA7;
}

.input-group-btn {
    font-size: inherit !important;
}

.paginate_button a {
    background: #ffe605 !important;
    color: #000 !important;
    border-color: #000 !important;
}

.paginate_button.active a {
    background: #00aeef !important;
    color: #fff !important;
}

input.form-control, select.form-control {
    border-color: #00aeef;
}

table.table thead {
    background: #656768 !important;
    color: #fff !important;
    border: 1px solid #515354;
}

@media (max-width: 767px) {
    .productView {
        margin: 8px;
    }
}

.productView h1 {
    color: #00aeef;
    margin: 0;
}

.brandBug {
    float: right;
    margin-bottom: 15px;
    margin-top: 10px;
}

#partSelector h4, #partSelector select {
    display: inline-block;
    width: 100%;
}

#detailsTabPanel ul.nav li a:focus {
    outline: none;
}

.bold{
    font-weight: bold;
}

.close,.close:focus, .close:hover{
    color: #fff !important;
    opacity: 1 !important;
}

.toggle.btn {
    min-height: 31px !important;
}

/**
 * Bootstrap CSS Override
 */

/*Change table stripped color*/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #FEF3EC;
}

.btn-plain {
    background: #eee;
    border-color: #ddd;
}

.btn-plain.active {
    color: #fff;
    background: #656768;
    border-color: #515354;
}

.btn-plain[disabled] {
    background: #fff;
    opacity: 0.33;
}

/* Default Button */
.btn-default {
    background: #d9f3fd;
    border-color: #00aeef;
}

/**Bootstrap Custom buttons **/

/** Button Primary **/
.btn-primary {
    color: #ffffff !important;
    background-color: #F68428 !important;
    border-color: #AB5D1C !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #C46A20 !important;
    border-color: #AB5D1C !important;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #F68428 !important;
    border-color: #AB5D1C !important;
}

/** Button Default **/
.btn-default {
    color: #ffffff !important;
    background-color: #00AEEF !important;
    border-color: #007BA7 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff !important;
    background-color: #008CBF !important;
    border-color: #007BA7 !important;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #00AEEF !important;
    border-color: #007BA7 !important;
}
/** End of Bootstrap Custom buttons **/

.btn:focus {
    outline: none !important;
}

.btn{
    font-size: inherit !important;
}

.input-group-btn > .btn {
    height: 34px;
}

@media (max-width: 767px) {
    .partSearch {
        padding-left: 15px;
        padding-right: 15px;
    }
    .brandBug {
        float: none;
    }
}

/** END OF BOOTSTRAP CSS OVERRIDE **/

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

/*
 * Select2 Overrides -- let's match bootstrap form-controls
 */

.select2-container--default .select2-selection--single {
    border-color: #00aeef;
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #00aeef transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #00aeef transparent;
}

.select2-dropdown {
    border-color: #00aeef;
}