html::-webkit-scrollbar {
    width: 0;
    height: 0
}

#container {
    max-width: 2475px;
    margin: 0 auto;
    height: auto
}

.scrollmenu::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

#sidebar {
    position: fixed;
    height: 100vh;
    overflow: auto;
    z-index: 5;
    padding-bottom: 28vh
}

#sidebar::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

#sidebar::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

#leftbar {
    position: fixed;
    height: 100vh;
    overflow: auto;
    z-index: 5;
    padding-bottom: 40vh;
    right: 0
}

#leftbar::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

#tesler {
    z-index: 10
}

#baser {
    margin: 0 auto;
    width: 64%
}

.heading {
    font-size: 25px;
    margin-right: 25px
}

.fa {
    font-size: 15px
}

.checked {
    color: orange
}

.side {
    float: left;
    width: 15%;
    margin-top: 10px
}

.middle {
    margin-top: 10px;
    float: left;
    width: 70%
}

.right {
    text-align: right
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff
}

#sett6 {
    padding: 0 12px
}

@media (max-width:600px) {

    .middle,
    .side {
        width: 100%
    }

    .right {
        display: none
    }

    #sett6 {
        padding: 0
    }
}

.fill {
    object-fit: fill
}

.contain {
    object-fit: contain
}

.cover {
    object-fit: cover
}

.scale-down {
    object-fit: scale-down
}

.none {
    object-fit: none
}

.bar-5 {
    width: 60%;
    height: 18px;
    background-color: #4caf50
}

.bar-4 {
    width: 30%;
    height: 18px;
    background-color: #2196f3
}

.bar-3 {
    width: 10%;
    height: 18px;
    background-color: #00bcd4
}

.bar-2 {
    width: 4%;
    height: 18px;
    background-color: #ff9800
}

.bar-1 {
    width: 15%;
    height: 18px;
    background-color: #f44336
}

div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    text-decoration: none
}