.pk-astrology-theme-default.pk-astrology-form {
background-color: inherit;
}
.pk-astrology-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-astrology-form legend.pk-astrology-form-label {
font-weight: 700;
}
.pk-astrology-form-control {
border-radius: 0;
box-shadow: none;
display: block;
margin: 0;
max-width: 100%;
width: 100%;
}
.pk-astrology-form-check-inline {
align-items: center;
display: inline-flex;
margin-right: 0.75em;
padding-left: 0;
vertical-align: top;
}
.pk-astrology-form-check-inline .pk-astrology-form-check-input {
margin-left: 0;
margin-right: 0.3125em;
margin-top: 0;
position: static;
}
.pk-astrology-form-check-label {
margin-bottom: 0;
}
.pk-astrology-form-group {
margin-bottom: 0.5em;
padding: 0.5em;
}
.pk-astrology-form-label {
align-items: center;
display: flex;
justify-content: left;
}
.pk-astrology-btn {
border-radius: 0;
font-size: 1em;
padding: 1em;
}
.pk-astrology-btn:hover {
text-decoration: none;
}
.pk-astrology-pad {
padding: 1em;
}
.pk-astrology-pad-small {
padding: 0.8em;
}
.pk-astrology-pad-xsmall {
padding: 0.5em;
}
.pk-astrology-m-auto {
margin: auto;
}
.pk-astrology-overflow-auto {
overflow: auto;
}
.pk-astrology-chart {
display: flex;
overflow: auto;
}
.pk-astrology-aspect-chart {
display: flex;
overflow: auto;
}
.pk-astrology-aspect-chart svg {
margin: auto;
min-width: 600px;
}
.pk-astrology-chart svg {
margin: auto;
min-width: 500px;
}
.pk-astrology-panchang-details {
border: 1px solid #a0a5aa;
padding: 1em;
}
.pk-astrology-block {
display: block;
}
.pk-astrology-table {
border-collapse: collapse;
width: 100%;
}
.pk-astrology-table td,
.pk-astrology-table th {
border: 1px solid #d3d3d3;
padding: 0.75em;
}
.pk-astrology-text-center {
text-align: center;
}
.pk-astrology-text-right {
font-size: 0.8em;
text-align: right;
}
.pk-astrology-text-small {
font-size: 0.8em;
}
.pk-astrology-bg-secondary {
background-color: #6c757d;
border: none;
color: #fff;
}
.pk-astrology-table .pk-astrology-bg-secondary td,
.pk-astrology-table .pk-astrology-bg-secondary th {
border-color: #d3d3d3;
}
.pk-astrology-alert-danger {
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
}
.pk-astrology-table-danger {
background-color: #f8d7da;
color: #721c24;
}
.pk-astrology-text-danger {
color: #721c24;
}
.pk-astrology-alert-success {
background-color: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
.pk-astrology-table-success {
background-color: #d4edda;
}
.pk-astrology-text-success {
color: #155724;
}
.pk-astrology-alert-info {
background-color: #d1ecf1;
border-color: #bee5eb;
color: #0c5460;
}
.pk-astrology-alert-warning {
background-color: #fff3cd;
border-color: #ffeeba;
color: #856404;
}
.pk-astrology-text-warning {
color: #856404;
}
.pk-astrology-table-warning {
background-color: #fff3cd;
}
.pk-astrology-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-astrology-table-responsive-sm {
display: block;
overflow-x: auto;
width: 100%;
}
}
.pk-astrology-row {
display: flex;
flex-wrap: wrap;
} [class*="pk-astrology-col-"] {
width: 100%;
}
@media only screen and (min-width: 576px) { .pk-astrology-col-sm-1 {
flex: 0 0 8.33%;
width: 8.33%;
}
.pk-astrology-col-sm-2 {
flex: 0 0 16.66%;
width: 16.66%;
}
.pk-astrology-col-sm-3 {
flex: 0 0 25%;
width: 25%;
}
.pk-astrology-col-sm-4 {
flex: 0 0 33.33%;
width: 33.33%;
}
.pk-astrology-col-sm-5 {
flex: 0 0 41.66%;
width: 41.66%;
}
.pk-astrology-col-sm-6 {
flex: 0 0 50%;
width: 50%;
}
.pk-astrology-col-sm-7 {
flex: 0 0 58.33%;
width: 58.33%;
}
.pk-astrology-col-sm-8 {
flex: 0 0 66.66%;
width: 66.66%;
}
.pk-astrology-col-sm-9 {
flex: 0 0 75%;
width: 75%;
}
.pk-astrology-col-sm-10 {
flex: 0 0 83.33%;
width: 83.33%;
}
.pk-astrology-col-sm-11 {
flex: 0 0 91.66%;
width: 91.66%;
}
.pk-astrology-col-sm-12 {
flex: 0 0 100%;
width: 100%;
}
}
@media only screen and (min-width: 768px) { .pk-astrology-col-md-1 {
flex: 0 0 8.33%;
width: 8.33%;
}
.pk-astrology-col-md-2 {
flex: 0 0 16.66%;
width: 16.66%;
}
.pk-astrology-col-md-3 {
flex: 0 0 25%;
width: 25%;
}
.pk-astrology-col-md-4 {
flex: 0 0 33.33%;
width: 33.33%;
}
.pk-astrology-col-md-5 {
flex: 0 0 41.66%;
width: 41.66%;
}
.pk-astrology-col-md-6 {
flex: 0 0 50%;
width: 50%;
}
.pk-astrology-col-md-7 {
flex: 0 0 58.33%;
width: 58.33%;
}
.pk-astrology-col-md-8 {
flex: 0 0 66.66%;
width: 66.66%;
}
.pk-astrology-col-md-9 {
flex: 0 0 75%;
width: 75%;
}
.pk-astrology-col-md-10 {
flex: 0 0 83.33%;
width: 83.33%;
}
.pk-astrology-col-md-11 {
flex: 0 0 91.66%;
width: 91.66%;
}
.pk-astrology-col-md-12 {
flex: 0 0 100%;
width: 100%;
}
} .pk-astrology-theme-dark .pk-astrology-bg-secondary {
background-color: #eee;
color: #3c3b3b;
} .pk-astrology-theme-light.pk-astrology-form {
background-color: #fff;
}
.pk-astrology-kundli-charts-wrapper {
display: flex;
flex-wrap: wrap;
}
.pk-astrology-kundli-chart {
flex: 1 1 50%;
min-width: 300px;
}
.pk-astrology-kundli-chart svg {
height: auto;
max-width: 100%;
}