body {
	padding-top:1em; }
.pusher {
	display: flex;
    min-height: 100vh;
    flex-direction: column; }
.content {
	display: block;
    flex: 1 0 auto; }
.footer {
	margin-top: 4em !important; }
	.footer a {
		color: rgba(255,255,255,.9); }

@media (min-width: 992px) { 
	/* small monitor */
	.content {
		padding-top: 1em; }
}

.hidden { visibility: hidden; }
a.disabled {
	color: currentColor;
	opacity: 0.5; }

.ui.form.container {
  margin-top: 2em;
  max-width: 700px !important; }
[contenteditable] {
    -webkit-user-select: text;
    user-select: text; }
    
div.ui.nativities.list {
  margin-top: 2em !important; }
.ui.list.left.padded {
  padding-left: 2.5rem !important; }

div.ui.chart.segment {
	padding: 0.5rem !important; }
.ui.content.container {
	padding-top: 2rem; }
td span.right.floated {
	float: right;}
div.ui.user-settings {
	padding-bottom: 1rem; }

.item .center.aligned {
	text-align: center; }

/* notes */
.ui.grid.notefixer .column {
	margin-top: -3rem;
	margin-bottom: -1rem; }
.sidebar .close.icon {
	float: right; 
	margin-top: -3rem; 
	cursor: pointer; }

.field .ui.toggle.checkbox {
	margin-top: 0.5rem; }

/* nativities list */
.ui.items .item .content .right.floated.meta,
.ui.items .item .content .extra .right.floated {
	margin-top: 0; }
@media only screen and (max-width: 767px) {
	.ui.unstackable.items>.item>.image {
		width: 80px !important; }
}

a.white {
	color: rgba(255,255,255,.9); }

/* sandwich mobile menu */
.launch.button {
	margin-top: 1rem; margin-left: 0.8rem; }
.launch.logo {
	margin-top: 1rem; margin-right: 1rem; margin-left: auto; }
/* topmenu computer tablet */
.ui.container.topmenu {
	margin-top: 1rem; }

/* Support */
.ui.message.userMessage {
	background-color: #fff; 
	margin-left: 3rem; }
	.ui.message.userMessage textarea {
		padding: 0;
		border: 0; }
	.ui.message.userMessage .extra {
		font-size: 0.8rem;
		text-align: right; }
		.ui.message.userMessage .extra .icon {
			display: none; }
.ui.message.supportMessage {
	margin-right: 3rem; }
	.ui.message.supportMessage .extra {
		font-size: 0.8rem;
		text-align: right; }

.ui.launch.button .ui.red.circular.label {
	vertical-align: top;
	margin-top: -1px; }

#panchanga .day.column {
	border: 1px solid #eee;
	line-height: 150%;
	font-size: 1.2em; }
	#panchanga .day.column h4.day.number {
		cursor: pointer;
		width: 2em;
		margin-bottom: 0;
		float: left;
		line-height: 120%;
		font-size: 2.5em; }
	#panchanga .day.column .weekday {
		text-transform: uppercase;
		color: #ccc;
		margin-left: -2em;
		font-size: 0.8em;
		float: left; }
	#panchanga .day.column .tithi {
		padding-left: 5em; }
		#panchanga .day.column .tithi:before {
			content: '';
			margin-left: 0; }
	#panchanga .day.column .moon.sign {
		padding-left: 5em; }
		#panchanga .day.column .moon.sign:before {
			content: '';
			margin-left: 0; }
	#panchanga .day.column .block {
		padding-left: 5em; }
		#panchanga .day.column .block:before {
			color: #ccc;
			width: 5em;
			display: inline-block;
			margin-left: -5em; }
		#panchanga .day.column .block.nakshatra:before {
			content: 'Накшатра ' }
		#panchanga .day.column .block.karana:before {
			content: 'Карана ' }
		#panchanga .day.column .block.yoga:before {
			content: 'Йога ' }
		#panchanga .day.column .block.abhijit:before {
			content: 'Абхиджит ' }
		#panchanga .day.column .block.rahukala:before {
			content: 'Раху Кала ' }
@media (min-width: 768px) {
	#panchanga .day.column {
		padding: 0.3em;
		font-size: 0.8em; }
		#panchanga .day.column h4.day.number {
			width: 2em;
			font-size: 2em; }
		#panchanga .day.column .weekday {
			margin-left: -1.7em; }
		#panchanga .day.column div.sun {
			padding-left: 5.4em; }
			#panchanga .day.column div.sun:before {
				content: '';
				margin-left: -1.4em; }
		#panchanga .day.column .tithi {
			padding-left: 0; }
		#panchanga .day.column .moon.sign {
			padding-left: 1.4em; }
			#panchanga .day.column .moon.sign:before {
				content: '';
				margin-left: -1.4em; }
		#panchanga .day.column .block {
			padding-left: 1em; }
			#panchanga .day.column .block:before {
				width: 1em;
				color: #ccc;
				margin-left: -1em; }
			#panchanga .day.column .block.nakshatra:before {
				content: 'Н ' }
			#panchanga .day.column .block.karana:before {
				content: 'К ' }
			#panchanga .day.column .block.yoga:before {
				content: 'Й ' }
			#panchanga .day.column .block.abhijit:before {
				width: 2em;
				content: 'Абх ' }
			#panchanga .day.column .block.rahukala:before {
				width: 2em;
				content: 'РК ' }
}
@media (min-width: 992px) { 
	#panchanga .day.column {
		padding: 1em;
		font-size: 0.8em; }
		#panchanga .day.column h4.day.number {
			width: 1.4em;
			line-height: 100%;
			font-size: 2.7em; }
		#panchanga .day.column .weekday {
			margin-left: -0.5em; }
		#panchanga .day.column div.sun {
			padding-left: 6em; }
			#panchanga .day.column div.sun:before {
				content: '';
				margin-left: -1.4em; }
		#panchanga .day.column .tithi {
			padding-left: 4.6em; }
}

