.sidebar-left-div
{
	position: fixed;
	left: -300px;
	top: 60px;
	bottom: 60px;
	width: 300px;
	transition: all 0.5s ease;
	z-index: 3;
}

.sidebar-left-div.logged-in
{
	left: -250px;
}

.sidebar-left-div.open
{
	transform: translateX(249px);
}

.sidebar-left-div-toggle
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 40px;
    height: 75px;
	background-color: #2f4f4fb3;
	font-size: 40px;
	border-radius: 0 25px 25px 0;
	transition: all 0.5s;
	outline: none; 
}

.sidebar-left-div-toggle:hover
{
	background-color: #2f4f4f;
	width: 50px;
	right:0px;
}

.sidebar-left-div-toggle::before
{
	display: block;
	content: '>';
	transition: all 0.5s ease;
	right: 0px;
}

.sidebar-left-div-toggle.open::before
{
	transform: rotate(-180deg);
}

.sidebar-left
{
	position: fixed;
	height: calc(100vh - 150px);
	width:220px;
	background-color: #2f4f4fb3;
	padding: 15px;
}

.sidebar-left input
{
	width: 180px;
	padding: 5px;
}

.sidebar-left select
{
	width: 220px;
    border: unset;
    overflow: hidden;
	margin-bottom: 15px;
}

.sidebar-left-search-clear
{
	width: 30px;
}

.sidebar-left button
{
	margin-bottom: 15px;
}

.sidebar-left-refresh-button
{
	width: 220px;
}