.marginTopH4 {
    margin-top: 75px;
}

.marginTopForm {
    margin-top: 15px;
    margin-left: 15px;
}

.labelWidth5 {
    width: 5rem;
}

.labelWidth7 {
    width: 7rem;
}

.labelWidth9 {
    width: 9rem;
}

.labelWidth12 {
    width: 12rem;
}

.labelWidth15 {
    width: 15rem;
}

.labelWidth20 {
    width: 20rem;
}

.labelWidth25 {
    width: 25rem;
}

.labelWidth30 {
    width: 30rem;
}
.labelWidth50 {
    width: 50rem;
}

.labelWidth80{
    width: 80rem;
    margin-right: 1rem;
}

.link-to-top {
    position: fixed;
    z-index: 100;
    right: 40px;
    bottom: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #31ec80;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    transition: all .3s ease-in-out;
}

.btn-export {
    position: fixed;
    z-index: 100;
    right: 40px;
    top: 80px;
    display: inline-block;
    width: 100px;
    height: 40px;
    /*border-radius: 50%;*/
    background-color: #2fa360;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    transition: all .3s ease-in-out;
}

/*.btn-sm {*/
/*    padding: .15rem .25rem;*/
/*    font-size: .475rem;*/
/*    line-height: .75;*/
/*    border-radius: .1rem*/
/*}*/
#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("https://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.finUpXls{
    background-color: #7cc3ff !important;
}
.finUpXls.selected{
    background-color: #5383ab !important;
}

.finNewXls{
    background-color: #37b868 !important;
}
.finNewXls.selected{
    background-color: #206e3c !important;
}
#table_head{
    position: sticky;
    top: 0;
    background: white
}
#filter_tab{
    position: sticky;
    left: 0;
    z-index: 2;
    background: white;
    width: 300px;
}
#table_foot{
    position: sticky;
    bottom: 0;
    background: white
}
.table-orange,.table-orange>td,.table-orange>th{
    background-color: #f88a5c
}
.table-orange tbody+tbody,.table-orange td,.table-orange th,.table-orange thead th{
    border-color: #f88a5c
}
.table-hover .table-orange:hover,.table-hover .table-orange:hover>td,.table-hover .table-orange:hover>th{
    background-color: #f88a5c
}
.btn-infoMy{color: #000000;background-color: #39d4d9;border-color:#6cb2eb}
.btn-infoMy.focus,.btn-infoMy:focus,.btn-infoMy:hover{color:#fff;background-color:#4aa0e6;border-color:#3f9ae5}
.btn-infoMy.focus,.btn-infoMy:focus{box-shadow:0 0 0 .2rem rgba(97,157,206,.5)}
.btn-infoMy.disabled,.btn-infoMy:disabled{color:#212529;background-color:#6cb2eb;border-color:#6cb2eb}
.btn-infoMy:not(:disabled):not(.disabled).active,.btn-infoMy:not(:disabled):not(.disabled):active,.show>.btn-infoMy.dropdown-toggle{color:#fff;background-color:#3f9ae5;border-color:#3495e3}
.btn-infoMy:not(:disabled):not(.disabled).active:focus,.btn-infoMy:not(:disabled):not(.disabled):active:focus,.show>.btn-infoMy.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(97,157,206,.5)}


.dropdown-menu {
    max-width: 700px; /* Ограничиваем максимальную ширину */
}
.w-15 {
    width: 140px !important; /* або 15% — як тобі зручніше */
}
.w-7 {
    width: 70px !important; /* або 15% — як тобі зручніше */
}

.finance-toolbar {
    position: sticky;
    top: 60px;           /* підженеш під свою шапку; якщо шапки нема — постав 0 */
    z-index: 1050;       /* вище за thead/fixed header */
    background: #fff;    /* щоб не просвічував контент під нею */
    border-bottom: 1px solid #e9ecef;
}

.station-rep-group .btn + .btn {
    margin-left: 4px; /* або 0.25rem */
}