// Setting Sidebar
.setting-nav {
    position: absolute;
    top: 60px;
    width: 95%;
    // height: calc(100vh - 2rem);
    overflow-y: auto;
    // padding-top: 4.0625rem;
    // border-left: 1px solid $gray-300;
    @media(max-width: 768px){

        position: relative;

    }

            a {
                font-size: 14px;
                color: $gray-900;
                font-weight: 500;
                display: block;
                background-color: $white;

                line-height: 26px;
                text-decoration: none;
                transition: 0.5s ease;
                &:hover {
                    color: $primary;
                }

                &.active {
                display: block;
                color: $primary;

                transition: 0.5s ease;
            }

        }

    }





  // ratio

.ratio{
  display: inline-block;
    width: 10rem;
    color: $gray-600;
    background-color: $gray-100;
    border: 1px solid $gray-200;
}