/* 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: 20px;
	padding-bottom: 5px;
}

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

/* 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%;
}

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}

.dispatch-section {
	background-color: white;
	border: 1px solid grey;
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 10px;
}

table.cg-ok tr td .cg-square {
	background-color: darkseagreen;
}

table.cg-error tr td .cg-square {
	background-color: indianred;
}

.cg-square {
	border: 1px solid lightgrey;
	border-radius: 5px;
	height: 50px;
	width: 50px;
	margin: 5px;
}



.sc-square {
	border: 1px solid lightgrey;
	border-radius: 5px;
	height: 50px;
	width: 50px;
	margin: 5px;
	text-align: center;
	padding: 2px;
}

	.sc-square.free {
		background-color: lightblue;
	}

	.sc-square.unavailable {
		background-color: gainsboro;
		display: none;
	}

	.sc-square.assigned {
		background-color: salmon;
	}

	.sc-square.pilot-seat {
		background-color: cadetblue;
	}

table.cg-ok, table.cg-error {
	margin-bottom: 10px;
}


button.e-editbutton:before {
	content: "\f044";
	font-family: "Font Awesome\ 5 Free";
}

button.e-deletebutton:before {
	content: "\f2ed";
	font-family: "Font Awesome\ 5 Free";
}

button.e-savebutton:before {
	content: "\f0c7";
	font-family: "Font Awesome\ 5 Free";
}

button.e-cancelbutton:before {
	content: "\f057";
	font-family: "Font Awesome\ 5 Free";
}

button.e-printbutton:before {
	content: "\f02f";
	font-family: "Font Awesome\ 5 Free";
}

button.e-restorebutton:before {
	content: "\f2d2";
	font-family: "Font Awesome\ 5 Free";
}

.container {
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	width: 95%;
}

.body-content {
	width: 98%;
}

.error{
	color:red;
	font-size:11px;
}

.e-headercell, .e-rowcell{
	padding: 4px!important;
}
.e-headercell {
	height:20px!important;
}

.e-disable{
	opacity:.6!important;
}

.e-viewsdiv{
	display:none!important;
}
.py-0,
.py-md-0,
li.py-0 a,
ul.py-0 a,
.table.py-0 tr td {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.navbar,
.navbar .container,
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
	height: 30px;
	min-height: 30px;
}

.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand{
	padding-top:5px !important;
}

.col-md-3-5, .col-md-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 992px) {
	.col-md-3-5, .col-md-1-5 {
		float: left;
	}
}

.col-md-1-5 {
	width: 14.285714%;
}

.col-md-3-5 {
	width: 20%;
}


.disabled{
    color:lightgray!important;
    cursor: not-allowed;
}

#message-div {
    position: relative;
    top: -30px;
    z-index: 99999999;
    margin: 0 auto;
    clear: left;
    height: auto;
    width: auto;
    text-align: center;
    width: 30%;
}