body {
	font-family: 	"Source Sans Pro", Helvetica, Arial, sans-serif;
    min-width:      1125px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 	"Source Sans Pro", Helvetica, Arial, sans-serif;
}

.app-views {
	margin-top: 	10px;
}


.chart {
	font-family: 	"Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: 		default;
}
.chart-cosmogram {
	cursor: 		url('/assets/img/rotate-cursor.png'), move;
}


/* UTILITY CLASSES */



.whitespace-top {
	margin-top:		30px !important;
}
.whitespace-top--half {
	margin-top:		15px !important;
}
.whitespace-top--mini {
	margin-top:		10px !important;
}

.no-whitespace-top {
	margin-top:		0 !important;
}
.no-whitespace-bottom {
	margin-bottom:	0 !important;
}

.whitespace-left {
	margin-left:	30px !important;
}

.full-width {

	width: 100%;
}


.border-red {
	border-color: 			#F27D94 !important;
}

.opacity-half {
	opacity:				.5;
}


/* COLORS */


.colors-blue-facebook {
	color: 			#3b5998;
}


	/* ASPECT COLORS */


	.aspect-none {
		color: 			#ccc;
	}
	.aspect-dynamic {
		color:#c00;
	}
	.aspect-harmonic {
		color:#0c0;
	}
	.aspect-karmic {
		color:#00c;
	}
	.aspect-creative {
		color:#c72;
	}
	.aspect-conjunction {
		color:#333;
	}
/*
.dynamic { background:#fcc; color:#c00; font-weight:bold;}
.harmonic { background:#cfc; color:#0c0; font-weight:bold;}
.karmic { background:#ccf; color:#00c; font-weight:bold;}
.creative { background:#fe8; color:#c72; font-weight:bold;}
.conjunction { background:#888; color:#fff; font-weight:bold;}
*/


/* ASPECT GRID TABLE */

table.aspect-grid-table {
  overflow: hidden;
}

table.aspect-grid-table tr:hover {
  background-color: #f9f9f9;
}

table.aspect-grid-table td, table.aspect-grid-table th {
	position: relative;
}

table.aspect-grid-table td:hover::after,
table.aspect-grid-table th:hover::after {
  content: "";
  position: absolute;
  background-color: #f9f9f9;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

/* TAB PANE */
#currentTransitTab a {
	height: 		22px;
}

.uk-tab.app-views li a {
	padding-left: 	8px;
	padding-right: 	4px;
}
.uk-tab.app-views li a .uk-close {
	margin-bottom: 	1px;
}

#currentTransitTab a {
	padding-right: 	12px;
}

/* MAIN NAVIGATION */

.uk-dropdown-wide {
	width: 			300px;
}
.uk-navbar .uk-dropdown-navbar {
    margin-top:     0;
    padding-top :   5px;
    padding-bottom: 5px;
}
.main-nav .uk-nav-header {
    margin-top:     0;
    margin-bottom:  -5px;
}

.main-nav li.not-implemented a {
	color: 			#999;
}

.user-nav {
	margin-right: 		10px;
}

.user-nav .user-picture {
	display: 		inline-block;
	width: 			25px;
	height: 		25px;
	border-radius: 	3px;
}

/* MODALS */

.modal-standard {
	width: 		800px;
}
.uk-modal-dialog h3 {
	margin-top:		5px;
	margin-bottom: 	5px;
}
.uk-modal-dialog .casting-status {
	display:		inline-block;
	margin-right: 	15px;
}

.uk-modal-dialog .uk-dropdown.uk-dropdown-small {
	margin-top: 	0;
}

.form-controls-inline label {
	display: 		inline-block;
	margin-right: 	10px;
}


/* ASTRO DATA WIDGET */
.a-data-widget .uk-grid {
	margin-top: 		5px;
}
.a-data-widget .uk-button {
	padding-left: 		6px;
	padding-right: 		6px;
}


/* CHART DATA SWITCHER */
.chart-data-switcher {
	height:				140px;
	border-color: 		#9CE3FD;
}
.chart-data-switcher li a, .chart-data-switcher li a:hover {
	padding-left: 		6px !important;
    padding-right: 		6px !important;
}
.chart-data-switcher li:not(.uk-active) a .uk-badge {
	background : #aaa !important;
}

