.nav-balance .btn-outline-primary, .nav-items .btn-outline-primary, .nav-item-controller .btn-outline-primary{
    border: 2px solid #FF5722!important;
    background-color: transparent!important;
    color: #FF5722!important;
    padding: 8px 12px;
    border-radius: 50px;
}

.nav-balance .btn-outline-primary span, .nav-items .btn-outline-primary span, .nav-item-controller .btn-outline-primary span{
    display: none;
}

.nav-balance .btn-outline-primary:hover span, .nav-items .btn-outline-primary:hover span, .nav-item-controller .btn-outline-primary:hover span{
    display: inline;
}

.nav-items{
    display: none;
}

.card.card-cascade.narrower{
    margin-top: 2rem;
}

.card.card-cascade.narrower .view{
    top: -20px;
    border-radius: 5px;
    padding: 0 15px;
    background-image: linear-gradient(120deg,#9C27B0 0,#ff5722 100%) !important;
}

.card.card-cascade.narrower .view button{
    border-radius: 50px;
}

footer.page-footer{
    background: linear-gradient(40deg,#9C27B0,#fd5625) !important;
}

.sidebar-fixed .list-group-item.active{
    background-color: #9C27B0;
    border-color: #9C27B0;
}

#large-sidebar{
    border-right: 2px #b0f9e3 solid;
}

#small-sidebar{
    display: none;
    width: 56px;
}

#small-sidebar .list-group-item span{
    display: none;
}

#small-sidebar .list-group-item:hover span{
    display: block;
}

#small-sidebar .list-group-item:hover{
    display: flex;
    overflow: visible;
    width: 170px;
    background-color: #d3faff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#small-sidebar .active:hover{
    background-color: #9C27B0;
}

.navbar-brand img{
    display: none;
}

.search-area{
    margin-bottom: 0 !important;
    margin-top: 1rem !important;
}

.sidebar-fixed .logo-wrapper img {
    padding: 1.5rem;
}

#searchForm{
    background-color: #fc5626 !important;
}

@media (max-width:1200px){
    .content{
        margin-left: 48px;
        width: calc(100% - 40px);
    }

    #large-sidebar{
        display: none;
    }

    #small-sidebar{
        display: block;
        padding: 0;
    }

    #small-sidebar .logo-wrapper{
        display: none;
    }

    .navbar-brand img{
        height: 38px;
        margin-left: 50px;
        display: block;
    }

    .nav-flex-icons{
        margin-left: 100px;
    }

    footer.page-footer{
        margin-left: 56px;
    }
}

.sidebar-fixed {
    height: 100vh;
    width: 270px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 1050;
    background-color: #fff;
    padding: 1.5rem;
    padding-top: 0; }
    .sidebar-fixed .list-group .active {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      -webkit-border-radius: 5px;
      border-radius: 5px; }
  
  @media (min-width: 1200px) {
    .navbar,
    .page-footer,
    main {
      padding-left: 270px; } }
  
  @media (max-width: 1199.98px) {
    .sidebar-fixed {
      display: none; } }
  

.btn-round{
    border-radius: 50px;
}

.sidebar-fixed{
    z-index: 1040;
}

.custom-md-select{
    margin-top: 24px;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    color: #878787;
    padding-left: 0;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

input[type=number] {
  -moz-appearance: textfield;
}

.custom-nav-link{
    border-radius: 0 !important;
    font-size: 18px !important;
    color: #9C27B0 !important;
}

.custom-nav-link.active{
    background-color: #9C27B0 !important;
    color: #fff !important;
}

.custom-nav-item{
    margin: auto !important;
    width: 50%;
}

.product-add-btn{
    margin: 50% auto;
    border-radius: 90px;
    height: 130px;
    font-size: 25px !important;
}

.product-add-btn i{
    font-size: 25px !important;
}

@-webkit-keyframes autofill {
    to {
    color: #666;
    background: transparent; } }
    
    @keyframes autofill {
    to {
    color: #666;
    background: transparent; } }
    
    input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    
.btn-toggle-pass {
    border: none;
    position: absolute;
    top: 11px;
    background: transparent;
    right: 0;
}
    
.btn-toggle-pass.active {
    color: #0099CC;
}