/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.tab-content {
		height: 100%;
		will-change: transform;
		-webkit-perspective: 400px;
		perspective: 400px;
		overflow: hidden;
		-webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
	}	
	.container_smile .layanan {
	    position: relative;
	    background-color: #000;
	    background-color: rgba(0,0,0,0.4);
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	    border-radius: 3px;
	    padding: 5px;
	    display: block;
	    text-align: center;
	}
	.img-thumb {
	    padding: .45rem;
	    max-width: 70%;
	    height: auto;
	}
	nav .nav-link a:active {
	    color: #000 !important;
	}
	.main_title_1 p {
		font-size: 1.1em !important;
	}

	@media (max-width: 767px) {
		.main_title_1 p em {
		    font-size: 1.5rem;
		}
		.main_title_1 p {
		    font-size:  0.9em !important;
		    margin-bottom: 15px;
		}
		
		h3.main_question {
		    font-size: 1rem;
		    text-align: center;
		}
	}
	.modal-dialog {
	  padding-top: 15%;
	}
	/* flo chart */
	/* FLOT CHART  */
	.flot-chart {
	  display: block;
	  height: 200px;
	}
	.widget .flot-chart.dashboard-chart {
	  display: block;
	  height: 120px;
	  margin-top: 40px;
	}
	.flot-chart.dashboard-chart {
	  display: block;
	  height: 180px;
	  margin-top: 40px;
	}
	.flot-chart-content {
	  width: 100%;
	  height: 100%;
	}
	.flot-chart-pie-content {
	  width: 200px;
	  height: 200px;
	  margin: auto;
	}
	.jqstooltip {
	  position: absolute;
	  display: block;
	  left: 0;
	  top: 0;
	  visibility: hidden;
	  background: #2b303a;
	  background-color: rgba(43, 48, 58, 0.8);
	  color: white;
	  text-align: left;
	  white-space: nowrap;
	  z-index: 10000;
	  padding: 5px 5px 5px 5px;
	  min-height: 22px;
	  border-radius: 3px;
	}
	.jqsfield {
	  color: white;
	  text-align: left;
	}
	.fh-150 {
	  height: 150px;
	}
	.fh-200 {
	  height: 200px;
	}
	.h-150 {
	  min-height: 150px;
	}
	.h-200 {
	  min-height: 200px;
	}
	.h-300 {
	  min-height: 300px;
	}
	.w-150 {
	  min-width: 150px;
	}
	.w-200 {
	  min-width: 200px;
	}
	.w-300 {
	  min-width: 300px;
	}
	.legendLabel {
	  padding-left: 5px;
	}
	.stat-list li:first-child {
	  margin-top: 0;
	}
	.stat-list {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}
	.stat-percent {
	  float: right;
	}
	.stat-list li {
	  margin-top: 15px;
	  position: relative;
	}
	.flot-text {
		color: #fff !important;
		font-weight: bold !important;
	}
	.flot-chart {
		background-color: #f5f5dc0f !important;
	    padding: 10px !important;
	}