.chart-data-switcher li a .uk-badge {
    padding-left:       6px;
    padding-right:      6px;
}

.chart-data-switcher li.uk-active a {
	background-color: 	#fafafa !important;
	border-color: 		#9CE3FD;
}

/* CURRENT TRANSIT */

.current-transit-panel .uk-panel-title {
    margin-bottom:      10px;
}

.current-transit-panel .uk-article-meta {
    margin-top:         0;
    margin-bottom:      0;
}

.current-transit-panel .auto-update {
    margin-top:         10px;
}


/* ABOUT SCREEN */
.about-screen {
    position:                   fixed;
    top:                        42px;
    height:                     100%;
    width:                      100%;
    left:                       0;
    right:                      0;
    bottom:                     0;
    z-index:                    1000;
    background:                 transparent;
    opacity:                    0;
    overflow-y:                 hidden;
    overflow-x:                 hidden;

-moz-transform-origin: 0 0;
        transition-duration:    0.5s;
-webkit-transition-duration:    0.5s;
        transition-property:    all;
-webkit-transition-property:    all;
          -webkit-transform:    scale(0);
             -moz-transform:    scale(0);
              -ms-transform:    scale(0); // IE9+
                  transform:    scale(0);
}

.about-screen.open {


  -webkit-transform:        scale(1);
     -moz-transform:        scale(1);
      -ms-transform:        scale(1); // IE9+
          transform:        scale(1);
            opacity:        1;
}



.scrollbar-hidden {
    overflow-y:   hidden;
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}


/* PRELOADER */

/*---------------------------------------
   1.2 PRE-LOADER
-----------------------------------------*/
.preloader {
    position:               fixed;
    top:                    0;
    left:                   0;
    right:                  0;
    bottom:                 0;
    background-color:       #fefefe;
    z-index:                99999;
    height:                 100%;
    width:                  100%;
    overflow:               hidden !important;
}

.preloader .status {
    width:                  40px;
    height:                 40px;
    position:               absolute;
    left:                   50%;
    top:                    50%;
    margin:                 -20px 0 0 -20px;
	background-image:       url('/assets/img/loader-blue.gif');
	background-repeat:      no-repeat;
	background-position:    center;
	-webkit-background-size: cover;
	background-size:        cover;
}


/* CHART */
.panel-chart-options  {
    margin-top:             5px !important;
    padding-top:            5px;
}
.panel-chart-options h3, .panel-chart-options h4 {
    margin-top:             10px;
    margin-bottom:          5px;
}

.panel-chart-options .midpoint {
    display:                inline-block;
    margin-right:           10px;
    margin-bottom:          5px;
    border-radius:          3px;
    border:                 1px solid rgba(0, 0, 0, .15);
    padding:                3px;
}
.panel-chart-options .options-controls {
    margin-top:             5px !important;
}
.panel-chart-options .fa.fa-info-circle {
	color: 					#bbb;
	font-size: 				14px;
}

