/* Move down content because we have a fixed navbar that is 50px tall */
body {
  
    height: auto;
    overflow-x: hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 2000px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;    
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;    
}
/* AutoComplete highlighted item */

.autocomplete_highlightedListItemWide {
    background-color: #ffff99;
    color: black;
    padding: 1px;
    width: 800px !Important;
}

/* AutoComplete item */

.autocomplete_listItemWide {
    background-color: window;
    color: windowtext;
    padding: 1px;
    width: 800px !Important;
}


/*Modal Popup*/
.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: transparent;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    padding: 3px;
    width: 250px;
}

.popup_background {
    background-color: #000000;
    filter: alpha(opacity=20);
    opacity: 0.2;
}


.navigation {
    text-align: center;
}

/* Collapsible Panel */

.collapsePanel {
    width: 640px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

collapsePanelHeader {
    width: 640px;
    height: 20px;
    color: Black;
    background-color: Whitesmoke;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.JustRoundedEdgeBoth {
    /*Internet Explorer*/
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    /*Modzilla*/
    -moz-border-radius-topright: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    /*Safari*/
    -webkit-border-top-left-radius: 20px; /* top left corner */
    -webkit-border-top-right-radius: 20px; /* top right corner */
    -webkit-border-bottom-left-radius: 20px; /* bottom left corner */
    -webkit-border-bottom-right-radius: 20px; /* bottom right corner */
    /*Opera*/
    -o-border-radius-topright: 20px;
    -o-border-radius-topleft: 20px;
    -o-border-radius-bottomright: 20px;
    -o-border-radius-bottomleft: 20px;
}

.JustRoundedEdgeBothSmall {
    /*Internet Explorer*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*Modzilla*/
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    /*Safari*/
    -webkit-border-top-left-radius: 5px; /* top left corner */
    -webkit-border-top-right-radius: 5px; /* top right corner */
    -webkit-border-bottom-left-radius: 5px; /* bottom left corner */
    -webkit-border-bottom-right-radius: 5px; /* bottom right corner */
    /*Opera*/
    -o-border-radius-topright: 5px;
    -o-border-radius-topleft: 5px;
    -o-border-radius-bottomright: 5px;
    -o-border-radius-bottomleft: 5px;
}

.JustRoundedEdgeBothXS {
    /*Internet Explorer*/
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    /*Modzilla*/
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    /*Safari*/
    -webkit-border-top-left-radius: 2px; /* top left corner */
    -webkit-border-top-right-radius: 2px; /* top right corner */
    -webkit-border-bottom-left-radius: 2px; /* bottom left corner */
    -webkit-border-bottom-right-radius: 2px; /* bottom right corner */
    /*Opera*/
    -o-border-radius-topright: 2px;
    -o-border-radius-topleft: 2px;
    -o-border-radius-bottomright: 2px;
    -o-border-radius-bottomleft: 2px;
}

.CenterAligner {
    text-align: center;
}

.gridViewPager td {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 2px;
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.container-fluid {
  max-width: 90rem; 
}

    .container-fluid > .row {
        max-width: 71.25rem;
        margin: 0 auto
    }

        .container-fluid > .row.w-100 {
            max-width: 100%
        }

.bg-dark {
    background-color: #23232b !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #0c0c0f !important
}

#filter-bar .dropdown-menu {
    min-width: 280px
}

.text-right {
    text-align: right !important
}

.btn-secondary {
    box-shadow: 0 1.5rem 1rem -1rem rgba(98,98,105,.25)
}

    .btn-secondary, .btn-secondary.disabled {
        background: #3E94C5;
        border-color: #3E94C5
    }

        .btn-secondary.disabled {
            box-shadow: none
        }

        .btn-secondary:hover {
            background: #20ba72;
            border-color: #20ba72;
            box-shadow: 0 0 0 0 rgba(32,186,114,0)
        }

#tradelines {
    position: relative;
    max-width: 90rem;
    margin: 0 auto
}

    #tradelines .loading {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: hsla(0,0%,100%,.5);
        display: none;
        color: #df1f3d
    }

        #tradelines .loading.show {
            display: flex;
            justify-content: center;
            align-items: center;
            clip: rect(0,auto,auto,0)
        }

            #tradelines .loading.show span {
                position: fixed;
                top: 50%;
                margin: -2rem
            }

    #tradelines th {
        padding: 0
    }

        #tradelines th button {
            background: none;
            border: none;
            padding: .75rem;
            width: 100%
        }

            #tradelines th button svg {
                opacity: 0
            }

            #tradelines th button.active svg, #tradelines th button:hover svg {
                opacity: 1
            }

        #tradelines th.history, #tradelines th.limit, #tradelines th.type {
            width: 15%
        }

        #tradelines th.date {
            width: 25%
        }

        #tradelines th.cart, #tradelines th.price {
            width: 15%
        }

    #tradelines .input-group, #tradelines .input-group-append {
        width: 100%
    }

        #tradelines .input-group-append button.disabled, #tradelines .input-group button.disabled {
            border-radius: 2rem 0 0 2rem;
            flex: 1;
            cursor: default
        }

            #tradelines .input-group-append button.disabled:hover, #tradelines .input-group button.disabled:hover {
                transform: none;
                background: #626269;
                border-color: #626269
            }

        #tradelines .input-group-append button:last-child:active, #tradelines .input-group-append button:last-child:focus, #tradelines .input-group-append button:last-child:hover, #tradelines .input-group button:last-child:active, #tradelines .input-group button:last-child:focus, #tradelines .input-group button:last-child:hover {
            background: #df1f3d;
            border-color: #df1f3d;
            color: #fff;
            box-shadow: none
        }

    #tradelines tr.sold {
        opacity: .3
    }

    #tradelines tr.one-left {
        background: rgba(254,232,129,.15)
    }

        #tradelines tr.one-left:nth-of-type(odd) {
            background: rgba(254,232,129,.3)
        }

        #tradelines tr.one-left td {
            border-top-color: #fee881;
            border-bottom: 1px solid #fee881
        }

    #tradelines .tiny {
        font-size: .75rem
    }

    #tradelines a.btn {
        white-space: nowrap
    }

.CI_div {
    font-size: 13pt;
    width: 150px;
    color:yellow
}

.popupHeader {
    /*background-color:#82B6DB;*/
    background-color: #2563EB;
    color: White;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 600;
    text-shadow: 0;
    border-radius: 8px 8px 1px 1px;
    margin: 0 !important;
}

.popupFooter {
    padding: 1px 10px 12px 1px;
}
.tableStyle td {
    padding-left: 10px;
    padding-top: 5px;
}
.paddingTop {
    padding-top: 10px;
}

.paddingBottom {
    padding-bottom: 10px;
}

.paddingLeft {
    padding-left: 5%;
}