/*!
 * blue light
 */

body {
			color: #333;
		background-color: #ddd;
		}
	.bg-wrapp {background-color: #0085AD}
	.bg-wrapp1 {background-color: #CCCCCC}
	.bg-input {background-color: #aaa}
	.bg-input1 {background-color: #E1F8FF}
	.bg-thead {background-color: #0085ad}
	.bg-mine {background-color: #f8f8f8}

	.pl-min1 {padding-left: -10px;}
	.pl-min2 {padding-left: -20px;}
	.pt-min1 {padding-top: -10px;}
	.pt-min2 {padding-top: -20px;}
	.mb-1 {margin-bottom: 10px;} 
	.pb-1 {padding-bottom: 10px;}
	

#page-wrapper {
  padding: 0 15px;
  min-height: 560px;
  background-color: #ddd;
	 font-size: 14px;
}
	
	#wrapper1 {
  width: 100%;
}
	#page-wrapper1 {
  padding: 0 15px;
  min-height: 640px;
  background-color: #f0f0f0;
	 font-size: 14px;
}
	@media (min-width: 768px) {
  #page-wrapper1 {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
		}}
		a {
			color: #555;
		}
	a:hover,
a:focus {
  color: #0085ad;
  text-decoration: underline;
}
		p {
			color: #333;
		}
	.text-info {
  color: #34A79A;
}
.text-danger {
  color: #FF0400;
}
	.text-warning {
  color: #B86700;
}
	.text-title {
  color: #333;
}
	.text-title1 {
  color: #fff;
}
	.text-title2 {
  color: #333;
}
	.text-body {
  color: #fff;
}
	.text-yell {
  color: #FFED00;
}
.text-yell1 {
  color: #9E9417;
}
	.text-trqs {
  color: #00FFD3;
}
			.text-mp {
  color: #272727;
}
		.text-bdy{
			font-size: 12px;
			color: #7B5D00;
		}
		.text-nm {
  color: #0085AD;
}
		.text-almt {
  color: #0085AD;
}
		.text-clck {
  color: #0085AD;
}	

.btn-info {
  color: #fff;
  background-color: #0085AD;
  
}
	.btn-info:hover {
  color: #000000;
  background-color: #00C4FF;
  border-color: #8DE1FB;
}
	.panel-default > .panel-heading {
  color: #fff;
  background-color: #0085AD;
  border-color: #46b8da;
}.panel-default > .panel-body {
  color: #333;
  background-color: #fff;
  border-color: #46b8da;
}.panel-footer {
  padding: 10px 15px;
  background-color: #0085AD;
  border-top: 1px solid #46b8da;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
	.panel-info > .panel-heading {
  color: #FFFFFF;
  background-color: #0085AD;
  border-color: #bce8f1;
}
.panel-info > .panel-body1 {
  color: #eee;
  background-color: #E1F8FF;
  border-color: #bce8f1;
	padding: 15px;
}
.panel-info > .panel-body3 {
  color: #eee;
  background-color: #0085AD;
  border-color: #bce8f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}
.panel-s1 {
  border-color: #E12525;
}
.panel-s1 > .panel-heading {
  border-color: #E12525;
  color: white;
  background-color: #E12525;
}
.panel-s1 > a {
  color: #E12525;
}
.panel-s1 > a:hover {
  color: #E12525;
}

.panel-s2 {
  border-color: #45C344;
}
.panel-s2 > .panel-heading {
  border-color: #45C344;
  color: #fff;
  background-color: #45C344;
}
.panel-s2 > a {
  color: #45C344;
}
.panel-s2 > a:hover {
  color: #45C344;
}


.panel-s3 {
  border-color: #4D61FF;
}
.panel-s3 > .panel-heading {
  border-color: #4D61FF;
  color: #fff;
  background-color: #4D61FF;
}
.panel-s3 > a {
  color: #4D61FF;
}
.panel-s3 > a:hover {
  color: #4D61FF;
}

.panel-s4 {
  border-color: #00CBBB;
}
.panel-s4 > .panel-heading {
  border-color: #00EFFB;
  color: #fff;
  background-color: #00CBBB;
}
.panel-s4 > a {
  color: #00EFFB;
}
.panel-s4 > a:hover {
  color: #00EFFB;
}


.panel-s5 {
  border-color: #D947EF;
}
.panel-s5 > .panel-heading {
  border-color: #D947EF;
  color: #fff;
  background-color: #D947EF;
}
.panel-s5 > a {
  color: #D947EF;
}
.panel-s5 > a:hover {
  color: #D947EF;
}

.panel-s6 {
  border-color: #E38C1F;
}
.panel-s6 > .panel-heading {
  border-color: #E38C1F;
  color: #fff;
  background-color: #E38C1F;
}
.panel-s6 > a {
  color: #E38C1F;
}
.panel-s6 > a:hover {
  color: #E38C1F;
}
		
.navbar-default {
  background-color: #0085AD;
  border-color: #FFFFFF;
	
}
	.navbar-header {
  background-color: #0085AD;
  border-color: #FFFFFF;
}


.sidebar ul li a {
	color: #eee;
  
}
.sidebar ul li a.active {
	color: eee;
  background-color: #0085AD;
}
		.nav > li > a:hover,
.nav > li > a:focus {
	color:#ffed00;
  text-decoration: none;
  background-color: #008FBB;
	
}
	.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  background-color: #ccc;
  border-radius: 10px;
}
garis {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #0085ad;
}

p1 {
  margin: 0 0 3px;
 display: block;
}

/** Highchart **/
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 10px;
  user-select: none;
}
/* Titles */
.highcharts-title {
  fill: #333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #888;
}
/* axis*/
.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 1;
}
.highcharts-grid-line {
  fill: #ccc;
  stroke: #ccc;
}

/*label tickinterval*/
.highcharts-axis-labels {
	fill: #333;
}


/* Legend */
.highcharts-legend-item > text {
  fill: #666;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}


.highcharts-legend-item:hover text {
  fill: #000;
}

.highcharts-legend-item-hidden * {
  fill: #ccc !important;
  stroke: #ccc !important;
  transition: fill 250ms;
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}



.highcharts-figure, .highcharts-data-table table {
    min-width: 100px; 
    max-width: 400px;
	background-color: #ddd
    
}

#tot{
    height: 150px;
}
/** end of highchart**/

img {object-fit:cover;}