.offcanvas {
	z-index: 0;
	transition: none;
	border-left: 3px solid #F5F5F5;
}
.offcanvas-start {
	top: 64px;
	left: auto;
	right: 0;
	transform: none;
}
.offcanvas-header .btn-close {
	color: #000;
}
.offcanvas-body {
	padding: 3% 3% 35% 3%;
}
.offcanvas-header {
	padding: 3%;
	background-color: #F5F5F5;
}
.offcanvas-body p.information:nth-child(2n+1) { 
	font-weight: bold;
}
.offCanvasAnswer {
	position: relative;
	right: 3%;
}
.offCanvasOuterLink {
	width: 90px;
    height: 90px;
    margin: -2% 0 2% 0 !important;
    padding: 0 !important;
    background-color: #f5f5f5;
    border-radius: 20% 0 0 20%;
    border: none;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.offcanvasHeader{
	padding-top: 90px;
    background-color: #F5F5F5;
}
.placeHolder{
	padding-left: 90px;
	padding-top: 73px;
	color:black;
	
}
button.offCanvasOuterLink:focus {
	outline: 5px auto Highlight !important;
	outline: 5px auto -webkit-focus-ring-color !important;
}
.offCanvasLink {
	font-size: 14px;
}
#offCanvasIcon {
	cursor: pointer;
    height: 40px;
    width: 40px;
} 

/* xs mobile */
@media screen and (min-width: 351px) and (max-width: 475px) {
	.offcanvas-body {
		padding: 3% 3% 50% 3% !important;
	}
}

/* tablet */
@media screen and (min-width:768px) and (max-width: 1023.9px) {
	.offcanvas-body {
		padding: 3% 3% 40% 3% !important;
	}
	.offcanvas-start {
		width: 300px !important;
	}
	.flexColumnFix {
		display: flex;
		flex-direction: column;
	}
	.flexRowFix {
		flex-direction: row !important;
	}
}