.panel-toggle {
	font-size: 				14px;
    cursor:                 pointer;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.panel-toggle.opened {
 	color: 					#bbb;
}

    /* ANIMATIONS */
    .animate-show {
        -webkit-transition:all linear .5s;
        transition:all linear .5s;
        opacity: 1;
    }

    .animate-show.ng-hide {
        opacity: 0;
    }

    .animate-show.ng-hide-add {
        opacity: 1;
    }
    .animate-show.ng-hide-add.ng-hide-add-active {
        opacity: 0;
      -webkit-animation: slideOutUp .5s;
      -moz-animation: slideOutUp .5s;
      -ms-animation: slideOutUp .5s;
      animation: slideOutUp .5s;
    }
    .animate-show.ng-hide-remove {
        opacity: 0;
    }
    .animate-show.ng-hide-remove.ng-hide-remove-active {
        opacity: 1;
      -webkit-animation: slideInUp .5s;
      -moz-animation: slideInUp .5s;
      -ms-animation: slideInUp .5s;
      animation: slideInUp .5s;
    }



    /* ANIMATIONS */
    .animate-show.extra-controls {
        -webkit-transition:all linear .5s;
        transition:all linear .5s;
        opacity: 1;
    }

    .animate-show.extra-controls.ng-hide {
        opacity: 0;
    }

    .animate-show.extra-controls.ng-hide-add {
        opacity: 1;
    }
    .animate-show.extra-controls.ng-hide-add.ng-hide-add-active {
        opacity: 0;
      -webkit-animation: slideOutUp .5s;
      -moz-animation: slideOutUp .5s;
      -ms-animation: slideOutUp .5s;
      animation: slideOutUp .5s;
    }
    .animate-show.extra-controls.ng-hide-remove {
        opacity: 0;
    }
    .animate-show.extra-controls.ng-hide-remove.ng-hide-remove-active {
        opacity: 1;
      -webkit-animation: slideInDown .5s;
      -moz-animation: slideInDown .5s;
      -ms-animation: slideInDown .5s;
      animation: slideInDown .5s;
    }




    /* ANIMATIONS */
    .animate-show.name-and-widget {
        -webkit-transition:all linear .5s;
        transition:all linear .5s;
        opacity: 1;
    }

    .animate-show.name-and-widget.ng-hide {
        opacity: 0;
    }

    .animate-show.name-and-widget.ng-hide-add {
        opacity: 1;
    }
    .animate-show.name-and-widget.ng-hide-add.ng-hide-add-active {
        opacity: 0;
      -webkit-animation: zoomOut .5s;
      -moz-animation: zoomOut .5s;
      -ms-animation: zoomOut .5s;
      animation: zoomOut .5s;
    }
    .animate-show.name-and-widget.ng-hide-remove {
        opacity: 0;
    }
    .animate-show.name-and-widget.ng-hide-remove.ng-hide-remove-active {
        opacity: 1;
      -webkit-animation: slideInDown .5s;
      -moz-animation: slideInDown .5s;
      -ms-animation: slideInDown .5s;
      animation: slideInDown .5s;
    }





/* BUTTONS */

.uk-button.uk-button-primary:disabled {
	background-color: 	#E5F0F5;
	color: 				#999;
}


/* ELEMENTS */

.graphical-ephemeris {
    position:       relative;
    width :         100% !important;
    height:         800px !important;
    overflow:       hidden;
    background:     #031440;


}
.graphical-ephemeris canvas {
    position: absolute;
    top: 0;
    left: 0;

}
.graphical-ephemeris .info-canvas {
    z-index: 110;
}
.graphical-ephemeris .base-canvas {
    z-index: 100;
}
.graphical-ephemeris .spinner {
    position: 		absolute;
    top:            50%;
    left:           50%;
    z-index:        99;
    font-size:      15px;
    transform:      translateX(-50%);
    color:          #fff;
}
.graphical-ephemeris .drawing-box-zone {
	position: 		absolute;
	top : 			20px;
	left: 			91px;
	right: 			43px;
	top: 			21px;
	bottom: 		39px;
	z-index: 		120;
	cursor: 		none;
}
.graphical-ephemeris .spinner .fa {
    font-size:      20px;
}


.astro-map, .map-instance {
    width :         100% !important;
    height:         800px !important;
}



/* COSMOGRAM FORMULA ADDING */

.formula-factors label {
	text-align:			center;
	font-weight:		bold;
	display:			inline-block;
	width:				100%;
}

.formula-factors select {
	padding:			0;
}


.factor-select, .factor-select option {
	font-family: 		'AstroGlyph' !important;
	text-align: 		center !important;
}


/* PLANET INFO LIST */
.planet-list-table tr td {
	padding-top: 		4px;
	padding-bottom: 	4px;
}
.planet-list-table tr td.planet-sign, .planet-list-table tr td.planet-speed {
	padding-top:		8px;
}

.planet-info-dropdown {
	position: 			relative;

}
.planet-info-dropdown .planet-button {
	background: 		transparent;
	border: 			1px solid transparent;
	padding-right: 		15px !important;
	cursor: 			default;
	transition-duration: .3s;
}
.planet-info-dropdown .uk-icon-caret-down {
	opacity: 			0;
	position: 			absolute;
	right: 				6px;
	top: 				11px;
	font-size: 			75%;
}

.planet-info-dropdown.is-planet:hover .planet-button {
    background: 		#f5f5f5;
	border: 			1px solid rgba(0,0,0,.06);
	cursor: 			pointer;
}
.planet-info-dropdown.is-planet:hover .uk-icon-caret-down {
	opacity: 			0.8;
}




/* Planetary dynamics modal */

#planetary-dynamics-modal .uk-modal-dialog {

	min-width: 				1000px;
	min-height: 			220px;
	position: 				absolute;
	top: 					30%;
	left: 					50%;
	transform: 				translate(-50%, -50%);
	background:    		 	#031440;
}

