.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.mainView {
    margin-bottom: 100px;
    /*width: 80%;*/
}

.container-fluid{
    min-height: 65vh;
}

#loadingDiv {
    font-size: 16px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 5px;
    width: 200px;
    text-align: center;
    top: 100px;
    position: absolute;
    margin-left: 50%;
}

.item-table {
    overflow: auto;
    height: auto;
}

.panel-success {
    overflow-x: auto;
}

body {
    padding: 0;
}


.table-row {
    margin-bottom: 250px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-left: 15px;
    padding-right: 15px;

}

.navbar-right {
    right: 10%;
    padding: 5px;
    position: absolute;
    top: 0px;
}

/* Custom page header */
.header {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
}

.container-narrow > hr {
    margin: 30px 0;
}

.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.paginate_button.previous a,
.paginate_button.next a {
    color: #000 !important;
}

.paginate_button.previous.disabled a,
.paginate_button.next.disabled a {
    color: #000 !important;
    cursor: not-allowed !important;
}

.form-control::placeholder {
  color: black !important;
  opacity: 1 !important; /* Firefox */
}

.badge{
    background-color: #000 !important;
    color: #fff !important;
}

.log-in-link {
    color: #00558C !important;
    text-decoration: underline !important;
}
.log-in-link:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}
.log-in-link:visited {
    color: #00664F !important;
    text-decoration: underline !important;
}
.sub-header, .panel-title {
    font-size: 18px !important;
}
.btn-success {
    color: #000 !important;
}
.btn.disabled {
    color: #000 !important;
}
.btn.danger{
    color: #000 !important;
}
.btn-danger, .label-danger {
    color: #000 !important;
}
.btn-danger.active{
    color: #fff !important;
}
.btn.warning {
    color: #000 !important;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.btn {
    border: none;
}

.kiosk-panel{
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.kiosk-button {
    width: 100%;
    height: 100%;
}

.kiosk-expanded{
    width: 100% !important;
    height: 100vh !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-default{
    background-color: gainsboro;
}
.display-none{
    display: none;
}

.btn-primary, .btn-primary:visited, .btn-primary:active {
    border: none;
    background-color: #FFCD00;
    color: black;
    font-weight: bolder;
}

.btn-primary:hover {
    background-color: rgba(64, 64, 64, 1) !important;
}

#center-select {
    overflow: auto;
    height: 500px;
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 991px) {
    .mainView {
        margin-bottom: 100px;
        width: 100%;
        margin-left: 225px;
    }
}

@media screen and (max-width: 854px) {
    .navbar-right {
        color: white;
    }

    .sidebar {
        padding-top: 20px;
    }

    .submit-button-responsive {
        margin-bottom: 300px;
    }

    .table-row {
        overflow-y: scroll;
    }
}

@media screen and (max-width: 768px) {
    .navbar-right {
        right: 0;
        color: white;
        width: 285px;
    }

    #center-select {
        overflow: auto;
        height: 3500px;
    }

    .mainView {
        margin-bottom: 100px;
        width: 100%;
        margin-left: 0px;
    }
}

@media screen and (min-width: 768px) {
    /*.container {*/
    /*max-width: 730px;*/
    /*}*/
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }

    .sidebar {
        position: fixed;
        top: 12%;
        bottom: 0;
        left: 0;
        /*z-index: 1000;*/
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .nav-sidebar {
        margin-right: -21px;
        margin-bottom: 20px;
        margin-left: -20px;
    }

    /*.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {*/
    /*color: #fff;*/
    /*background-color: #428bca;*/
    /*}*/
    .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
        cursor: pointer;
    }

    .subItems {
        list-style: none;
        background-color: #FFFFFF;
    }

    .subItems li {
        padding-top: 5px;
        padding-bottom: 5px;

    }

    .media-heading a {
        font-size: 12px;
    }

    .itemFilters {
        margin-top: 5px;
    }
}

.mainWell {
    margin-top: 15px;
}

.pageHeader {
    margin-top: 20px;
    margin-left: 10px;
    font-size: 30px;
}


