body {
    font-family: 'Roboto', sans-serif;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*home page*/
.top-nav-col1 {
    padding-top: 2%;
}

#nav-btn-account {
    color: black;
    border-color:transparent !important;
}

#nav-btn-bag {
    color: black;
    border-color: transparent !important;
}

#nav-btn-menu {
    color: black;
    border-color: transparent !important;
}

#btn-account {
    /*margin-right:40%;*/
    margin-right: 10px;
    color: black;
}


#btn-bag {
    color: black;
}


#btn-bag {
    color: black;
}


/*#btn-heart {
    padding: 5% 0% 0% 0%;
    color: black;
}*/

/*Login page*/
.login-box {
    margin-top: 12% !important;
}

/*profile page*/
#btn-profile{
    width: 80%;
}

#btn-brands {
    width: 80%;
}

#btn-products {
    width: 80%;
}

#btn-sales {
    width: 80%;
}