.pk-panchang-theme-default.pk-panchang-form {
    background-color: inherit;
}

.pk-panchang-form {
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(182, 182, 183, 0.8);
    margin: 0.5rem auto;
    max-width: 780px;
    padding: 1.5em;
}

.pk-panchang-form legend.pk-panchang-form-label {
    font-weight: 700;
}

.pk-panchang-form-control {
    border-radius: 0;
    box-shadow: none;
    display: block;
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.pk-panchang-form-check-inline {
    align-items: center;
    display: inline-flex;
    margin-right: 0.75em;
    padding-left: 0;
    vertical-align: top;
}

.pk-panchang-form-check-inline .pk-panchang-form-check-input {
    margin-left: 0;
    margin-right: 0.3125em;
    margin-top: 0;
    position: static;
}

.pk-panchang-form-check-label {
    margin-bottom: 0;
}

.pk-panchang-form-group {
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.pk-panchang-form-label {
    align-items: center;
    display: flex;
    justify-content: left;
}

.pk-panchang-btn {
    border-radius: 0;
    font-size: 1em;
    padding: 1em;
}

.pk-panchang-btn:hover {
    text-decoration: none;
}

.pk-panchang-pad {
    padding: 1em;
}

.pk-panchang-pad-small {
    padding: 0.8em;
}

.pk-panchang-pad-xsmall {
    padding: 0.5em;
}

.pk-panchang-m-auto {
    margin: auto;
}

.pk-panchang-panchang-details {
    border: 1px solid #a0a5aa;
    padding: 1em;
}

.pk-panchang-block {
    display: block;
}

.pk-panchang-table {
    border-collapse: collapse;
    width: 100%;
}

.pk-panchang-table td,
.pk-panchang-table th {
    border: 1px solid #d3d3d3;
    padding: 0.75em;
}

.pk-panchang-text-center {
    text-align: center;
}

.pk-panchang-text-right {
    font-size: 0.8em;
    text-align: right;
}

.pk-panchang-text-small {
    font-size: 0.8em;
}

.pk-panchang-bg-secondary {
    background-color: #6c757d;
    border: none;
    color: #fff;
}

.pk-panchang-table .pk-panchang-bg-secondary td,
.pk-panchang-table .pk-panchang-bg-secondary th {
    border-color: #d3d3d3;
}

.pk-panchang-alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.pk-panchang-table-danger {
    background-color: #f8d7da;
    color: #721c24;
}

.pk-panchang-text-danger {
    color: #721c24;
}

.pk-panchang-alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.pk-panchang-table-success {
    background-color: #d4edda;
}

.pk-panchang-text-success {
    color: #155724;
}

.pk-panchang-alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.pk-panchang-alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.pk-panchang-text-warning {
    color: #856404;
}

.pk-panchang-table-warning {
    background-color: #fff3cd;
}

.pk-panchang-alert {
    border: 1px solid transparent;
    border-radius: 0.25em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0.75em 1.25em;
    position: relative;
}

@media (max-width: 576px) {

    .pk-panchang-table-responsive-sm {
        display: block;
        overflow-x: auto;
        width: 100%;
    }
}

.pk-panchang-row {
    display: flex;
    flex-wrap: wrap;
}

/* For mobile phones: */
[class*="pk-panchang-col-"] {
    width: 100%;
}

@media only screen and (min-width: 576px) {

    /* For tablets: */
    .pk-panchang-col-sm-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }

    .pk-panchang-col-sm-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }

    .pk-panchang-col-sm-3 {
        flex: 0 0 25%;
        width: 25%;
    }

    .pk-panchang-col-sm-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }

    .pk-panchang-col-sm-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }

    .pk-panchang-col-sm-6 {
        flex: 0 0 50%;
        width: 50%;
    }

    .pk-panchang-col-sm-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }

    .pk-panchang-col-sm-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }

    .pk-panchang-col-sm-9 {
        flex: 0 0 75%;
        width: 75%;
    }

    .pk-panchang-col-sm-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }

    .pk-panchang-col-sm-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }

    .pk-panchang-col-sm-12 {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {

    /* For desktop: */
    .pk-panchang-col-md-1 {
        flex: 0 0 8.33%;
        width: 8.33%;
    }

    .pk-panchang-col-md-2 {
        flex: 0 0 16.66%;
        width: 16.66%;
    }

    .pk-panchang-col-md-3 {
        flex: 0 0 25%;
        width: 25%;
    }

    .pk-panchang-col-md-4 {
        flex: 0 0 33.33%;
        width: 33.33%;
    }

    .pk-panchang-col-md-5 {
        flex: 0 0 41.66%;
        width: 41.66%;
    }

    .pk-panchang-col-md-6 {
        flex: 0 0 50%;
        width: 50%;
    }

    .pk-panchang-col-md-7 {
        flex: 0 0 58.33%;
        width: 58.33%;
    }

    .pk-panchang-col-md-8 {
        flex: 0 0 66.66%;
        width: 66.66%;
    }

    .pk-panchang-col-md-9 {
        flex: 0 0 75%;
        width: 75%;
    }

    .pk-panchang-col-md-10 {
        flex: 0 0 83.33%;
        width: 83.33%;
    }

    .pk-panchang-col-md-11 {
        flex: 0 0 91.66%;
        width: 91.66%;
    }

    .pk-panchang-col-md-12 {
        flex: 0 0 100%;
        width: 100%;
    }

}

/* color codes for dark theme */

.pk-panchang-theme-dark .pk-panchang-bg-secondary {
    background-color: #eee;
    color: #3c3b3b;
}

/* color codes for light theme */

.pk-panchang-theme-light.pk-panchang-form {
    background-color: #fff;
}