/* Nteps Mart Dashboard */


*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif !important;
}


.min-vh-100 {
    min-height: 100vh !important;
}



body,
html {
    width: 100%;
    min-height: 100%;
    font-family: 'Montserrat', sans-serif !important;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    box-sizing: border-box;
    font-size: 1em !important;
    background-color: #f7f7f760;
    color: #969696 !important;
}

a {
    color: #521c54;
    text-decoration: none;
}




/* Content */
.content-section {
    padding: 3em 0 !important;
}

.content-card {
    padding: 0.7em 0.8em !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;

    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px !important;
}

.text-center {
    text-align: center !important;
}




/* Image */
.img {
    max-width: 100% !important;
    height: auto !important;
}

.img-fluid {
    max-width: 100% !important;
    height: auto !important;
}

/* Auth */
.admin-login-hero {
    background-image: url("/images/dashboard/nteps-admin.svg") !important;
    background-position: left;
    background-size: contain;
    background-attachment: fixed;
    min-height: 100vh;
    background-color: #521c542a !important;
}

.user-login-hero {
    background-image: url("/images/dashboard/nteps-user-login.svg") !important;
    background-position: left;
    background-size: contain;
    background-attachment: fixed;
    min-height: 100vh;
    background-color: #521c542a !important;
}

.stockist-auth-hero {
    background-color: #fdfdfd5b;
    background-image: url("/images/dashboard/nteps-store.svg") !important;
    background-position: left;
    background-size: contain;
    background-attachment: fixed;
    min-height: 100vh;
    background-color: #521c542a !important;
}

.dispatch-auth-hero {
    background-color: #fdfdfd5b;
    background-image: url("/images/dashboard/nteps-dispatch.svg") !important;
    background-position: left;
    background-size: contain;
    background-attachment: fixed;
    min-height: 100vh;
    background-color: #521c542a !important;
}

/* Vuetify Card */
.v-card__title {
    font-size: 1.0em !important;
    font-family: 'Montserrat', sans-serif !important;
}

.v-card__text {
    font-family: "Montserrat", sans-serif !important;
    color: #969696 !important;
    /* font-size: 1em !important; */
}

/* Vuetify Buttons */
.v-btn {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: capitalize !important;
}

.section-heading {
    font-family: "Montserrat", sans-serif !important;
    font-size: 1.1em !important;
    font-weight: 500 !important;
    /* margin-bottom: 1em; */
}

.card-title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 1.8em !important;
    font-weight: 500 !important;
}

.card-subtitle {
    font-family: "Montserrat", sans-serif !important;
    font-size: 1.5em !important;
    font-weight: 200 !important;
}






/* **A move for change
Design by Amity
It is not enough for a project to look and feel great!
One thing to research and one thing to implement your knowledge from research 

* Don't start a project when you don't understand it
Understand a problem
Research


Design 


*/