html, body, #root, .App {
	height: 100%;
	width: 100%;
}

/*** navbar ***/

.navbar {
	padding-top: 0.7rem !important;
	padding-bottom: 0.7rem !important;
	background-color: #004982 !important;
}

/*** footer ***/

.percepthor-page-footer.dark {
	background-color: #2b2f31;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
}

.percepthor-page-footer.dark .footer-copyright {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	background-color: #3c3c3c;
	border-color: #3c3c3c
}

.percepthor-page-footer.dark .footer-copyright p {
	margin: 10px;
	color: #ccc
}

@media (max-width: 900px) {
	.percepthor-page-footer.dark {
		height: 70px;
	}
}

/*** not found img ***/

.not-found-img {
	height: 90vh;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*** container ***/

.custom-container {
	margin-top: 1rem;
	min-height: calc(100vh - 300px);
	max-height: calc(100vh - 300px);
	overflow-y: scroll;
}

.custom-p-container {
	padding-bottom: 5rem;
}

/*** scrollbar ***/

/* Firefox */
.custom-scrollbar {
	scrollbar-width: auto;
	scrollbar-color: #c1c1c1 #f1f1f1;
}

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
	background: #a7a7a7; 
}

/* Firefox */
.terminal-scrollbar {
	scrollbar-width: auto;
	scrollbar-color: #717684 #373b49;
}

/* Chrome, Edge, and Safari */
.terminal-scrollbar::-webkit-scrollbar {
	width: 10px;
}

.terminal-scrollbar::-webkit-scrollbar-track {
	background: #373b49;
	border-radius: 10px;
}

.terminal-scrollbar::-webkit-scrollbar-thumb {
	background-color: #717684;
	border-radius: 10px;
	border: 1px solid #717684;
}

.terminal-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #9ba0ae; 
}

/*** spinner ***/

.spinner-margin {
	margin-left: 2rem;
}

.spinner-text {
	font-size: 1.5rem;
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.spinner-text {
		font-size: 1rem;
	}
}

/*** card ***/

.card-border {
	/* border-color: #dee2e6 !important; */
	border-color: transparent !important;
}

/*** buttons ***/

.btn:focus, .btn:active, .btn-close:focus, .btn-close:active {
	outline: none !important;
	box-shadow: none !important;
}

.btn-remove-key {
	background: none !important;
	color: #42506b !important;
	border: none !important;
}

.logs-link {
	font-size: 1.5rem !important;
	text-decoration: none !important;
	color: var(--bs-link-color) !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	cursor: pointer !important;
	outline: inherit !important;
}

.jobs-actions {
	background: none !important;
	color: #6c757d !important;
	border: none !important;
	padding: 0 !important;
	font: inherit !important;
	cursor: pointer !important;
	outline: inherit !important;
}

.submit-btn {
	background-color: #42506b !important;
	border-color: #42506b !important;
	color: white !important;
}

.btn-submit-outline {
	background-color: transparent !important;
	border-color: #42506b !important;
	color: #42506b !important;
}

.btn-submit-outline:hover {
	background-color: #42506b !important;
	border-color: #42506b !important;
	color: white !important;
}

.simple-btn {
	background-color: #3e619b !important;
	border-color: #3e619b !important;
	color: white !important;
}

.danger-btn {
	background-color: #ef4b4c !important;
	border-color: #ef4b4c !important;
	color: white !important;
}

.success-btn {
	background-color: #06c281 !important;
	border-color: #06c281 !important;
	color: white !important;
}

/*** accordion ***/

.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-button {
	color: #0c63e4 !important;
	background-color: #e7f1ff !important;
}

.accordion-button:after {
	background-image: var(--bs-accordion-btn-active-icon) !important;
}

/*** pagination ***/

.page-link {
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	outline: inherit !important;
}

.page-link {
	/* color: #415577 !important; */
	color: #0d6efd !important;
}

.bi-bold {
	-webkit-text-stroke: 2px;
}

.rows-count {
	font-weight: bold;
}

.rows-count {
	/* color: #415577 !important; */
	color: #0d6efd !important;
}

/*** toast ***/

.custom-toast {
	left: 50%;
	position: fixed;
	transform: translate(-50%, -60px);
	z-index: 9999;
	width: fit-content;
}

/*** input ***/

.input-group .btn {
	z-index: 0 !important;
}

/*** jobs info card ***/

.wrapper-container {
  display: grid;
}

.title {
  grid-column: 1 / 3;
  grid-row: 1;
}

.icons-btns {
	grid-column: 2 / 3;
  grid-row: 1;
}

/*** terminal ***/

.terminal-container {
	height: 710px;
	background-color: #2e3440;
	border-radius: 10px;
}

.terminal {
	max-height: 590px;
	overflow-y: auto;
	margin-top: 1.2rem;
}

/* input */

input[type = 'date'] {
	background-color: white;
	padding: 7px;
	font-size: 15px;
	border: 1px solid #cccccc;
	outline: none;
	border-radius: 5px;
	width: 100%;
}