/* Base styles */
body {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 400;
    @media (max-width: 768px) {
        font-size: 14px;
    }
}

label {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 600;
}

/* Font styles */
.font-inter {
    font-family: Inter, sans-serif;
}

.fs-small
{
    font-size:14px;
}
.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

/* Colors */
.primary-bg-color {
    background-color: #915BCF !important;
}

.text-primary {
    color: #915BCF !important;
}

.text-grey {
    color:  #828282;
}

/* Width, Height, Margins */

.h-60{
    height:60px !important;
    @media (max-width: 768px) {
        height:55px !important;
    }
}

.el-margins {
    margin-top: 2rem !important;
    padding:0.5rem; 
}

/* Form Controls like Input text fields */

/* This resets the input background color to transparent that is set by chrome automatically. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
}

/* Common styling for all inputs with icon */   
input {
    background-repeat: no-repeat;
    text-indent: 18px;
    background-position: 8px center;
    padding-left: 20px !important;
    border-radius: 7px !important;
    border: 1px solid #D4D4D8 !important;
    height: 60px !important;
    background-color: #FFF !important;
    font-family: Inter, serif !important;
    @media (max-width: 768px) {
        height: 55px !important;
    }    
}

input.email {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBvcGFjaXR5PSIwLjYiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yOF80NTk1KSI+DQogICAgICAgIDxwYXRoIGQ9Ik0xOSA1SDVDMy44OTU0MyA1IDMgNS44OTU0MyAzIDdWMTdDMyAxOC4xMDQ2IDMuODk1NDMgMTkgNSAxOUgxOUMyMC4xMDQ2IDE5IDIxIDE4LjEwNDYgMjEgMTdWN0MyMSA1Ljg5NTQzIDIwLjEwNDYgNSAxOSA1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgICAgICA8cGF0aCBkPSJNNSA3TDEyIDEzTDE5IDciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8L2c+DQogICAgPGRlZnM+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMjhfNDU5NSI+DQogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgPC9kZWZzPg0KPC9zdmc+) !important;
}

input.password {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBvcGFjaXR5PSIwLjYiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yOF80NTk1KSI+DQogICAgICAgIDxwYXRoIGQ9Ik01IDEzQzUgMTIuNDY5NiA1LjIxMDcxIDExLjk2MDkgNS41ODU3OSAxMS41ODU4QzUuOTYwODYgMTEuMjEwNyA2LjQ2OTU3IDExIDcgMTFIMTdDMTcuNTMwNCAxMSAxOC4wMzkxIDExLjIxMDcgMTguNDE0MiAxMS41ODU4QzE4Ljc4OTMgMTEuOTYwOSAxOSAxMi40Njk2IDE5IDEzVjE5QzE5IDE5LjUzMDQgMTguNzg5MyAyMC4wMzkxIDE4LjQxNDIgMjAuNDE0MkMxOC4wMzkxIDIwLjc4OTMgMTcuNTMwNCAyMSAxNyAyMUg3QzYuNDY5NTcgMjEgNS45NjA4NiAyMC43ODkzIDUuNTg1NzkgMjAuNDE0MkM1LjIxMDcxIDIwLjAzOTEgNSAxOS41MzA0IDUgMTlWMTNaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0xMSAxNkMxMSAxNi4yNjUyIDExLjEwNTQgMTYuNTE5NiAxMS4yOTI5IDE2LjcwNzFDMTEuNDgwNCAxNi44OTQ2IDExLjczNDggMTcgMTIgMTdDMTIuMjY1MiAxNyAxMi41MTk2IDE2Ljg5NDYgMTIuNzA3MSAxNi43MDcxQzEyLjg5NDYgMTYuNTE5NiAxMyAxNi4yNjUyIDEzIDE2QzEzIDE1LjczNDggMTIuODk0NiAxNS40ODA0IDEyLjcwNzEgMTUuMjkyOUMxMi41MTk2IDE1LjEwNTQgMTIuMjY1MiAxNSAxMiAxNUMxMS43MzQ4IDE1IDExLjQ4MDQgMTUuMTA1NCAxMS4yOTI5IDE1LjI5MjlDMTEuMTA1NCAxNS40ODA0IDExIDE1LjczNDggMTEgMTZaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgICAgIDxwYXRoIGQ9Ik04IDExVjdDOCA1LjkzOTEzIDguNDIxNDMgNC45MjE3MiA5LjE3MTU3IDQuMTcxNTdDOS45MjE3MiAzLjQyMTQzIDEwLjkzOTEgMyAxMiAzQzEzLjA2MDkgMyAxNC4wNzgzIDMuNDIxNDMgMTQuODI4NCA0LjE3MTU3QzE1LjU3ODYgNC45MjE3MiAxNiA1LjkzOTEzIDE2IDdWMTEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8L2c+DQogICAgPGRlZnM+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMjhfNDU5NSI+DQogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgPC9kZWZzPg0KPC9zdmc+DQo=) !important;;
}