.page{

	&-appbar{
		
		display: inline-block;	
		top: 56px;	
		height: calc(100vh - 57px);

		opacity: 1;
		transform: scale(1);
		padding: 0px !important;
	    padding-bottom: 25vh !important;

	   // border: 3px solid green;            //←←←←←←←←←←←←←←←←←←←←

	   &-desktop{
	   		//border: 3px solid green;
	   		top: 40px;	
			height: calc(100vh - 40px);
	   }
	}


	&-withTab{ //page without appbar 
		overflow: hidden;
	}

	//border: 3px solid green;            //←←←←←←←←←←←←←←←←←←←←
}




.page-cont{
	position: relative;
	display: inline-block;
	width: calc(100% - 16px);
	height: auto;

	//@include align-center;
	//border: 4px solid blue;            //←←←←←←←←←←←←←←←←←←←←		
}





  
.page_main{
	width: 50%;
	padding-bottom: 0px !important;
	//min-height: calc(100% - 56px) !important;
	//border: 0.1px solid green;            //←←←←←←←←←←←←←←←←←←←←		
}

.page_right{
	position: relative;
	display: inline-block;
	float: left;


	width: 50%;
	height: 100%;

	//border: 2px solid pink;            //←←←←←←←←←←←←←←←←←←←←	

}
  

.page_tv{
	width: 100%;
	padding:8px;
	height: calc(100% - 0px) !important;
	background: $cd-surface;
	//background: #f4f8fb;
	//border-radius: 8px;
	//border: 1px solid $cs-yellow;            //←←←←←←←←←←←←←←←←←←←←		
}


.page-disabled{
	&::after{
		position: absolute;
		content: '';
		top: 0px;
		left: 0px;

		width:  100%;
		height: 150%;

		background-image: url("./svg/block.svg");
	    background-repeat: no-repeat;
	    background-size: auto;

		opacity: 0.08;
		//border: 5px solid green;            //←←←←←←←←←←←←←←←←←←←←

	}
}