.filter-pager {
    margin: 15px 0;
}

/*
button.btn,
a.btn,
span.btn {
    min-width: 90px;
}
*/

td.editablegrid-action button.btn, a.btn {
    margin-left: 5px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-lg {
    width: 140px
}

.btn-sm {
    width: 100px
}

#new-symbol-dialog .radio {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.nav li.info-in-tabs {
    padding: 10px 15px;
    float: right;
}

ul.nav li.logo-in-tabs {
    padding: 5px 15px;
    float: left;
}

ul.nav li.button-in-tabs {
    padding: 6px 15px;
    float: right;
}

ul.nav li.button-in-tabs a {
    display: inline-block;
    margin-right: inherit;
    margin-top: inherit;
    position: inherit;
    padding: 3px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: inherit;
}

.info-in-tabs .glyphicon-exclamation-sign {
    color: red;
}

.info-in-tabs .glyphicon-ok-sign {
    color: darkgreen;
}

/*
.tab-pane form {
    padding: 45px 15px 15px;
}
*/

#strategies-table td.editablegrid-action > a {
    margin-left: 30px;
    vertical-align: middle;
}

ul.nav a button.tab-close {
    margin-left: 5px;
    font-size: 14px;
}

#ajax_loader {
    text-align: center;
    position: fixed;
    width: 20%;
    min-width: 300px;
    height: 10%;
    min-height: 100px;
    left: 40%;
    top: 45%;
    display: none;
    z-index: 9999;
    color: #ff333b;
}

#ajax_loader img {
    display: inline-block;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
}

#paginator, #btresults-paginator, #btresults-para-paginator, #trade-history-paginator {
    margin: 10px 0 5px;
    text-align: center;
}

.paginator {
    margin: 10px 0 5px;
    text-align: center;
}

#users-table td.editablegrid-action a {
    margin-left: 30px;
    vertical-align: middle;
}

.twopane-selector {
    display: flex;
    align-items: center
}

.twopane-selector button.center-block {
    margin-top: 5px;
    margin-bottom: 5px;
}

.tab-pane#schedule .table-title {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.tab-pane#schedule .table-title button {
    margin: 0 20px;
}

@media (min-width: 1200px) {
#select-symbols .modal-lg {
    width: 1080px;
}
}

.n-products {
    color: darkgrey;
    font-weight: bold;
    margin-left: 10px;
}

div#trade-history-table {
    font-size: 11px;
}

.text-very-danger {
    color: #a94442;
    font-weight: bold;
}

.status-circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 20px;
}
.status-circle.green {
    background-color: green;
}
.status-circle.blue {
    background-color: royalblue;
}
.status-circle.grey {
    background-color: lightgray;
}
.status-circle.red {
    background-color: red;
}
.status-circle.orange {
    background-color: orange;
}
.status-circle.black {
    background-color: black;
}

/* Reduce button text size */
.btn {
    font-size: 12px !important;
}

body,
table,
td,
th,
input,
select,
button,
a,
li,
label {
    font-size: 14px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    line-height: 1.4 !important;
}

/* Conditional sections for different modal types */
.cointegration-section,
.backtesting-section {
    transition: all 0.3s ease;
}

.cointegration-section.hidden,
.backtesting-section.hidden {
    display: none !important;
}

/* Modal-specific styling */
#cointegration-parameters-modal .backtesting-section,
#bt-parameters-modal .cointegration-section {
    display: none !important;
}

/* Ensure proper spacing when sections are hidden */
.panel:empty {
    display: none;
}

/* center the whole block; header and table share the same left edge */
.table-fit { 
    overflow-x: auto;        /* scroll inside if needed */
    text-align: center;      /* center the inner block */
}

.table-fit-inner {
display: inline-block;   /* shrink to content width */
text-align: left;        /* normal text alignment for inner content */
max-width: 100%;
}

/* keep the table from stretching; same rules as before */
.table-fit-inner table {
width: auto;             /* override Bootstrap 100% */
max-width: 100%;
white-space: nowrap;
}