.side-modal.left .side-modal__dialog,
.side-modal.right .side-modal__dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.side-modal.left .side-modal__content,
.side-modal.right .side-modal__content {
	height: 100%;
	overflow-y: auto;
}

.side-modal.left .side-modal__body,
.side-modal.right .side-modal__body {
	padding: 15px 15px 80px;
}

/*Left*/
.side-modal.left.fade .side-modal__dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}
	
.side-modal.left.fade.show .side-modal__dialog{
	left: 0;
}
        
/*Right*/
.side-modal.right.fade .side-modal__dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
	
.side-modal.right.fade.show .side-modal__dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.side-modal__content {
	border-radius: 0;
	border: none;
}

.side-modal__header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
	flex-direction: column;
}