html, body, #root, .App {
	height: 100vh;
	width: 100%;
	background-color: #e9e9eb;
}

/*** navbar ***/

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

/*** footer ***/

.percepthor-page-footer {
	background-color: #fff;
	padding-top: 0px;
	text-align: center;
}

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

.percepthor-page-footer .footer-copyright {
	background-color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	/* margin-top: 50px; */
	border: 1px solid #ededed
}

.percepthor-page-footer.dark .footer-copyright {
	background-color: #3c3c3c;
	border-color: #3c3c3c
}

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

.percepthor-page-footer.dark .footer-copyright p {
	color: #ccc
}

.percepthor-page-footer ul {
	list-style-type: none;
	padding-left: 0;
	line-height: 1.7
}

.percepthor-page-footer h5 {
	font-size: 18px;
	font-weight: 700;
	margin-top: 30px
}

.percepthor-page-footer.dark h5 {
	color: #fff
}

.percepthor-page-footer a {
	color: #53595f;
	text-decoration: none
}

.percepthor-page-footer.dark a {
	color: #d2d1d1
}

.percepthor-page-footer a:focus,
.percepthor-page-footer a:hover {
	text-decoration: none;
	color: #1d2125
}

.percepthor-page-footer.dark a:focus,
.percepthor-page-footer.dark a:hover {
	color: #fff
}

@media (min-width:576px) {
	.percepthor-page-footer {
			text-align: left
	}
}

/*** container ***/

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

/*** buttons ***/

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

.submit-btn {
	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;
}

.form-check-input:checked {
	background-color: #42506b !important;
	border-color: #42506b !important;
}

.filters {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
}

.bar-chart {
	height: 250px;
}

.doughnut {
	height: 300px;
}

.comp-spacing {
	margin-bottom: 1.5rem;
}

.hr-style {
	height: 10px;
	border: 0;
	/* box-shadow: 0 10px 10px -10px #8c8b8b inset; */
	box-shadow: 0 10px 10px -10px #505050 inset;
}

.image {
	height: calc(100vh - 440px);
	width: 100%;
}

@media (max-width: 900px) {
	.doughnut {
		height: 270px;
	}

	.image {
		height: 100%;
		width: 100%;
	}
}

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

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

::-webkit-calendar-picker-indicator {
	cursor: pointer;
}

.is-filter {
	background: none;
	color: #214C8E;
	border: none;
	padding: 0;
	font: inherit;
	font-weight: bold;
	cursor: pointer;
	outline: inherit;
}

.not-filter {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.reports-actions {
	background: none !important;
	color: #909294 !important;
	border: none !important;
	font: inherit !important;
	cursor: pointer !important;
	outline: inherit !important;
}

/*** tabs ***/

.nav-tabs {
	--bs-nav-tabs-border-width: 1px !important;
	--bs-nav-tabs-border-color: #b2b2b2 !important;
	--bs-nav-tabs-border-radius: 0.375rem !important;
	--bs-nav-tabs-link-hover-border-color: #cbcbcb !important;
	--bs-nav-tabs-link-active-color: #000000 !important;
	--bs-nav-tabs-link-active-bg: #ffffff00 !important;
	--bs-nav-tabs-link-active-border-color: #b2b2b2 #b2b2b2 #e9e9eb !important;
}

/*** table ***/

.table-head {
	background-color: #415577 !important;
	color: white !important;
}

tbody tr {
	border-bottom: 1px solid #ceced0;
}

/*** icons ***/

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

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

/*** reports ***/

.wrapper-container {
	display: grid;
}

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

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

/*** card ***/

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

/*** pagination ***/

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

.page-link {
	color: #415577 !important;
}

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

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

.rows-count {
	color: #415577 !important;
}

/*** scrollbar ***/

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

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
	width: 10px;
	height: 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; 
}