html { height: 100%; }

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}


.content {
	min-height: calc(87vh - 40px);
	padding-left: 20px;
	padding-right: 20px;
	z-index: 0;
}

/*@media all and (max-width: 991px) {
    .content { margin-left: 20px; }
}*/

.btn-primary {
	-moz-transition: background-color 100ms ease-in;
	-o-transition: background-color 100ms ease-in;
	-webkit-transition: background-color 100ms ease-in;
	background-color: #93C01F;
	border-color: #93C01F;
	font-size: large;
	text-decoration: none;
	transition: background-color 100ms ease-in;
}

.btn-primary:hover {
	background-color: #557010;
	border-color: #557010;
}

.navbar { margin-bottom: 20px; }

nav,
footer {
	background-color: #56686C;
	z-index: 1;
}

/*nav {
	font-size: larger;
	height: 8vh;
}*/

footer {
	color: white;
	height: 5vh;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

footer span a { color: white; }

nav a img { height: 50px; }

.ccc { color: #93C01F; }

.sidenav {
	height: 100%; /* Full-height: remove this if you want "auto" height */
	left: 0;
	margin-left: 50px;
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 120px;
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	top: 0; /* Stay at the top */
	width: 180px; /* Set the width of the sidebar */
	z-index: 1; /* Stay on top */
}

.sidenav a {
	margin-top: 10px;
	width: 75%;
}

.loading {
	background-color: lightgray;
	display: none;
	height: 100%;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 20%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.loadingText {
	padding-left: 20%;
	position: absolute;
	top: 48%;
}

.nav-link { color: white; }

.nav-item { padding-right: 5px; }

.wrapper { position: relative; }

.wrapper-child {
	left: 100%;
	margin-top: -1px;
	top: 0;
}

#compLogo {
	max-height: 75px;
	max-width: 160px;
}

#myComp:hover { cursor: pointer; }

#spinner {
	background: rgba(0, 0, 0, 0.7);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	transition: opacity 0.2s;
	width: 100vw;
	z-index: 9999;
}

#spinner svg {
	left: calc(50vw - 100px);
	position: absolute;
	top: calc(50vh - 100px);
}

#spinner {
	opacity: 0;
	visibility: hidden;
}

#spinner.show {
	opacity: 1;
	visibility: visible;
}


/* New styles or design added by Vikas*/
.emissionOrgReport .table thead th {
	vertical-align: middle;
}

.emissionOrgReport tr td:first-child {
	width: 350px;
}

.emissionOrgReport .headingParaph {
	font-size: 16px;
	color: #28a745;
	font-weight: bold;
	margin-bottom: 5px;
}

.table-success-custom{background-color:rgba(147,192,31,.65);}
.table thead tr th {vertical-align: middle;}

.top-navbar .navbar-collapse{align-items:flex-start;}
	.top-navbar .navbar-collapse .btn-logout {margin-top:11px;}
.control-label{display:block}
.buttonHolder{gap:15px}


/* Hide the dropdown by default */
.nav-item.dropdown .dropdown-menu {
	display: none;
}

/* Show the dropdown when hovering over the parent link */
.nav-item.dropdown:hover .dropdown-menu {
	display: block;
}

/* Optional: Add transition for smooth appearance */
.nav-item.dropdown .dropdown-menu {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.nav-item.dropdown:hover .dropdown-menu {
	display: block;
	opacity: 1;
}

.dropdown-menu{
	margin: 0;
}