.container-scroller {
    opacity: 0;
}

.container-scroller.show {
    opacity: 1;
}

/*
.action-link  {
    color: #9c9fa6;
    font-size: .75rem;
}
 */
.action-link {
    display: inline-block;
}

.action-link i {
    font-size: 1.5rem;
}

.action-link:hover i.text-primary {
    color: #6d509f !important;
}

/*
.nav-pills .nav-link {
    color: #b66dff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #da8cff, #9a55ff);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
*/
.friends .card {
    border-radius: 0.625rem;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.friends .card-body p {
    color: #76838f;

}

.card-profile__info {
    list-style: none;
    padding-left: 0;
}

.planet-icon {
    width: 40px;
    /* max-height: 49px; */
}

.planet-icon-neptune {
    transform: scale(.6);
}

.planet-icon-moon {
    transform: scale(2);
}

.label-percent {
    padding: 13px 17px;
    line-height: 22px;
    font-weight: 600;
    font-size: 1.5rem;
    border-radius: 60px;
    /* font-size: 100%; */
    color: #fff;
}

.logo-icon {
    font-size: 2.4rem;
    color: #da8cff;
}

.logo-icon-mini {
    color: #da8cff;
}

.logo-text {
    font-family: 'ubuntu-bold';
    font-size: 2.5rem;
    background: -webkit-linear-gradient(45deg, #da8cff, #9a55ff 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

select.form-control {
    color: #495057;
}

.navbar-brand .logo-text,
.navbar-brand .logo-icon {
    font-size: 2rem;
}

.card {
    box-shadow: 6px 11px 41px -28px #a99de7;
    border-radius: 0.625rem;
}

.mdi-number.mdi:before {
    font-size: 6rem;
}

.card-info {
    font-size: .9rem;
}

.nav-pills-white .nav-link {
    background: #fff;
    box-shadow: 6px 11px 41px -28px #a99de7;
    border-radius: .3rem;
}

/*
western.p.planets.ascendant.color = 'info';
    western.p.planets.sun.color = 'warning';
    western.p.planets.moon.color = 'secondary';
    western.p.planets.mercury.color = 'danger';
    western.p.planets.venus.color = 'primary';
    western.p.planets.mars.color = 'danger';
    western.p.planets.jupiter.color = 'danger';
    western.p.planets.saturn.color = 'warning';
    western.p.planets.uranus.color = 'info';
    western.p.planets.neptune.color = 'primary';
    western.p.planets.pluto.color = 'warning';
    western.p.planets.truenode.color = 'secondary';
    western.p.planets.chiron.color = 'info';
*/
.color-ascendant {
    color: #c3bdbd
}

.color-sun {
    color: #fed713
}

.color-moon {
    color: #e6caad
}

.color-mercury {
    color: #1bcfb4
}

/* #01ce00 */
.color-venus {
    color: #ff87ba
}

.color-mars {
    color: #fa584d
}

.color-jupiter {
    color: #fe7339
}

.color-saturn {
    color: #023c8d
}

.color-uranus {
    color: #62ade5
}

.color-neptune {
    color: #a069e2
}

.color-pluto {
    color: #2f2116
}

.color-truenode {
    color: #999795
}

.color-chiron {
    color: #198ae3
}

.color-rahu {
    color: #999795
}

.color-ketu {
    color: #bb9071
}

.color-house-number {
    color: #2f2116a1;
}

h4.planet-name-header {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0
}

#search-profiles {
    padding-left: 0;
    /* width: 280px; */
    height: 30px;
    padding: 8px 12px;
    padding-left: 0;
    font-size: 1rem;
    line-height: 30px;
    outline: none;
}

ul.typeahead {
    margin: 0px;
    padding: 0 0px;
    width: 300px;
}

ul.typeahead strong {
    color: #3e4b5b;
}

.dropdown-menu li a {
    padding: 10px !important;
    border-bottom: #CCC 1px solid;
    background: #fff;
    color: #9c9fa6;
}

.dropdown-menu li:last-child a {
    border-bottom: 0px !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    text-decoration: none;
    background-color: #da8cff;
    color: #fff;
    outline: 0;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    color: #9c9fa6;
}

.card-statistics .card-col {
    box-shadow: 0px 2px 62px -25px #a99de7;
    border-radius: 0.625rem;
}


.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon-gb {
    background-image: url(../../flags/gb.svg);
    width: 1em;
}

.flag-icon-pl {
    background-image: url(../../flags/pl.svg);
}

@media (max-width: 575.98px) {
    .content-wrapper {
        padding: 1rem .8rem;
    }

    .card .card-body {
        padding: 1rem 1rem;
    }

    .breadcrumb {
        display: none;
    }

    .breadcrumb-item:nth-child(2) {
        display: none;
    }

    .page-header {
        margin-bottom: 1rem;
    }

    .nav-pills .nav-item {
        margin-right: .2rem;
        margin-bottom: .5rem;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    #search-profiles {
        max-width: 180px;
    }
}

@media (max-width: 991px) {
    .nav-lang-text {
        display: none;
    }
}


#preloader {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
    background: #fff;
}

.loader {
    position: absolute;
    width: 5rem;
    height: 10rem;
    top: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -3.5rem;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -12.4rem;
    }
}

@keyframes color {
    100%,
    0% {
        stroke: #ff87ba;
    }
    40% {
        stroke: #fe7c96;
    }
    66% {
        stroke: #b66dff;
    }
    80%,
    90% {
        stroke: #198ae3;
    }
}