.bg-purple {background-color: #6f00ed;}
.text-purple {color: #6f00ed;}
.badge-purple {
    color: #fff;
    background-color: #6f00ed;
}
.bg-violet {background-color: #B200ED;}
.text-violet {color: #B200ED;}
.badge-violet {
    color: #fff;
    background-color: #B200ED;
}
.bg-helio {background-color: #DE73FF;}
.text-helio {color: #DE73FF;}
.badge-helio {
    color: #000;
    background-color: #DE73FF;
}

#modal-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 100vh;
    vertical-align: middle;

    display: none;
}

.modal {
    padding-right: 0px;

    z-index: 1000000;
    background-color: rgba(0,0,0,0.7);
}
.modal .modal-dialog {
    /*transform: translateY(50%) !important;
    margin-bottom: 50%;*/
}
.modal .modal-dialog {
    width: 96%;
    margin: 2% auto 40px;
}

.row-zowj {
    background-color: #f7f7f7;
}



.sticky-table-header {
    position: relative;
    border-collapse: collapse;
}
.sticky-table-header thead {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}



#stickyontop {
    overflow: hidden;
}
#stickyontop.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}



@media screen and (max-width: 768px){
    .sticky-on-scroll.sticky {
        position: fixed;
        top: 52px;
        left: 0;
        right: 0;
        z-index: 99999;
    }
    .sticky-after-sticky.sticky-secound {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100000;

        overflow: auto;
    }
}
.bb-status-filter-menu > div {
    white-space: nowrap;
    display: table-cell !important;
}
.bb-status-filter-menu .col-auto {
    white-space: nowrap;
    display: table-cell !important;
}



.bbb-main-menu-mobile {
    background-color: #333;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999999;
    text-align: center;

    overflow-x: auto;
    white-space: nowrap;
}

.bbb-main-menu-mobile a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-size: 12px !important;
}

.bbb-main-menu-mobile a.disabled {
    color: #717171;
}

.bbb-main-menu-mobile a:hover {
    background-color: #ddd;
    color: black;
}

.bbb-main-menu-mobile a.active {
    background-color: #4CAF50;
    color: white;
}

.bbb-main-menu-mobile a i {
    font-size: 19px;
}