@media print {

	.print-bg { background-color: #FFF !important; margin-top: 35px !important; }

	.canvas{
		margin-left: -90px !important;
		margin-top: -20px !important;
		border: 0px;
	}

	.canvas > h5 {
		color: #B5B5B5 !important;
	}

	.page-break{ page-break-inside: avoid;}

	.page-width{
		margin-left: -116px !important;
		border: 0px;
	}

	.uppercase {text-transform: uppercase;}

	.indicator-margin-title{
		margin-left: 3px;
	}
	.graph-indicator{
		margin-left: -130px !important;
		border: 0px;
	}

	.red{
		color: #D9534F !important;
	}

	.yellow-light{
		color:#FFFD75 !important;
	}

	.overcoming {
		border: 1px #CCC solid;
		background-color: #428bca !important;
	}

	.reached {
		border: 1px #CCC solid;
		background-color: #5cb85c !important;
	}

	.tolerance {
		border: 1px #CCC solid;
		background-color: #f0ad4e !important;
	}

	.not_reached {
		border: 1px #CCC solid;
		background-color: #d9534f !important;
	}

	.no_value {
		border: 1px #CCC solid;
		background-color: #FFF !important;
	}

	.not_completed {
		border: 1px #CC solid;
		background-color: #FFF !important;
	}

	.goal_undefined {
		border: 1px #AAA solid;
		background-color: #AAA !important;
		color: #AAA !important;
	}

	.black { color: #000000 !important; }

	.white { color: #FFFFFF !important; }

	.yellow { color: #F0AD4E !important; }

	.yellow-light { color: #FFFD75 !important; }

	.green { color: #5CB85C !important; }

	.red { color: #D9534F !important; }

	.blue { color: #428BCA !important; }

	.blue-light { color: #5BC0DE !important; }

	.gray { color: #CCC !important; }

	.dark-gray { color: #333333 !important; }


	.font-print{
		font-size: 9px!important;
	}
	.strategic-map-page-width{
		margin-left: -50px !important;
		width:110% !important;
	}
	.navbar-default {
		background: none !important;
		border-bottom: none !important;
	}

}


@media print and (min-width: 1025px){

	.page-break{ page-break-inside: avoid;}

	.print-config{
		width: 100%;
		margin: auto !important;
	}

	.navbar-default {
		background: none !important;
		border-bottom: none !important;
	}

	.graph-indicator{
		margin-left: -130px !important;
		border: 0px;
	}
}

@media print and (orientation:landscape){



	.page-break{ page-break-inside: avoid;}

	.page-width{
		margin-left: -116px !important;
		border: 0px;

	}
	.container{
		width: none !important;
	}
	.indicator-margin-title{
		margin-left: 3px;
	}

	.graph-indicator{
		margin-left: -90px !important;
		border: 0px;
	}
	.font-print{
		font-size: 9px!important;
	}

	.strategic-map-page-width{
		margin-left: -80px !important;
		width:110% !important;
	}

	.navbar-default {
		background: none !important;
		border-bottom: none !important;
	}
	.print-config{
		width: 100%;
		margin: auto !important;
	}

	/*Strategic_map*/
	.vertical-text{
		transform: rotate(269deg);
		transform-origin: left top 0;
		/* float: left; */
		display: block;
		/* background-color: #CCC; */
		position: absolute;
		margin-top: 200%;
		font-size: 30px;
	}

	.content {
		/*width: 86%;*/
	}

	#preferred_indicators{
		min-height: 165px
	}

	#chart-modal{
		width: 550px;
		height: 300px;
	}

	#chart-projects-status{
		width: 185px;
		height: 185px;
		text-align: center;
	}

	#chart1{
		height: 205px;
		width: 205px;
		margin: 0 auto;
	}

	#chart2{
		height: 275px;
		margin: 0 auto;
	}

	#chart3{
		height: 275px;
		margin: 0 auto;
	}

	.vertical-middle{
		text-align: center;
    	position: relative;
    	top: 50%;
    	-ms-transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
	}

	.percent{
		font-size: 25px;
		width: 100%;
		margin-left: 0% !important;
	}

	.porcent-simbol{
		font-size: 15px;
	}

	.vision{
		background: #DFF0D8;
		width: 100%;
		font-size: 12px;
	}

	.vision .percent{
		width: 117px;
	}

	.vision .percent span {
		font-size: 23px;
		padding-left: 0px;
		padding-right: 5px;
	}

	.vision .text{
		width: 80% !important;
		min-height: 30px;
		margin-bottom: 3px;
		margin-top: 3px;
	}

	.perspective {
		position: relative;
		font-size: 10px;
	}

	.perspective .header {
		position: absolute;
		height: 100%;
		border: 1px solid #DF9090;
		border-radius: 5px;
		background-color: #F2DEDE;
		padding-right: 0px !important;
		padding-left: 0px !important;
		z-index: 1000;
	}

	.theme {
		padding-left: 7%;
		font-size: 10px;
		position: relative;
		padding-right: 0.4%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.theme .header {
  	border: 1px solid #8FC2A3;
  	border-radius: 5px;
		background-color: #DFF0D8;
		z-index: 1000;
	}

	.popouver-objective{
		margin-left:145px;
		position:absolute;
		margin-top:50px;
		height:1px;
	}

	.objective {
		position: relative;
		padding-left: 13%;
		padding-right: 0%;
	}

	.objective .item {
  		margin-left: 6.5%;
	  	margin-top: 1%;
	  	margin-bottom: 1%;
	  	height: 66px;
	  	border: 1px solid #B5B5B5;
	  	border-radius: 5px;
	  	background-color: #F5F5F5;
	  	min-width: 187px;
	}

	.objective-title .item.success {
		background-color: #dff0d8;
	}

	.objective .item.danger {
		background-color: #F2DEDE;
	}

	.objective-title {
		width: 100%;
	}

	.popouver-objective-no-theme{
		margin-left:145px;
		position:absolute;
		margin-top:50px;
		height:1px;
	}

	.objective-no-theme {
		position: relative;
		padding-left: 0%;
		padding-right: 0%;
	}

	.objective-no-theme .item {
		  margin-left: 9.5%;
		  margin-top: 1%;
		  margin-bottom: 1%;
		  height: 66px;
		  border: 1px solid #B5B5B5;
		  border-radius: 5px;
		  background-color: #F5F5F5;
		  min-width: 199px;
		  width: 19%;
	}

	.objective-no-theme .item.success {
		background-color: #dff0d8;
	}

	.objective-no-theme .item.danger {
		background-color: #F2DEDE;
	}

	.arrow-map{
		width: 0;
  		height: 0;
  		/*border-left: 100px solid transparent;*/
  		/*border-right: 100px solid transparent;*/
  		border-bottom: 23px solid #E2E2E2;
  		margin: 0 auto;
		position: relative;
		/* padding-bottom: 16px; */
	}

	.boxes{
	    /*border: 6px solid #fff;*/
	    border-radius: 2px;
	    padding-left: 2%;
	    padding-right: 0%
	}

}


@media print and (orientation:portrait){



	.page-break{ page-break-inside: avoid;}

	.page-width{
		margin-left: -116px !important;
		border: 0px;

	}

	.graph-indicator{
		margin-left: -130px !important;
		border: 0px;
	}

	.container{
		width: none !important;
	}
	.indicator-margin-title{
		margin-left: 3px;
	}
	.font-print{
		font-size: 9px!important;
	}

	.strategic-map-page-width{
		margin-left: -80px !important;
		width:110% !important;
	}

	.navbar-default {
		background: none !important;
		border-bottom: none !important;
	}
	.print-config{
		width: 100%;
		margin: auto !important;
	}

	/*Strategic_map*/
	body { font-size: 11px; }

	.btn { font-size: 11px; }

	.vertical-text{
		transform: rotate(269deg);
		transform-origin: left top 0;
		/* float: left; */
		display: block;
		/* background-color: #CCC; */
		position: absolute;
		margin-top: 200%;
		font-size: 30px;
	}

	.content {
		width: 86%;
	}

	#chart-projects-status{
		width: 180px;
		height: 180px;
		display: relative;
		text-align: center;
	}

	#chart1{
		height: 275px;
		width: 275px;
		margin: 0 auto;
	}

	#chart2{
		height: 275px;
		margin: 0 auto;
	}

	#chart3{
		height: 275px;
		margin: 0 auto;
	}

	.vertical-middle{
		text-align: center;
    	position: relative;
    	top: 50%;
    	-ms-transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
	}

	.percent{
		font-size: 25px;
		width: 100%;
	}
	.porcent-simbol{
		font-size: 15px;
	}

	.vision{
		background: #DFF0D8;
		width: 100%;
		margin-left: 0px;
	}

	.vision .percent{
		width: 80px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.vision .percent span {
		font-size: 18px;
		padding-left: 0px;
		padding-right: 5px;
	}

	.vision .text{
		width: 69%;
		min-height: 30px;
		margin-bottom: 3px;
		margin-top: 3px;
	}

	.perspective {
		position: relative;
		float: none !important;
	}

	.perspective .header {
		height: 66px;
		border: 1px solid #DF9090;
		border-radius: 5px;
		background-color: #F2DEDE;
		z-index: 1000;
	}

	.theme .header {
		height: 66px;
		border: 1px solid #8FC2A3;
		border-radius: 5px;
		background-color: #DFF0D8;
		margin-top: 15px;
		z-index: 1000;
	}

	.popouver-objective{
		margin-left:151px;
		position:absolute;
		margin-top:-16px;
		height:1px;
	}

	.objective {
		position: relative;
		padding-left: 22%;
		margin-top: 10px;
	}

	.objective .item {
		margin: 2%;
		height: 66px;
		border: 1px solid #B5B5B5;
  	border-radius: 5px;
  	background-color: #F5F5F5;
  	min-width: 180px;
	}

	.objective-title {
		width: 100%;
	}

	.popouver-objective-no-theme{
		margin-left:151px;
		position:absolute;
		margin-top:-16px;
		height:1px;
	}

	.objective-no-theme {
		position: relative;
		padding-left: 17%;
		padding-right: 0%;
	}

	.objective-no-theme .item {
		  margin: 2%;
		  height: 66px;
		  border: 1px solid #B5B5B5;
		  border-radius: 5px;
		  background-color: #F5F5F5;
		  min-width: 180px;
	}

	.objective-no-theme .item.success {
		background-color: #dff0d8;
	}

	.objective-no-theme .item.danger {
		background-color: #F2DEDE;
	}

	.arrow-map{
		width: 0;
  		height: 0;
  		/*border-left: 100px solid transparent;*/
  		/*border-right: 100px solid transparent;*/
  		border-bottom: 23px solid #E2E2E2;
  		margin: 0 auto;
		/*padding-bottom: 16px;*/
	}

	.boxes{
	    border: 6px solid #fff;
	    border-radius: 2px;
	}

	#category.graph-indicator {
		font-size: 8px;
	}

}

.margin-top-report {
	margin-top: -40px;
	padding-left: 20px;
}

.hidden-logo {
  display: none;
}

@media print {
  .show-print {
    display: inherit !important;
  }

  .hidden {
	  display: none !important;
	}

	.dash-panel {
		margin: 0 auto;
		margin-top: 50px;
		width: 60%;
		text-align: center;
		font-family: sans-serif;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 10px;
		/*border: 1px solid #CCC;*/
	}

	.dash-warning {
		/*color: #8a6d3b;*/
		background-color: #fcf8e3 !important; /*#37546d   #f9f2cc */
		border: 2px solid #8a6d3b !important;
	}

	.dash-success {
		/*color: #3c763d;*/
		background-color: #dff0d8 !important; /*#37546d    #dff0d8*/
		border: 2px solid #3c763d !important;
	}

	.dash-danger {
		/*color: #a94442;*/
		background-color: #f2dede !important;
		border: 2px solid #a94442 !important;
	}

	.dash-panel > .title-dash {
		padding-bottom: 2px;
		padding-top: 5px;
		font-size: 15px;
	}

	.dash-panel > .title-dash p {
		font-size: 10px;
	}

	.dash-panel > .body-dash {
		padding-bottom: 5px;
	}

	.dash-panel > .body-dash span {
		font-size: 40px;
	}

	.percentual {
		font-size: 20px !important;
	}

	.number_perc {
		font-size: 30px !important;
	}

	.font-35 {
		font-size: 35px !important;
	}

}