body {
    /* background: #eeeff4 none repeat scroll 0% 0%; */
    color: #0E171C;
    font: 300 100%/1.5em "Lato",sans-serif;
    margin: 0px;
}

.title{
    text-align: center;
}

.calendar-container{
    position: relative;
    margin: 17px auto;
    max-width: 500px;
}
.navbar.fixed-top + .page-body-wrapper {
    padding-top: 85px !important;
}
.content-wrapper {
    background-color: transparent !important;
}
.sidebar {
    background-color: #fff !important;
    margin-left: 1%;
    border-radius: 15px;
}
.sidebar .nav .nav-item .nav-link {
    color: #fff !important;
}
.sidebar .nav .nav-item:hover {
    background-color: transparent !important;
    color: #898989 !important;
}
.sidebar .nav .nav-item a:hover {
    background-color: transparent !important;
    color: #898989 !important;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #898989 !important;
}
.sidebar .nav .nav-item .nav-link .menu-title{
    color: #898989 !important;
}
.sidebar .nav .nav-item.active {
    background-color: transparent !important;
}
.sidebar .nav .active .nav-link i.menu-icon {
    /* background-color: #614cab; */
    padding: 2%;
    border-radius: 5px;
    color: white !important;
}

.sidebar .nav .nav-item {
    padding: 0 15px !important;
}
.card-header-div{
    /* background-image: linear-gradient(to right, #fd968d, #ff7f8e, #ff6598, #ff4aaa, #ff30c4, #f726d1, #eb21e0, #dc22ef, #c12aee, #a530ec, #8735e9, #6438e5); */
    color: white;
    background-color: transparent !important;
    border-bottom: 1px solid transparent !important;
    padding-bottom: 0 !important;
}
.card-body-div{
    padding: 5% !important;
    min-height: 280px !important;
}
.card-button{
    margin-right: 5% !important;
    text-decoration: none !important;
}
.birthday-card{
    color: #fff !important;
}
.anniversaries-card{
    /* background-image: linear-gradient(to right, #FE12EF, #6438E5); */
    /* -webkit-background-clip: text;  */
    /* For WebKit browsers like Chrome and Safari */
    /* background-clip: text; */
    /* color: transparent !important;  */
    /* Hide the original text color */
    color: #fff !important;
}
.newest-card{
    color: #fff !important;
}
.card-active{
    /* color: white !important;
    background-color: #614cab !important; */
    border-radius: 7px;
    padding: 5px 10px; 
}
img.birthday-custom {
    border: none !important;
}
.user-info {
    /* background: linear-gradient(to right, #FE12EF, #6438E5) !important; */
    height: 75px;
    border-radius: 10px;
    width: 90% !important;
    /* margin-top: 45% !important; */
    position: relative;
    margin-left: 5%;
}
.user-content{
    margin-bottom: 0px !important;
    color: white;
    font-size: 13px !important;
    line-height: 1.5;
    font-weight: bold;
}
.user-content-row{
    background-image: url('../../img/user-content-bg.png') !important;
    background-size: 100% 120px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 62px;
}
/* .user-info-img{
    width: 100px !important;
    float: left;
    margin-top: -80px;
} */
/* .party1{
    margin-left: -50px;
    margin-top: -37px;
}
.img2{
    margin-left: 25%;
} */
.user-info-parent{
    margin-top: -18%;
    position: relative;
}
ol.carousel-indicators.new_member {
    margin-left: 1% !important;
    margin-right: 1% !important;
    top: 100% !important;
}
.carousel-indicators li {
    height: 5px !important;
    width: 5px !important;
    border-radius: 50% !important;
    /* background-color: #614cab !important; */
}

.grid-margin, .purchase-popup {
    margin-bottom: 1.5rem !important;
}
#calendar .calendar_dates {
    margin-left: 1% !important;
}
#calendar .calendar_label {
    margin-left: 0% !important;
    width: 98% !important;
}
.carousel-indicators {
    top: 210px !important;
}
a.calendar_prev {
    color: #FE12EF !important;
}
a.calendar_next {
    color: #6438E5 !important;
}