#planetary-dynamics-modal .modal-controls {
	margin-top: 			15px;
	color: 					#ccc;
	margin-left: 			54px;
	margin-right: 			51px;
}

#planetary-dynamics-modal .modal-controls select {
	background: 			rgba(255, 255, 255, .10);
	border-color: 			rgba(255, 255, 255, .35);
	color: 					#ccc;
}

#planetary-dynamics-modal .modal-controls select option {
	color: 					#333;
}

#planetary-dynamics-modal .controls-row {
	margin-top: 			10px;
}



.planetary-dynamics {
    position:       relative;
    width :         1000px !important;
    height:         300px !important;
    overflow:       hidden;
    background:     #031440;
}
.planetary-dynamics canvas {
    position: absolute;
    top: 0;
    left: 0;

}
.planetary-dynamics .info-canvas {
    z-index: 110;
}
.planetary-dynamics .base-canvas {
    z-index: 100;
}
.planetary-dynamics .spinner {
    position: 		absolute;
    top:            50%;
    left:           50%;
    z-index:        99;
    font-size:      15px;
    transform:      translateX(-50%);
    color:          #fff;
}


.planetary-dynamics .drawing-box-zone {
	position: 		absolute;
	top : 			20px;
	left: 			55px;
	right: 			53px;
	top: 			21px;
	bottom: 		39px;
	z-index: 		120;
	cursor: 		none;
}


.planetary-dynamics .spinner .fa {
    font-size:      20px;
}



/* JYOTISH CHART */


.chart-jyotish .chart-base {
    display: flex;
    border-radius: 4px;
    flex-wrap: wrap;
}

.chart-jyotish {
    margin-top: 5px;
    margin-left: 5px;
}

.chart-jyotish .chart-base .house {
    width: 25%;
    height: 150px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}

.chart-jyotish .chart-base .house.sign21,
.chart-jyotish .chart-base .house.sign22,
.chart-jyotish .chart-base .house.sign23,
.chart-jyotish .chart-base .house.sign24 {
    border: 0;
}

.chart-jyotish .chart-base .house.sign12,
.chart-jyotish .chart-base .house.sign1,
.chart-jyotish .chart-base .house.sign2,
.chart-jyotish .chart-base .house.sign9,
.chart-jyotish .chart-base .house.sign8,
.chart-jyotish .chart-base .house.sign7 {
    border-right: 0;
}

.chart-jyotish .chart-base .house.sign3,
.chart-jyotish .chart-base .house.sign4,
.chart-jyotish .chart-base .house.sign5,
.chart-jyotish .chart-base .house.sign12,
.chart-jyotish .chart-base .house.sign11,
.chart-jyotish .chart-base .house.sign10 {
    border-bottom: 0;
}

.chart-jyotish .chart-base .house.lagna::before {
    content: ' ';
    width: 100%;
    height: 150px;
    position: absolute;
    background: linear-gradient(to top right,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) calc(50% - 1px),
        rgba(0,0,0, .2) 50%,
        rgba(0,0,0,0) calc(50% + 1px),
        rgba(0,0,0,0) 100%);
}

.chart-jyotish .chart-base .house .content {
    margin: 10px;
    position: relative;
}

.chart-jyotish .chart-base .house .content i {
    position: absolute;
    top: 28px;
    left: calc(50% - 30px);
    font-size: 78px;
    color: #f6f6f6;
}

.chart-jyotish .chart-base .house .content ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: left;
}

.chart-jyotish .chart-base .house .content ul.transit {
    float: right;
    color: #88f;
}

/* JYOTISH ANALYSIS */

.jyotish-analysis {
    padding: 5px;
    min-height: 700px;

}

.jyotish-analysis .bhavesh-in-bhava a {
    display: inline-block;
    margin-right: 10px;
}