body {
    font-family: Poppins, sans-serif;
    font-size: 14px;
}

.content-inner .container {
    margin-bottom: 25px;
}

.fancybox:focus {
    color: #000
}

footer a:active, footer a:link, footer a:visited, footer a:focus {
    color: #000;
}

.Capitalize {
    text-transform: capitalize;
}

.Uppercase {
    text-transform: uppercase;
}

main, #breadcrumb {
    border: none;
}

.logo {
    display: flex;
}

    .logo > div {
        width: 70%;
        margin: 15px auto;
    }

header .container-fluid {
    padding: 15px
}

    header .container-fluid > div {
        display: flex;
    }


.nav, .nav .menuItem {
    float: none !important;
}

    .nav > li > a:focus, .nav > li > a:hover {
        /*background-color: #13100D !important;*/
        /* border-bottom: 2px solid #EFBA4D; */
    }

footer {
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

#skin {
    display: grid;
    grid-template-rows: auto 1fr;
}


@media (max-width:992px) {
    #skin.login #content {
        grid-template-columns: 1fr;
    }

    #jsc-sidebar {
        position: fixed;
        left: -300px;
        width: 250px;
        height: 100dvh;
        top: 0;
        z-index: 1;
        transition: left 0.4s;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #jsc-sidebar.active {
            left: 0;
            transition: left 0.4s;
        }
}

.responsive-sidebar {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1001;
}

    .responsive-sidebar span {
        width: 16px;
        height: 3px;
        background: var(--dark-color-1);
        position: absolute;
        display: block;
        top: 22px;
        left: 25px;
        transform: translate(-50%, -50%);
        transition: all 0.2s;
    }

@media screen and (max-width:1550px) {
    #content > .content-inner > .container {
        width: 100%;
    }
}



.responsive-sidebar span:nth-of-type(1) {
    width: 29px;
    top: 13px;
}

.responsive-sidebar span:nth-of-type(3) {
    width: 29px;
    top: 31px;
}

.responsive-sidebar.active {
    height: 50px;
    width: 50px;
    position: fixed;
    left: 0px;
    top: 15px;
    z-index: 1002;
    transition: all 0.4s;
}

    .responsive-sidebar.active span {
        transition-property: background;
        transition-delay: 0.2s;
        box-shadow: none;
        background: var(--light-color-2);
    }

        .responsive-sidebar.active span:nth-of-type(1) {
            transform: rotateZ(-35deg);
            width: 22px;
            left: 9px;
            top: 14px;
            transition: all 0.2s;
        }

        .responsive-sidebar.active span:nth-of-type(2) {
            width: 35px;
            left: 29px;
            transition: all 0.2s;
        }

        .responsive-sidebar.active span:nth-of-type(3) {
            transform: rotateZ(35deg);
            width: 22px;
            left: 9px;
            top: 26px;
            transition: all 0.2s;
        }

@media (min-width:993px) {
    .responsive-sidebar {
        display: none;
    }
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}