.clickable {
    cursor: pointer;
}

.very-auspicious, .very-auspicious > * {
    background-color: #77874C;
    color: #FFF6DE;
}
.auspicious, .auspicious > * {
    background-color: #BAC69A;
    color: #444737;
}
.neutral, .neutral > * {
    background-color: #D7D3C8;
    color: #616161;
}
.neutral-dark, .neutral-dark > * {
    background-color: #ccc7bd;
    color: #444444;
}
.inauspicious, .inauspicious > * {
    background-color: #D59F9F;
    color: #522222;
}
.very-inauspicious, .very-inauspicious > * {
    background-color: #AC3F3F;
    color: #FFF6DE;
}
.special, .special > * {
    background-color: #68B7B2;
    color: #FFF6DE;
}
.ugra, .ugra > * {
    background-color: #5C97CF;
    color: #DEFFFD;
}
.pushya, .pushya > * {
    background-color: #ffb774;
    color: #864B14;
}
.holiday, .holiday > * {
    background-color: #FDEA8A;
    color: #7D5E0F;
}
.hora, .hora > * {
    background-color: none;
    color: #616161;
}
.panchanga-element {
    width: 200px !important;
}
.panchanga-badge {
    width:fit-content;
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    height: 30px;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    padding: 0 10px 0 5px;
    margin-bottom: 5px;
    margin-right: 3px;
    vertical-align: middle;
}
.panchanga-badge-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.panchanga-badge-text {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
}
.abhijit-canceled > span {
    text-decoration: line-through;
}
/* . {
    content: url("../img/.svg");
} */
.very-auspicious .vara, .very-inauspicious .vara {
    content: url("../img/badge-vara-very.svg");
}
.auspicious .vara {
    content: url("../img/badge-vara-auspicious.svg");
}
.inauspicious .vara {
    content: url("../img/badge-vara-inauspicious.svg");
}
.neutral .vara {
    content: url("../img/badge-vara-neutral.svg");
}

.very-auspicious .tithi, .very-inauspicious .tithi {
    content: url("../img/badge-tithi-very.svg");
}
.auspicious .tithi {
    content: url("../img/badge-tithi-auspicious.svg");
}
.inauspicious .tithi {
    content: url("../img/badge-tithi-inauspicious.svg");
}
.neutral .tithi {
    content: url("../img/badge-tithi-neutral.svg");
}

.very-auspicious .nakshatra, .very-inauspicious .nakshatra {
    content: url("../img/badge-nakshatra-very.svg");
}
.auspicious .nakshatra {
    content: url("../img/badge-nakshatra-auspicious.svg");
}
.inauspicious .nakshatra {
    content: url("../img/badge-nakshatra-inauspicious.svg");
}
.neutral .nakshatra {
    content: url("../img/badge-nakshatra-neutral.svg");
}

.very-auspicious .nitya-yoga, .very-inauspicious .nitya-yoga {
    content: url("../img/badge-nitya-yoga-very.svg");
}
.auspicious .nitya-yoga {
    content: url("../img/badge-nitya-yoga-auspicious.svg");
}
.inauspicious .nitya-yoga {
    content: url("../img/badge-nitya-yoga-inauspicious.svg");
}
.neutral .nitya-yoga {
    content: url("../img/badge-nitya-yoga-neutral.svg");
}

.very-auspicious .karana, .very-inauspicious .karana {
    content: url("../img/badge-karana-very.svg");
}
.auspicious .karana {
    content: url("../img/badge-karana-auspicious.svg");
}
.inauspicious .karana {
    content: url("../img/badge-karana-inauspicious.svg");
}
.neutral .karana {
    content: url("../img/badge-karana-neutral.svg");
}

.endeavor-very-auspicious {
    content: url("../img/badge-endeavor-very-auspicious.svg");
}
.endeavor-auspicious {
    content: url("../img/badge-endeavor-auspicious.svg");
}
.endeavor-neutral {
    content: url("../img/badge-endeavor-neutral.svg");
}
.endeavor-inauspicious {
    content: url("../img/badge-endeavor-inauspicious.svg");
}
.endeavor-very-inauspicious {
    content: url("../img/badge-endeavor-very-inauspicious.svg");
}

.endeavor-very-inauspicious {
    content: url("../img/badge-endeavor-very-inauspicious.svg");
}

.ravi img, img.ravi {
    content: url("../img/badge-ravi.svg");
}

.yoga-auspicious img, img.yoga-auspicious {
    content: url("../img/badge-yoga-auspicious.svg");
}

.yoga-inauspicious img, img.yoga-inauspicious {
    content: url("../img/badge-yoga-inauspicious.svg");
}

.destructive img, img.destructive {
    content: url("../img/badge-destructive.svg");
}

.ugra img, img.ugra {
    content: url("../img/badge-ugra.svg");
}

.akula img, img.akula {
    content: url("../img/badge-akula.svg");
}

