.shadow-box{
	box-shadow: 4px 4px 12px -2px rgb(51 51 102 / 100%);
/*	border: 1px #000 solid;*/
}

.shadow-box-2{
	box-shadow: inset 4px 4px 12px -2px rgb(51 51 102 / 100%);
}

.locking-box-1 {
	display: flex;
	flex-direction: column;
}

.locking-box-2 {
	display: flex;
	flex-direction: column;
}

@media all and (min-width: 1200px) {
		.locking-box-1 {
			width: calc(100% - 560px) !important;
		}
		.locking-box-2 {
    		width: 560px !important;
		}
		
	}

.layout {
	display: flex;
	width: 100%;
	height: 40%;
}
.layout02 {
	display: flex;
	width: 100%;
	height: 60%;
}
.layout03 {
	display: flex;
	width: 100%;
	height: 32%;
}

.divbackground {
	border-radius: 10px; 
	background: #fff;
}

.pieoverflow {
	overflow: auto;
	&::-webkit-scrollbar {
		width: 7px;
	}
	&::-webkit-scrollbar-button {
		background: transparent;
		border-radius: 4px;
	}
	&::-webkit-scrollbar-track-piece {
		background: transparent;
	}
	&::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.4);
		border: 1px solid slategrey;
	}
	&::-webkit-scrollbar-track {
		box-shadow: transparent;
	}
}