.b-table-details,
.b-table-has-details
{
	color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.booking-list-table {
	font-size: .85rem;
	background: white;
}

.booking-list-table thead {
	font-size: .9rem;
	color: white;
	background: var(--primary);
	border: none;
}

.list-table {
	font-size: .85rem;
	background: white;
	font-weight: 400;
    font-family: system-ui;

	/* width: 1350px; */
}

.list-table thead {
	/* font-size: .9rem;
	color: white; */
	background: var(--primary);
	border: none;
}

.list-table th {
	font-size: .9rem;
	color: white;
	font-weight: 400;
    font-family: system-ui;
}

.table {
	border-color: rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 9px 4px #59595947;
}

.table a {
	color: var(--primary)!important;
	cursor: pointer;	
}

.table div:hover {
	/* box-shadow: 0px 0px 9px 4px #59595947; */
}

.visit-row-approved {
	background: #e6ffe6;
}

.visit-row-declined {
	background: #ffe6e6;
}

.visit-row-pending {
	background: #ffffe6;
}

#pocTable tbody tr:hover {
	background: #f5f5f5;
}

#pocTable tbody tr td {
	padding: 2px;
	text-wrap: nowrap;
	font-size: smaller;
}

#pocTableDEL {
	font-size: .8rem;
	color: #333333;
	box-shadow: 0px 0px 2px 2px lightgrey;
}

.container {
	/* max-width: fit-content; */
}

.request-left-side-panel,
.request-right-side-panel
{
	max-height: calc(94vh - 11rem);
    overflow-y: hidden;
	/* display: none; */
}

.request-right-side-panel { width: 65%; }

.request-left-side-panel { width: 35%; }

.request-right-side-panel.invoice { width: 35%; }

.request-left-side-panel.invoice { width: 65%; }

.file-upload-container
{
	align-items: center;
	border: 3px dashed #cccccc;
	border-radius: 0.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0rem;
	margin-bottom: 1rem;
	min-height: 10rem;
	padding: 0.5rem!important;
	text-align: center;
	width: 100%;
	/* box-shadow: 0px 0px 2px 2px lightgrey; */
}
.file-upload-container:hover
{
	border-color: #aaaaaa;
}

.img-thumbnail,
.img-thumbnail-large {
	/* width: 33%; */
	background-color: white;
}

.img-thumbnail-large:not(.fa-image) {
	position: absolute;
	background-color: white;
    max-width: 400px;
	max-height: 600px;
    top: 0;
    left: 4rem;
    box-shadow: 0px 0px 9px 4px #5959591c;
    border-color: white;
	z-index: 1;
	transition: all 0.3s;
}