.kula img, img.kula {
    content: url("../img/badge-kula.svg");
}

.kulakula img, img.kulakula {
    content: url("../img/badge-kulakula.svg");
}

.maitreya img, img.maitreya {
    content: url("../img/badge-maitreya.svg");
}

.holiday img, img.holiday {
    content: url("../img/badge-holiday.svg");
}

.ravi-pushya img, img.ravi-pushya {
    content: url("../img/badge-ravi-pushya.svg");
}

.guru-pushya img, img.guru-pushya {
    content: url("../img/badge-guru-pushya.svg");
}

.dvipushkar img, img.dvipushkar {
    content: url("../img/badge-dvipushkar.svg");
}

.tripushkar img, img.tripushkar {
    content: url("../img/badge-tripushkar.svg");
}

.surya-sankranti img, img.surya-sankranti {
    content: url("../img/badge-surya-sankranti.svg");
}

.combination-inauspicious img, img.combination-inauspicious {
    content: url("../img/badge-combination-inauspicious.svg");
}

.eclipse img, img.eclipse {
    content: url("../img/badge-eclipse.svg");
}

.eclipse-in-3-days img, img.eclipse-in-3-days {
    content: url("../img/badge-eclipse-in-3-days.svg");
}

.abhijit img, img.abhijit {
    content: url("../img/badge-abhijit.svg");
}

.abhijit-canceled img, img.abhijit-canceled {
    content: url("../img/badge-abhijit-canceled.svg");
}

.brahma img, img.brahma {
    content: url("../img/badge-brahma.svg");
}

.rahu-kala img, img.rahu-kala {
    content: url("../img/badge-rahu-kala.svg");
}

.yamaganda img, img.yamaganda {
    content: url("../img/badge-yamaganda.svg");
}

.gulika-kala img, img.gulika-kala {
    content: url("../img/badge-gulika-kala.svg");
}

img.rahu {
    content: url("../img/badge-planet-rahu.svg");
}

img.ketu {
    content: url("../img/badge-planet-ketu.svg");
}

img.sun {
    content: url("../img/badge-planet-sun.svg");
}

img.moon {
    content: url("../img/badge-planet-moon.svg");
}

img.venus {
    content: url("../img/badge-planet-venus.svg");
}

img.mercury {
    content: url("../img/badge-planet-mercury.svg");
}

img.mars {
    content: url("../img/badge-planet-mars.svg");
}

img.jupiter {
    content: url("../img/badge-planet-jupiter.svg");
}

img.saturn {
    content: url("../img/badge-planet-saturn.svg");
}

img.tithi-1 {
    content: url("../img/tithi-1.svg");
}

img.tithi-2 {
    content: url("../img/tithi-2.svg");
}

img.tithi-3 {
    content: url("../img/tithi-3.svg");
}

img.tithi-4 {
    content: url("../img/tithi-4.svg");
}

img.tithi-5 {
    content: url("../img/tithi-5.svg");
}

img.tithi-6 {
    content: url("../img/tithi-6.svg");
}

img.tithi-7 {
    content: url("../img/tithi-7.svg");
}

img.tithi-8 {
    content: url("../img/tithi-8.svg");
}

img.tithi-9 {
    content: url("../img/tithi-9.svg");
}

img.tithi-10 {
    content: url("../img/tithi-10.svg");
}

img.tithi-11 {
    content: url("../img/tithi-11.svg");
}

img.tithi-12 {
    content: url("../img/tithi-12.svg");
}

img.tithi-13 {
    content: url("../img/tithi-13.svg");
}

img.tithi-14 {
    content: url("../img/tithi-14.svg");
}

img.tithi-15 {
    content: url("../img/tithi-15.svg");
}

img.tithi-16 {
    content: url("../img/tithi-16.svg");
}

img.tithi-17 {
    content: url("../img/tithi-17.svg");
}

img.tithi-18 {
    content: url("../img/tithi-18.svg");
}

img.tithi-19 {
    content: url("../img/tithi-19.svg");
}

img.tithi-20 {
    content: url("../img/tithi-20.svg");
}

img.tithi-21 {
    content: url("../img/tithi-21.svg");
}

img.tithi-22 {
    content: url("../img/tithi-22.svg");
}

img.tithi-23 {
    content: url("../img/tithi-23.svg");
}

img.tithi-24 {
    content: url("../img/tithi-24.svg");
}

img.tithi-25 {
    content: url("../img/tithi-25.svg");
}

img.tithi-26 {
    content: url("../img/tithi-26.svg");
}

img.tithi-27 {
    content: url("../img/tithi-27.svg");
}

img.tithi-28 {
    content: url("../img/tithi-28.svg");
}

img.tithi-29 {
    content: url("../img/tithi-29.svg");
}

img.tithi-30 {
    content: url("../img/tithi-30.svg");
}