.bg-none {
    background-color: #10042c;
}

.order-history {
    max-height: 416px; /* height of profile form + submit button */
    overflow-y: auto;
}

#update-profile-form .form-control {
    color: #100324;
}

#update-profile-form input::placeholder {
    color: #a9b7c4;
}

#id_default_country,
#id_default_country option:not(:first-child) {
    color: #100324;
}

#id_default_country option:first-child {
    color: #a9b7c4;
}

.accordion-header.collapsed {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    font-family: 'Oswald', sans-serif;
}

div#div_id_avatar,
input#id_avatar,
input#id_avatar input::placeholder {
    font-family: 'Raleway', sans-serif;
}

.card {
    background: #fafafa;
    box-shadow: 5px 4px 14px #100324;
    margin-top: 50px;
}

.card-header {
    background: #fafafa;
}

#profile-container {
    background-image: url("../images/userprofilebackground.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 100vh;
    position: absolute;
    overflow: scroll;
}

.accordion-header,
.accordion-header.collapsed,
.accordion .accordion-flush,
.accordion.collapsed .collapsed ,
#collapseOne {
    background-color: #fafafa;
}

.card-header {
    border: none;
}

img#profile-image {
    max-width: 100%;
    height: auto
}

.card,
.card-header,
.accordion-header, 
.accordion-header.collapsed, 
.accordion .accordion-flush, 
.accordion.collapsed .collapsed, 
#collapseOne {
    background: none;
}

strong {
    color: rgb(154 76 238);
}

#userProfile {
    background: linear-gradient(rgba(255, 255, 255, 0.563), rgba(255, 255, 255, 0.6)), url('https://images.pexels.com/photos/7577900/pexels-photo-7577900.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

#sidebar {
    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    min-height: 20vh;
}

a.text-small {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
}

a.text-small:hover {
    color: #666;
}

@media only screen and (min-width: 768px) {
    #sidebar {
        background: rgba( 255, 255, 255, 0.25 );
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
        backdrop-filter: blur( 4px );
        -webkit-backdrop-filter: blur( 4px );
        border-radius: 10px;
        min-height: 100vh;
        overflow: hidden;
    }
}