html, body {
	margin: 0;
}
body {
	overflow-x: hidden;
}

.rstable.hidden{
  display: none;
}
    
.sidenav {
position: relative; 
left: 0px;
width:200px;
}
.home_main {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.sidemenu {
    flex: 0 0 300px;
}
.right_part {
   	flex: 1 1 calc(100% - 300px);
}


.content{
    max-width: calc(100vw - 300px);
    min-height: calc(100vh - 170px - 150px);
}

.block_grid{
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    justify-items: center;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    width: 100%;
    margin: 20px 0;
}
.block_grid.hidden{
	display: none;
}

.icon{    
   width: 250px;
   height: 150px;
   display: flex;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: center;
   cursor: pointer;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   border-radius: .25rem;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   flex-wrap: nowrap;
   margin: 5px;
}
.icon > div{   
    color: white;
    margin: 15px 0 0 0;
}
.icon > img{   
   width: 100%;
}

.icon.myfolder{
	    position: relative;
}

.icon.icon13{  
	background-color: #F85D41;
	background-image: url(../img/LS/Group9786.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

    cursor: pointer;
}

.open_Nav{
	color: var(--color--main);
	font-size: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 5;
    margin: 15px 0px 0px 25px;
    display:none;
}
.space_break{
	height:6px;
}

.preview_btn{
	background-image: url(../img/preview.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.preview_btn.margin{
	margin: 0 10px;
}

.preview_btn:hover{
	background-image: url(../img/preview_hover.svg);
}

.no_show_preview.margin{
	margin: 0 10px;
}
.cursor_pointer{
	cursor: pointer;
	    margin: 0 auto;
}
.cursor_pointer.margin{
	margin: 0 10px;
}
.cursor_pointer_student img {
	width: 30px;
	height: 30px;
}
.page_nav {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 23px;
}
.nav_text{
	/*margin-left: 5px;*/
}
.nav_text:before{
	content: '>';
	margin: 0 6px;
}
.nav_home_btn{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
     cursor: pointer;
}

.nav_home_img{
	background-image: url(../img/home_img.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
    width: 13px;
    height: 13px;
    margin: 5px;
   /* cursor: pointer;*/
}

.fancybox-content{
	border-radius: 10px;
}
.fancybox-slide--html {
    padding: 44px !important; 
}


.myfolder[style]:before {
	content: var(--myfolderCount);
    position: absolute;
    top: 0;
    right: 0;
    background-color: #198754;
    border-radius: 40px;
    padding: 5px 8px;
    color: #FFF;
}


@media screen  and (max-width: 1023px) {
	.right_part {
		
	}

	.open_Nav{
		position: fixed;
		display:inline-block;
	}
	body.openmenu .right_part .open_Nav{
		z-index: 0;
	}
	body.openmenu .sidemenu .open_Nav{
		position: fixed;
		display:inline-block;
		color: #FFF;
		z-index: 6;
	}
	   
	.sidemenu{
		flex: 0;
		z-index: 4;
	}
	.block_grid {
	    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
	}
	.icon{    
	  	width: 215px;
	  	height: 150px;
	 	width: calc(50vw - 20px);
	  	height: calc((50vw - 20px) / 215 * 150);
	  	padding: 0;
    	margin: 0;
	}
	.icon > div {
		white-space: nowrap;
	}
	.icon > img {
		/* width: calc(43vw - 20px); */
	    /* height: calc((25vw - 20px) / 215 * 150); */
	    object-fit: contain;
	}
	.content{
		/*display: flex;
    	flex-direction: column-reverse;*/
	    max-width: 100vw;
	    min-height: calc(100vh - 170px - 150px);
	}
	body[view="news"] .content{
		display: flex;
    	flex-direction: column-reverse;
	}
	
	.grid {
	    grid-template-columns: repeat(2, 1fr);
	}
	
	
	.myfolder[style]:before {
	 right: -5px;
	}
	
	

}



@media screen  and (orientation: portrait){
	
.background_sidemenu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);

    z-index: 2;
}

.background_sidemenu.hidden {
	display:none;
}

	
	
}