:root {
	--bg: #72C8E5;
	--topDownSpace: 2vw;
}






body {
	background-color: #a8dadc;
	margin: 0;
	font-family: Assistant;
	padding-bottom: var(--topDownSpace);
	overflow: hidden;
	direction: rtl;
}

::-webkit-scrollbar {
	width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}




.empty-scrollbar {
	width: 15px;
	height: 100vh;
	background-color: #888;
	position: fixed;
	left: calc(100vw - 15px);
}

.empty-scrollbar:hover {
	background-color: #555;
}



.right-bar-split {
	width: 5px;
	height: 100vh;
	cursor: e-resize;
	position: absolute;
}

.right-bar {
	height: 100vh;
	background-color: #999;
	float: left;
	overflow: auto;
}

.right-bar-top-container {
	width: 100%;
	height: 70px;
	background-color: #444;
}


.logo {
	height: 50px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;

	/*unselectable*/
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.user {
	width: 50px;
	height: 50px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.user-img {
	height: 100%;
}



.table-list-category-close {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.table-list-category-open {
	width: 100%;
	overflow: hidden;
}

.table-list-arrow-close {
	width: 20px;
	transition-duration: 0.1s;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	transform: rotate(-90deg);
}

.table-list-arrow-open {
	width: 20px;
	transition-duration: 0.1s;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	transform: rotate(-180deg);
	cursor: pointer;
}

.table-list-category-name {
	font-size: 20px;
	margin-top: 1px;
	margin-bottom: 3px;
	cursor: pointer;
	margin-right: 10px;
	float: right;
}

.table-list-fixer {
	height: 30px;
}

.table-list-name {
	font-size: 20px;
	height: 30px;
	margin-top: 1px;
	margin-bottom: 3px;
	cursor: pointer;
	margin-right: 50px;
}










.window {
	height: 100vh;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}

.table_row {

}








.full-section {
	background-color: #FFFFFF;
	margin: var(--topDownSpace) 0 0 16.5vw;
	width: 66vw;
	height: 20vw;
}