.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 > * {
    color: #616161;
}
.hora {
    /* border: 1px solid #c1c1c1 !important; */
    border: 1px solid transparent !important; /* A transparent border can help with spacing */
    outline: 1px solid #c1c1c1; /* The inner border color and thickness */
    outline-offset: -1px; /* Negative value moves the outline inwards */
}
.panchanga-element {
    width: 200px !important;
}
.panchanga-badge-parent {
    display: inline-flex;
    position: relative;
}
.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;
    position: relative;
    align-items: center;
    padding: 0 10px 0 5px;
    margin-bottom: 5px;
    margin-right: 3px;
    vertical-align: middle;
    overflow: hidden;
}
.panchanga-badge-progress {
    position: absolute; 
    left: 0px; 
    bottom: 0px; 
    height: 3px; 
    width: 30%;
}
.progress-very-auspicious {
    background-color: #4f5b2f;
}
.progress-auspicious {
    background-color: #9ba878;
}
.progress-neutral {
    background-color: #b1ac9e;
}
.progress-inauspicious {
    background-color: #b37c7c;
}
.progress-very-inauspicious {
    background-color: #7d2929;
}
.progress-special {
    background-color: #509591;
}
.progress-ugra {
    background-color: #4878a5;
}
.progress-pushya {
    background-color: #cf9158;
}
.progress-holiday {
    background-color: #d7be43;
}
.progress-hora {
    background-color: #c1c1c1;
    height: 2px !important;
}
.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;
}
.badge-endeavor-score-tag-ausp, .badge-endeavor-score-tag-inausp {
    height: 20px;
    width: 20px;
    font-size: 10px;
    padding: 2px;
    position: absolute;
    right: 0px;
    top: -10px;
    vertical-align: middle;
    text-align: center;
    color: #FFF6DE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border: 1px solid #F8F6F1;
}
.badge-endeavor-score-tag-ausp {
    background-color: #77874C;
}
.badge-endeavor-score-tag-inausp {
    background-color: #AC3F3F;
}
.calendar-endeavor-score-tag-ausp, .calendar-endeavor-score-tag-inausp, .calendar-endeavor-score-tag-neutral {
    width: 10px;
    height: 10px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: -5px;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border: 1px solid #F1EDE2;
}
.calendar-endeavor-score-tag-ausp {
    background-color: #77874C;
}
.calendar-endeavor-score-tag-inausp {
    background-color: #AC3F3F;
}
.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");
}