body, body *, p{
      font-family:inherit;
  }
  .sidenav .user-view .name {
    
    font-size: 17px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
.sidenav .user-view .email {
    padding-bottom: 0px;
    color: #eeeeee;
    font-size: 15px;
    text-align: center;
}
.access-login {
    background-image: none;
    
}
.login-area .input-field.col, .login-area .input-field {
    background-color: white;
}
input[type=submit] {
  width: 100%;
  border-radius: 9px;
    cursor: pointer;
    border: 2px solid #bda24e;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
      background-color: #522449;
      font-size: 19px;
}

input[type=submit]:hover {
    background-color: #401d40;
}
.social-wrap .social a i {
    
    background: rgb(128 55 113);
    color: #ffffff !IMPORTANT;
}
.sidenav:not(.sidesettings) li a i, .sidenav:not(.sidesettings) li:hover a i {
    color: #ffffff;
    background: #803771;
}
.footer-menu.circular li a.active i {
    color: #803771;
    background-color: #ffffff;
}
body .primary-bg {
    background-color: #803771;
}
.footer-menu.circular li a.active span {
    color: #ffffff;
}
@media screen and (max-width: 375px) and (min-width: 320px){
    .footer-menu li span {
    display: block;
    font-size: 10px;
    }
}
.carousel-control {
   
    top: -110px;
    }
    .carousel {
        height: 100%;
    }
    .collection .collection-item.avatar {
        background: #e6a400;
    }
    .secondary-content P{
        color: black;
    }
    .invoice-item li:not(.total) h6 {
    background: #ffffff;
    color: black;
       padding: 8px 25px;
           font-weight: 800;
}
.top-0{
   font-weight: 800 !important; 
       font-family: 'Material Design Icons';
}
.collection .collection-item.avatar {
    min-height: 88px;
     padding-left: 21px;
    }
   .collection.invoice-item .collection-item.avatar .secondary-content {
    top: 7px;
}
.top-h{
    text-align: center;
    text-transform: uppercase;
        color: #bd8a0c;
    font-weight: 900;
}
.top-portion{
       padding: 0px 40px;
}
.top-portion h5{
 text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    color: #a7138a;
}
.top-portion p{
text-align: center;
}
.top-product{
    color:white;
    font-weight: 900;
    text-align:center;
}
.product h4{
       background: #b17e39;
    text-align: center;
    margin-bottom: 0px;
    color: white;
}
.top-hh {
    text-align: center;
    text-transform: uppercase;
    color: #a713a8;
    font-weight: 900;
}
.top-rate {
    text-align: center;
    text-transform: uppercase;
    color: #803771;
    font-weight: 900;
    font-size: 16px;
}