html, body {
	height: 100%
}

.container, .container-fluid {
	height: 100%;
	overflow-y: hidden; /* don't show content that exceeds my height */
}

body {
	min-height: inherit;
	padding-top: 54px;
}

@media ( min-width : 992px) {
	body {
		padding-top: 56px;
	}
}

@media only screen and (min-width: 768px) {
	.login-card {
		width: 40%;
	}
	.login-container {
		margin-top: 12em;
	}
}

@media only screen and (max-width: 768px) {
	body {
		font-size: .8em;
	}
	.login-card {
		width: auto;
	}
	.login-container {
		margin-top: 10em;
	}
}

.mainContainer {
	position: relative;
	margin-top: 5em;
}

.innerContainer {
	margin-bottom: 5em;
}

.login-card {
	background-color: aliceblue;
}
/* .row, .form-row {
	border: 1px solid red;
} */

/*.col {
	border: 1px solid blue;
} */
.bordered {
	border: 1px solid rgba(0, 0, 0, .15);
	padding: 0.5rem 0.75rem;
}

.form-control-c {
	display: inline;
	width: initial;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-c:disabled {
	background-color: #e9ecef;
}

.pageSpinner {
	position: fixed;
	top: 50%;
	left: 50%;
	/* color : #007bff; */
}

/* .table>thead>tr>th {
	vertical-align: middle;
}

.margin-bottom-basic {
	margin-bottom: 15px;
}

.pagination {
	margin: 0;
}

.items-per-page {
	margin-left: 15px;
}

.sortable:after {
	font: 15px/1 FontAwesome;
	content: "\f0dc";
	padding-left: 5px;
}

.sortable.sort-ascent:after {
	content: '\f0de';
	vertical-align: bottom;
	padding-left: 5px;
}

.sortable.sort-descent:after {
	content: "\f0dd";
	vertical-align: top;
	padding-left: 5px;
}
 */
.hidden {
	display: none;
}

.error-text {
	color: red;
	font-weight: bold;
}

.footer {
	background: #343a40 !important;
	color: white;
}