html,#root{
    width: 100% !important;
    height:100%
}
body::-webkit-scrollbar {
    width:3px !important; 
    background-color: #f5f5f5 !important
}
body::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
#root::-webkit-scrollbar {
    width:3px !important; 
    background-color: #f5f5f5 !important
}
#root::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
html::-webkit-scrollbar {
    width:3px !important; 
    background-color: #f5f5f5 !important
}
html::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
.public_loading{
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 262px;
	height: 262px;
	will-change: background-position;
	background: url(./loading.png) no-repeat;
	background-position: 0 0;
	will-change: background-position;
	animation: loading_move 2s steps(8) infinite;
	-webkit-animation: loading_move 2s steps(8) infinite;
	-moz-animation: loading_move 2s steps(8) infinite;
	-ms-animation: loading_move 2s steps(8) infinite;
	-o-animation: loading_move 2s steps(8) infinite;
	
}

@keyframes loading_move {
	100% {
	  background-position: -2096px 0;
	}
}
@-webkit-keyframes loading_move {
	100% {
		background-position: -2096px 0;
	}
}
@-moz-keyframes loading_move {
	100% {
		background-position: -2096px 0;
	}
}
@-ms-keyframes loading_move {
	100% {
		background-position: -2096px 0;
	}
}
@-o-keyframes loading_move {
	100% {
		background-position: -2096px 0;
	}
}