.nav-top .nav-top-right {
    padding-right: 5px;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.nav-top .nav-top-left {
    padding-left: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.nav-top .nav-top-right .nav{
/*    float: unset !important;*/
    float: inline-end !important;
}
.login-row {
    border-radius: 5px;
    box-shadow: 10px 10px 10px #c7c7c7;
    margin: 0 auto;
    max-width: 780px;
    background: #f3f3f3 !important;
}
.left-login-side{
    background: #fec627;
}

.dashboard-logo img{
    text-indent: -9999px;
    color: transparent;
    height: 55px;
}

#footer{
    background-color: white !important;
/*    margin-top: 70px !important;*/
}

.login-hr{
    border-top: 2px solid #fec627 !important;
    width: 20% !important;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
    flex-grow: 1;
}

.box-fp {
    height: 100%;
}

.nav-link{
    color: black !important;
}

#home>a,
#orders>a,
#shop>a,
#transactions>a {
    font-size: 20px !important;
}

@media screen and (max-width: 767px) {
    .container {
        max-width: 70% !important;
    }
    .right-side {
        padding: 40px 0px !important;
    }
    .left-login-side {
        border-radius: 5px 5px 0px 0px;
    }
}

@media screen and (min-width: 768px) {
    .left-login-side {
        border-radius: 5px 0px 0px 5px;
    }
}

@media screen and (max-width: 575px) {
    .container {
        max-width: 100% !important;
    }
}