/*Typeahead Suggestions*/
.typeahead,
.tt-query,
.tt-hint {
    padding: 8px 12px;
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}


#categoriesTA .tt-menu {
    width: 250px;

}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-dataset {
    max-height: 250px;
    overflow-y: auto;
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}


#scrollable-dropdown-menu .tt-dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.empty-message, .waiting-message {
    padding: 5px 10px;
    text-align: center;
}

.showHideLink {
    color: white;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
}

.barCode {
    font-size: 70%;
}


@media print {
    a[href]:after {
        content: none !important;
    }

    .sidebar {
        display: none;
    }

}

#bcTarget {
    float: right;
}

.status-inactive {
    background-color: #EEE;
}

.status-retired {
    background-color: #BBB;
    opacity: 0.5;
}

.status-transferred {
    background-color: #BBB;
    opacity: 0.5;
}

.status-eliminated {
    background-color: #BBB;
    opacity: 0.5;
}

.status-lost {
    background-color: #BBB;
    opacity: 0.5;
}

.status-stolen {
    background-color: #BBB;
    opacity: 0.5;
}

.status-repair {
    background-color: #f7f4cf;
    opacity: 0.5;
}

.status-surplus {
    background-color: #BBB;
    opacity: 0.5;
}


.status-other {
    background-color: #d3daed;
}

.buttonRow {
    margin-top: 10px;
    margin-bottom: 20px;
}

.topContainer {
    width: 85%;
    float: right;
    padding-right: 30px;
}

.toolbar {
    float: left;
    padding-top: 5px;
    font-weight: bold;
}

.dateSorter {
    display: none;
}

.devbg {
    background-color: whitesmoke !important;
}

.panel-iowa {
    border: none !important;
}

.panel-iowa > .panel-heading {
    background-color: #ffcd00 !important;
}

.instaCart {
    position: fixed;
    width: 300px;
    top: 70px;
    right: 0px;
    padding: 15px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: white;
    z-index: 100;
    max-height: 400px;
}

.deleteIcon {
    cursor: pointer;
    margin-right: 5px;
}

.buttonLine {
    margin: 10px;
}

.cart-item {
    height: 60px;
}

#instanceTarget {
    position: fixed;
    right: 0px;
    top: 15px;
    width: 30%;

}

.barcodeList {
    display: none;
}

.itemTarget {
    max-height: 300px;
    overflow: auto;
}

#itemDiv {
    padding-left: 0px;

}

.bottomMargin {
    margin-bottom: 10px;
}

.bdp-input input {
    display: inline-block;
    margin-bottom: 3px;
    width: 60px;
}

.bdp-block {
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 5px 3px;

}

.pageHeader small {
    font-size: 12px;
}

.showTopRes {
    display: none;
}

.allHeader {
    display: none;
}

.instantGlass {
    font-size: 65%;
}

.table-nonfluid {
    width: auto !important;
}

select option:disabled {
    background-color: #ffded8;
}

.termList {
    display: inline-block;

}

/*.termList li {*/
/*padding-left:25px;*/
/*padding-right:45px;*/

/*}*/

.termList div {
    margin-right: 10px;
}

#catalogTable_processing {
    z-index: 10000;
    position: fixed;
}


#resList_processing {
    z-index: 10000;
    position: absolute;
    margin: 0px;
    top: 50px;

}


#thumbHead {
    width: 140px;
}

.slider.slider-horizontal {
    margin-left: 10px;
    width: 125px !important;
}

.alertSpan {
    color: #f0ad4e;
}

#editNoteDiv {
    width: 100%
}

#noteField {
    width: 100%;
}

.inventory-list-group {
    margin-top: 5px;
    display: none;
    width: 80%;
}

.inventory-list-item {
    font-size: smaller;
    padding: 5px 8px 10px 8px;
}


.datePickers {
    height: 100px;
}

.dayHeader {
    text-align: center;
}

.dayHeader input {
    vertical-align: inherit;
}

.right-label {
    padding-top: 3px;
}

.greenCircle {
    color: #449d44 !important;
}

.redCircle {
    color: #ac2925 !important;
}

.row{
    padding: 0 0 15px 0;
}