.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;
} 
/* PBI 312479 and bug 313324change Start */
#offCaseStatusIcon {
	cursor: pointer;
    height: 18px;
    width: 18px;
    background-color:#1C365F;
} 
.offCanvasOuter {
	width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 9%;
    margin-top: -1.9%;
}



/* xs laptop */
@media screen and (min-width: 1024px) and (max-width: 1300px) {
	.offCanvasOuter {
	width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 8%;
    margin-top: -2%;
}
}

/* xs mobile */
@media screen and (min-width: 344px) and (max-width: 539px) {
	.offcanvas-body {
		padding: 3% 3% 50% 3% !important;
	}
	.offCanvasOuter {
	width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 24%;
    margin-top: -5%;
}
}


@media screen and (min-width: 540px) and (max-width: 760px) {
	.offcanvas-body {
		padding: 3% 3% 50% 3% !important;
	}
	.offCanvasOuter {
	width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 16%;
    margin-top: -4%;
}
}




/* 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;
	}
	
	.offCanvasOuter {
	width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 11%;
    margin-top: -2.4%;
}

}
/* PBI 312479 and bug 313324 change end */