.panchanga-nav {
	display: flex; justify-content: center; flex-direction: column; }
/* svg wrapper auto resize */
.svgWrapper {position: relative; height: 0; }
.svgWrapper svg {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.svgChart {padding-bottom:100%;}
/*.svgPanchanga {padding-bottom:30.89%;}*/
.svgTransits {padding-bottom:43.51%;}
svg .invisible {
	fill:white;stroke-width:0; }

/* for charts svg */
.svg-chart-sign {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 12px; fill: grey; stroke: none; font-weight: 400;  text-anchor: middle; alignment-baseline: middle;}
.svg-chart-planet {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 17px; fill: black; stroke: none; font-weight: 400;   alignment-baseline: baseline;}
.svg-chart-aspect {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 15px; fill: lightgrey; stroke: none; font-weight: 400;   alignment-baseline: baseline;}
.svg-chart-transit {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 17px; stroke: none; font-weight: 400;   alignment-baseline: baseline;}
.svg-chart-second {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 17px; stroke: none; font-weight: 400;   alignment-baseline: baseline;}
.svg-left {text-anchor: start;}
.svg-center {text-anchor: middle;}
.svg-right {text-anchor: end;}
.svg-mulatr {text-decoration: underline;}
.svg-mulatrExact {text-decoration: underline; text-decoration-style: double;}

/* for panchanga daily svg */
.svg-hours {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 10px; fill: grey; text-anchor: middle; }
.svg-sign {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 40px; fill: none; stroke: grey;  font-weight: 700;  text-anchor: middle; }
.svg-thisMoment {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 15px; fill: rgb(85, 187, 17); text-anchor: middle; }
.svg-period-text {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 17px; font-weight: 400;}
.svg-period-time {font-size: 14px;}
.svg-lord-Su {fill: rgb(255, 255, 0); fill-opacity: 0.8;} /* Sun */
.svg-lord-text-Su {fill: black;}
.svg-lord-Mo {fill: rgb(255, 255, 153); fill-opacity: 0.8;} /* Moon */
.svg-lord-text-Mo {fill: black;}
.svg-lord-Me {fill: rgb(85, 187, 17); fill-opacity: 0.8;} /* Mercury */
.svg-lord-text-Me {fill: white; font-weight: 400;}
.svg-lord-Ma {fill: rgb(255, 102, 102); fill-opacity: 0.8;} /* Mars */
.svg-lord-text-Ma {fill: white; font-weight: 400;}
.svg-lord-Ve {fill: rgb(255, 102, 204); fill-opacity: 0.8;} /* Venus */
.svg-lord-text-Ve {fill: white; font-weight: 400;}
.svg-lord-Jp {fill: orange; fill-opacity: 0.8;} /* Jupiter */
.svg-lord-text-Jp {fill: white; font-weight: 400;}
.svg-lord-Sa {fill: rgb(0, 102, 153); fill-opacity: 0.8;} /* Saturn */
.svg-lord-text-Sa {fill: white; font-weight: 400;}
.svg-lord-Ra {fill: dimgrey; fill-opacity: 0.8;} /* Rahu */
.svg-lord-text-Ra {fill: white; font-weight: 400;}
.svg-lord-Ke {fill: grey; fill-opacity: 0.8;} /* Ketu */
.svg-lord-text-Ke {fill: white; font-weight: 400;}
.svg-lord- {fill: grey; fill-opacity: 0.8;} /* No lord */
.svg-lord-text- {fill: white; font-weight: 400;}
.svg-unfavorable {fill: red; fill-opacity: 1.0;}

.lord-Su {background: rgb(255, 255, 0, 0.8);}
.lord-Mo {background: rgb(255, 255, 153, 0.8);}
.lord-Me {background: rgb(85, 187, 17);}
.lord-Ma {background: rgb(255, 102, 102);}
.lord-Ve {background: rgb(255, 102, 204);}
.lord-Ju {background: orange;}
.lord-Sa {background: rgb(0, 102, 153);}
.lord-Ra {background: dimgrey;}
.lord-Ke {background: grey;}

.svg-abhijit {fill: rgb(85, 187, 17); fill-opacity: 0.5;} 
.svg-rahukala {fill: grey; fill-opacity: 0.5;} /* Rahu */

.svg-transit-link {fill:black; fill-opacity:0; stroke:none;cursor:pointer;}
.svg-month {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 10px; fill: grey; text-anchor: middle; cursor: pointer;}
.svg-transit-lord {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; text-anchor: middle;}
.svg-transit-text {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 400; text-anchor: middle;}
.svg-transit-time {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 400; text-anchor: middle;}
.svg-transit-speed {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 400;}