$background: #7386d5;

.wrapper {
	padding-top: 57px;

	.sidebar {
		position: fixed;

		background: $background; 

		min-width: 250px;
		max-width: 250px;
		height: 100%;

		margin-left: -250px;
		transition: all 0.5s;

		&.isopen {
			margin-left: 0;
			transition: 0.5s;
		}
	}

	.content {
		transition: all 0.5s;

		&.isopen {
			padding-left: 255px;
		}
	}
}

@media(max-width: 768px) {
	.wrapper {
		padding-top: 51px;

		.sidebar {
			&.isopen {
				min-width: 65px;
				max-width: 65px;
				
				margin-left: 0;
				transition: all 0.5s, height 0s;
			}
		}

		.content {
			transition: all 0.5s;
			
			&.isopen {
				padding-left: 65px;
			}
		}
	}
}
