.float_button {
    background-image: url(images/float_switch.jpg);
    height: 141px;
    width: 38px;
    position: absolute;
    left: -38px;
    top: 32%;
    cursor: pointer;
    padding-top: 15px;
}
.float_button .text {
    position: relative;
    writing-mode: vertical-rl;
    top: 36px;
    color: #fff;
    left: 13px;
    user-select: none;
}

.jupyter_float_button {
    background-image: url(images/float_switch.jpg);
    height: 141px;
    width: 38px;
    position: absolute;
    right: 0px;
    top: 32%;
    cursor: pointer;
    left:auto;
    z-index: 99999999;
    padding-top: 15px;
}

.jupyter_float_button .text {
    position: relative;
    writing-mode: vertical-rl;
    top: 36px;
    color: #fff;
    left: 13px;
    user-select: none;
}


.btn_test_case,
.btn_test_case_active{
    display: inline-block;
    position: absolute;
    width: 56px;
    height: 28px;
    bottom: 23px; 
    line-height: 28px;
    background: rgba(42,58,79,1);
    z-index: 10;
    left: 50%;
    margin-left: -28px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: .4;
    transition: all .3s;
}

.btn_test_case:hover,
.btn_test_case_active:hover{
    opacity: 1;
}
.btn_test_case .btn-arrow{
    position: relative;
    font-size: 12px;
    line-height: 28px;
    bottom: 2px;
}

.btn_test_case_active{
    bottom: 203px;
    z-index: 10000;

}
.btn_test_case_active .btn-arrow{
    bottom: 4px;
}

.blacktab_con_abs{
    position: absolute !important;
    left: 150px;
    right: 150px;
    top: 0;
    height: 34px;
    line-height: 32px;
    /* background: gold; */
}
.code_evalute_icon{
    position: absolute;
    top: 0;
    width: 54px;
    height: 27px;
    left: 50%;
    margin-left: -27px;
    background: rgba(42,58,79,1);
    z-index: 10;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: .4;
    transition: all .3s;
}
.code_evalute_icon:hover{
    opacity: 1;
}

.btn-arrow{
    position: relative;
    bottom: 3px;
    font-size: 14px !important;
}

@keyframes mymove
{
    from {right:0px;}
    to {right:330px;}
}

.newjupyter_float_button{
    /*right: 330px;*/
    /*animation-duration:2s;*/
    /*infinite*/
    animation:mymove 0.35s;
    animation-fill-mode:forwards;
}