/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body { padding-top: 50px; padding-bottom: 20px; }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Carousel */
.carousel-caption p { font-size: 20px; line-height: 1.4; }

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] { width: 100%; }

.container { margin-left: 0px; margin-right: 0px; /*increase width as per your need*/ max-width: 1500px; }

.container-fluid { margin-left: 100px; margin-right: 100px; /*increase width as per your need*/ max-width: 3000px; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: unset !important; }
.k-grid-content { overflow-x: scroll; }
td { display: table-cell; vertical-align: inherit; padding: 0 }
div.form-check label, .form-control, .form-check-input { cursor: pointer; }
/* QR code generator */
#qrCode { margin: 15px; }
.hidden{display:none !important;}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption { display: none; }
}

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
	.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }

@media (min-width:768px) {
	.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.dl-horizontal dd { margin-left: 180px; }
}


.estimateDetails { margin-bottom: 15px; width: 85vw; flex-wrap: wrap }
	.estimateDetails > div { gap: 15px; display: flex; }

	.estimateDetails.hidden { display: none !important }
	.estimateDetails .row { width: 100%; place-content: center }
		.estimateDetails .row > div { width: 25%; display: flex; gap: 15px; margin-bottom: 15px; }
	.estimateDetails label { display: flex; }
		.estimateDetails label.red { color: red; }

.distanceEstimate { display: flex; flex-direction: column; place-content: center; flex-wrap: wrap; }
	.distanceEstimate > div { margin-left: -267px; }
		.distanceEstimate > div > label:first-child { font-weight: 600 }
.branding { margin-left: 2vw; }
.estimatePrint .btn { float: right }
.estimatePrint label { font-weight: 600; display: block }
.estimatePrint div { justify-content: center; display: flex; }
.estimatePrint .column { flex-direction: column; width: 100%; gap: 15px; }
.estimatePrint .quarter-width { width: 25%; }
.estimatePrint .half-width { width: 50%; }
.estimatePrint .full-width { width: 100%; }
.flex-wrap { flex-wrap: wrap; }
.printOnly { display: none !important; }
.container-fluid.body-content{
	min-height:50vh;
	max-height:69vh;
	height:69vh;
}
.navbar-right a {
	padding-left: 15px;
}
#tabstrip ul { box-sizing: border-box; outline: 0; display: flex; flex-direction: inherit; flex-wrap: wrap; flex: 1 1 auto; gap: 0; }
#tabstrip li:not(.k-tabstrip-item) { padding-block: 0.5rem; padding-inline: 1rem; color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 0 0 auto; flex-direction: row; align-content: center; align-items: center; color: #007bff }
@media print {

	body > * { display: none !important; }

	body > .k-window { display: block !important; position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; border-width: 0; box-shadow: none !important; }

	.k-window .k-window-titlebar { display: none; }
/*	body{font-size:1.5rem;}
	hr { display: none !important; }
	footer { position: fixed; bottom: 10px; height: 10px; left: 0px; font-size:.75rem;}
	*/
	.hidden-print { display: none !important; }
	.printOnly { position: fixed; bottom: 0; left: 0; right: 0; color: hsl(0, 0%, 39%); display: block !important; }
	.branding{text-align:center;}
	.branding img{max-width:250px;}
}