body {
    --primary-body: #343A40;
    --primary-color: #7f3f98;
   
    --secondary-color: #264884;
   
    --primary-accent: #27a8de;
    --secondary-accent: #009444;
    
    --white: #FFF;
    --cream: #FAFAFA;
    background-color: var(--white);
    font-family: 'Montserrat', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, a, span {
    font-family: 'Montserrat', sans-serif !important;
}

.list-group-item {
    background-color: #D1AE74 !important;
    background-image: linear-gradient(to right, #d1ae74, #c7a771, #bc9f6e, #b2986c, #a89169, #a89169, #a89169, #a89169, #b2986c, #bc9f6e, #c7a771, #d1ae74);
    color: white !important;
    width: 14.25% ;
}
.glyphicon {
    color:#00205C;
   
    
}
ol.progress li.incomplete {
    background: 0 0;
    /* border: 1px solid transparent; */
}
input[type="file"] {
    height: 200px;
    border-style: dashed;
}
.fa {
    font-family: 'Glyphicons Halflings' !important;
}
.navbar {
    background-color: var(--secondary-color) !important;
}
.navbar-inverse .navbar-nav > li > a{
    color:var(--white) !important;
}

li.dropdown{
    text-transform:uppercase;
}
.shine {
    background: #F3F2F1;
    background-image: linear-gradient(to right, #F3F2F1 0%, #E1DFDD 20%, #F3F2F1 40%, #F3F2F1 100%);
    background-repeat: no-repeat;
    border-radius: 0px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
    height: 15rem;
    margin: 9px 0px;
    padding: 10px;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
}