﻿/*, all and (min-width:1800px)*/
@media print {
	@page {
		margin: 0.5cm;
	}

	body {
		font-family: Georgia, serif;
		background: none;
		color: black;
	}
	.section-navbar, .frm-update, .frm-logo, .iis-logo, .frm-help, .frm-separator, .section-btn, .frm-settings-menu {
		display: none;
	}
	.ovr-more-info {
		display: none;
	}

	.section-header {
		height: 70px;
	}

	.highcharts-background, a, print-export {
		display: none;
	}
	.highcharts-tracker rect {
		fill: darkgray;
	}
	.panel-color {
		border-top: 7px solid darkgray;
		border-bottom: 7px solid darkgray;
	}
	.panel-child-animate {
		border-top: 6px solid darkgray;
		border-bottom: 6px solid darkgray;
	}
	.frm-project-details, .frm-project-update {
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
	}

	.comp-chart-sts {
		padding: 0;
		font-size: 12px;
		font-weight: normal;
	}

	.widget-header {
		line-height: normal;
	}

	.widget-content .inner-circle h1 {
		font-size: 3.4em;
	}
	.content--small {
		font-size: 20px;
	}

	.white-text {
		line-height:normal;
		font-weight: normal;
	}
	.frm-filters {
		line-height:normal;
		font-weight: normal;
		font-size: small;
	}
	#onl-qta {
		padding-bottom: 0;
        display:none;
	}

	.highcharts-series path:first-child ,text{
		fill: black !important;
		color: black;
	}
	.highcharts-series path:last-child {
		fill: lightgray;
		color: lightgray;
	}
	.orange-div {
		background-color: lightgray !important;
		border-top: 5px solid lightgray;
		border-bottom: 5px solid lightgray;
		height: 0;
	}
	.red-div {
		background-color: gray !important;
		border-top: 5px solid gray;
		border-bottom: 5px solid gray;
		height: 0;
	}

	.outer-circle {
		border-color: black;
		width: 150px;
		height: 150px;
	}
	.inner-circle {
		top: -150px;
		padding-right: 15px;
	}

    #ovr-ind.col-xs-12,#int-lng.col-xs-12,#dev-type.col-xs-12,#com-sts.col-xs-12{
        width:50%;
    }

}

/*#region Media query*/
@media all and (max-height:770px) {
	.help-container-resize {
		top:10px;
	}
	.help-element-container {
		max-height: 250px;
	}
	.sct-container-resize {
		top:10px;
	}
		.sct-container-resize .widget-header {
			border-top: 1px solid gray;
		}
		.sct-container-resize .widget-scr-content {
			max-height: 400px;
		}
}

@media screen and (max-height: 800px)
{
    .help-container-resize {
		top:10px;
	}

}

@media screen and (max-height: 400px)
{
    .help-element-container {
		max-height: 200px;
	}

   .sct-container-resize .widget-scr-content {
		max-height: 280px;
	}

}

@media all and (min-height:771px) {
	.help-container-resize, .sct-container-resize {
		top:200px;
	}
	.help-element-container {
		max-height: 420px;
	}
}

@media all and (min-width: 1240px) {
	.frm-btn .button-h4 {
		font-size: 11px;
		font-weight: bolder;
		letter-spacing: 1px;
	}

	.form-group {
		width: 90%;
		margin-left: 15px;
	}
}

@media all and (max-width: 1239px) and (min-width: 1101px) {
	.frm-btn .button-h4 {
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0.5px;
	}

	.form-group {
		width: 90%;
		margin-left: 15px;
	}
}

@media all and (max-width: 1100px) and (min-width: 1045px) {
	.frm-btn .button-h4 {
		font-size: 9.5px;
		font-weight: bold;
		letter-spacing: 0.3px;
	}

	.form-group {
		width: 90%;
		margin-left: 15px;
	}
}

@media all and (max-width: 1044px) and (min-width: 750px) {
	.frm-btn .button-h4 {
		font-size: 9px;
		font-weight: bold;
		letter-spacing: 0.3px;
	}

	.form-group {
		width: 88%;
		margin-left: 15px;
	}
}

@media all and (max-width: 749px) {
	.frm-btn .button-h4 {
		font-size: 11px;
		font-weight: bolder;
		letter-spacing: 1px;
	}

	.form-group {
		width: 87%;
		margin-left: 10px;
	}
}

@media all and (max-width: 640px) {

	.form-group {
		width: 80%;
	}

}

@media all and (min-width: 1200px), (max-width: 990px) {
	.widget-content h2, .widget-content h3, .widget-content h4 {
		font-weight: bolder;
	}

	.widget-content h2 {
		font-size: 32px;
	}

	.widget-content h3 {
		font-size: 24px;
	}

	.widget-content h4 {
		font-size: 20px;
	}
}

@media all and (max-width: 1200px) and (min-width: 991px) {
	.widget-content h2 {
		font-size: 28px;
		font-weight: bold;
	}

	.widget-content h3 {
		font-size: 21px;
		font-weight: bold;
	}

	.widget-content h4 {
		font-size: 17px;
		font-weight: bold;
	}

	.widget-header, .widget-header--small {
		font-size: 19px;
	}
}

/*#endregion*/
