body{
		font-family: Tahoma;
		background-color: #f5f5f5;
		font-size: 16px;
	}
	.navbar-default{
		background-color: #f5f5f5;
		border-radius: 0px;
		border-color: #f5f5f5;

	}
.trheader{
	background-color: #eee;
}

.navbar {
	border-radius: 0;
}

.panel,
.btn,
.form-control {
	border-radius: 0;
}

@media (max-width: 1024px) {
	body {
		font-size: 15px;
		-webkit-text-size-adjust: 100%;
	}

	.container {
		width: auto;
		padding-left: 12px;
		padding-right: 12px;
	}

	.container-fluid {
		padding-left: 12px;
		padding-right: 12px;
	}

	.navbar-brand {
		font-size: 20px;
		height: auto;
		padding-top: 16px;
		padding-bottom: 16px;
		max-width: calc(100% - 70px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.navbar-toggle {
		margin-top: 12px;
		margin-bottom: 12px;
		padding: 10px 12px;
	}

	.navbar-nav > li > a,
	.nav-pills > li > a {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 15px;
	}

	.btn {
		min-height: 44px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
	}

	.btn.btn-xs,
	.btn.btn-sm {
		min-height: 38px;
	}

	.form-control {
		height: 44px;
		font-size: 16px;
	}

	textarea.form-control {
		height: auto;
		min-height: 88px;
	}

	.panel-body {
		padding: 12px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table {
		min-width: 720px;
	}

	.app-sidebar {
		width: 100% !important;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
	}

	.app-sidebar + [class*="col-"] {
		width: 100% !important;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
	}

	.app-sidebar .panel {
		margin-bottom: 12px;
	}

	.app-sidebar .nav.nav-pills {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
		white-space: nowrap;
	}

	.app-sidebar .nav.nav-pills > li {
		float: none;
		width: auto !important;
		flex: 0 0 auto;
	}

	.app-sidebar .nav.nav-pills > li > a {
		border: 1px solid #ddd;
		background: #fff;
	}

	.modal-dialog {
		width: auto;
		margin: 16px;
	}
}

@media print {
	body * {
		visibility: hidden;
	}
	#section-to-print, #section-to-print * {
		visibility: visible;
	}
	#section-to-print {
		position: absolute;
		left: 0;
		top: 0;
	}
	#section-to-print2, #section-to-print2 * {
		visibility: visible;
	}
	#section-to-print2 {
		position: absolute;
		left: 0;
		top: 0;
	}
 html, body {
    height:100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
  }


  .trheader th{
	background-color: #eeeeee !important;

}



}