﻿#logo {
    position: sticky;
    z-index: 0;
    width: 260px;
    background-color: white;
    top: 0;
}

    #logo img {
        width: 100%;
    }

.menu-content {
    background-color: #FFFFFF;
    color: white;
    top: 50px !important;
}

div[role=search] {
    display:none;
}
    .menu-content .search-input,
    .menu-content .search-input::placeholder {
        color: #333333;
    }

    .menu-content p,
    .menu-content span,
    .menu-content div {
        color:black;
    }

    .menu-content  .CHBVM {
        color: #EEEEEE;
    }


    .menu-content .scrollbar-container ul li label[role="menuitem"]:hover span,
    .menu-content .scrollbar-container div[data-role="search:results"] span:not(.operation-type) {
        color: white;
    }

    .menu-content .scrollbar-container div[data-role="search:results"] {
        background-color: rgb(237, 237, 237);
        border-top: 1px solid rgb(225, 225, 225);
        border-bottom: 1px solid rgb(225, 225, 225);
    }

    .menu-content .scrollbar-container ul li label[role="menuitem"] {
        /*background-color: #193255;*/
        color: white;
    }

        .menu-content .scrollbar-container ul li label[role="menuitem"].active {
            border-left: 5px solid #1E96D5;
            background-color: #193255;
            color: white;
        }

            .menu-content .scrollbar-container ul li label[role="menuitem"].active:hover span {
                color: white;
            }

    .menu-content .search-input {
        padding-left: 10px;
    }

.search-icon {
    display: none !important;
    position: absolute;
}

.menu-content .scrollbar-container ul[role="navigation"] + div > a {
    color: white !important;
}

.bk-top {
    background-color: #2A91D0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    position: fixed;
    bottom: 50px;
    left: 50%;
    box-shadow: 0 0 3px 1px #2A91D0;
    cursor: pointer;
}

    .bk-top i {
        background: url(../Images/up-32-white.png) no-repeat;
        width: 32px;
        float: left;
        height: 32px;
        display: block;
        position: absolute;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        top: 7px;
        left: 9px;
        transform-origin: bottom;
    }

    .bk-top:hover .tooltip {
        visibility: visible;
        opacity: 1;
    }

/*.bk-top:hover i {
    animation-play-state: running;
}*/


.bounce-6 {
    animation-name: bounce-6;
    animation-timing-function: ease;
}

@keyframes bounce-6 {
    0% {
        transform: scale(1,1) translateY(0);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
    }

    30% {
        transform: scale(.9,1.1) translateY(-7px);
    }

    50% {
        transform: scale(1.05,.95) translateY(0px);
    }

    57% {
        transform: scale(1,1) translateY(-3px);
    }

    64% {
        transform: scale(1,1) translateY(0);
    }

    100% {
        transform: scale(1,1) translateY(0);
    }
}

.bk-top .tooltip {
    width: 240px;
    position: absolute;
    left: 50px;
    top: -10px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    user-select: none;
}

    .bk-top .tooltip .tip {
        float: left;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #1453A0;
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
        left: -9px;
        user-select: none;
    }

    .bk-top .tooltip .bubble {
        float: left;
        background-color: #1453A0;
        padding: 20px;
        box-shadow: 3px 0 3px -1px silver;
        border-radius: 4px;
        color: white;
        font-family: Montserrat, sans-serif;
        width: 195px;
        font-size: 14px;
        user-select: none;
    }

ul[role=tablist] li.tab-success {
    background: rgb(0, 170, 19);
    color: white;
}

ul[role=tablist] li.tab-error {
    background: rgb(229, 57, 53);
    color: white;
}

    ul[role=tablist] li.tab-error.react-tabs__tab--selected {
        background: white;
        color: rgb(229, 57, 53);
    }

ul[role=tablist] li.tab-success.react-tabs__tab--selected {
    background: white;
    color: rgb(0, 170, 19);
}
