/* RESERVED AREA */

.reservedArea ul{
	padding: 0;
	margin: 0;
}

.reservedArea ul.folderList{
	margin-top: 10px;
}

.reservedArea ul.folderList small{
	font-size: 12px;
	color: var(--official-secondary-grey);
}

.reservedArea ul.folderList li{
	list-style: none;
	padding: 2px 0;
}

.reservedArea ul.folderList li a{
	color: var(--official-secondary-grey);
	transition: all 0.15s ease-in-out;
	background: url(../img/ico-reserved-minifolder-grey.svg)no-repeat left center;
	background-size: 13px;
	padding-left: 25px;
}

.reservedArea ul.folderList li a:hover{
	color: var(--white);
	background: url(../img/ico-reserved-minifolder-white.svg)no-repeat left center;
	background-size: 13px;
}

.reservedArea ul.folderList li a.sel{
	color: var(--official-green);
	background: url(../img/ico-reserved-minifolder-open.svg)no-repeat left center;
	background-size: 15px;
}

.reservedArea ul.folderList li a.sel:hover{
	color: var(--white);
	background: url(../img/ico-reserved-minifolder-open-white.svg)no-repeat left center;
	background-size: 15px;
}





/*Multilevel Browser */

.folderListMultilevWrapper{
	width: 100%;
	height: calc(100% - 30px);
/*	background: var(--white5);*/
	padding:20px;
	overflow: auto;
}

.reservedArea ul.folderListMultilev{
	
}

.reservedArea ul.folderListMultilev li{
	list-style: none;
	padding: 2px 20px;
	position: relative;
}


.reservedArea ul.folderListMultilev li a{
	color: var(--official-secondary-grey);
	transition: all 0.15s ease-in-out;
	background: url(../img/ico-reserved-minifolder-grey.svg)no-repeat left center;
	background-size: 13px;
	padding-left: 20px;
	text-wrap: nowrap;
}

.reservedArea ul.folderListMultilev li a:hover{
	color: var(--white);
	background: url(../img/ico-reserved-minifolder-white.svg)no-repeat left center;
	background-size: 13px;

}


.reservedArea ul.folderListMultilev li a.sel{
	color: var(--white);
	background: url(../img/ico-reserved-minifolder-open-white.svg)no-repeat left center;
	background-size: 15px;
}

.reservedArea ul.folderListMultilev li a.sel:hover{
	color: var(--official-green);
	background: url(../img/ico-reserved-minifolder-open.svg)no-repeat left center;
	background-size: 15px;
}





.reservedArea ul.folderListMultilev li ul{
	margin-left: 5px;
}

.reservedArea ul.folderListMultilev li ul li{
	position: relative;
	padding-left: 20px;
}

.reservedArea li.hasChild > ul{
	display: none;
}

.reservedArea li.hasChild{
	position: relative;
}
.reservedArea li.hasChild a.folderToggler{
	width: 12px;
	height: 12px;
	padding: 0;
	display: block;
	background: var(--official-grey);
	position: absolute;
	top: 8px;
	left: -5px;
	border: 1px solid var(--official-secondary-grey);
	transition: all 0.3s ease-in-out;
}
.reservedArea li.hasChild > a.folderToggler:before{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background: url(../img/plus.svg)no-repeat center center;
	background-size: 70%;
	position: absolute;
	top: -1px;
	left: -1px;
	transition: all 0.3s ease-in-out;
}

.reservedArea li.hasChild.expanded > a.folderToggler:before{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background: url(../img/minus.svg)no-repeat center center;
	background-size: 70%;
	position: absolute;
	top: -1px;
	left: -1px;
	transition: all 0.3s ease-in-out;
}

.reservedArea li.hasChild > a.folderToggler:hover:before{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background: url(../img/plus-w.svg)no-repeat center center;
	background-size: 70%;
	position: absolute;
	top: -1px;
	left: -1px;
}
.reservedArea li.hasChild.expanded > a.folderToggler:hover:before{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background: url(../img/minus-w.svg)no-repeat center center;
	background-size: 70%;
	position: absolute;
	top: -1px;
	left: -1px;
}

.reservedArea li.hasChild a.folderToggler:hover{
	width: 12px;
	height: 12px;
	padding: 0;
	display: block;
	background: var(--official-grey);
	position: absolute;
	top: 8px;
	left: -5px;
	border: 1px solid var(--white);
}


.reservedArea li.hasChild.expanded > ul{
	display: block;
}

.reservedArea ul.folderListMultilev li:before{
	content:"";
	position: absolute;
	border-left:1px dotted var(--official-secondary-grey);
	height: calc(100% - 1px );
	width: 1px;
	top: 0px;
	left:0;
	display: block;
}

.reservedArea ul.folderListMultilev li:first-child:before{
	content:"";
	position: absolute;
	border-left:1px dotted var(--official-secondary-grey);
	height: calc(50% - 1px );
	width: 1px;
	top: 15px;
	left:0;
	display: block;
}

.reservedArea ul.folderListMultilev li ul li:first-child:before{
	content:"";
	position: absolute;
	border-left:1px dotted var(--official-secondary-grey);
	height: calc(100% - 1px );
	width: 1px;
	top:0;
	left:0;
	display: block;
}


.reservedArea ul.folderListMultilev li:last-child:before{
	content:"";
	position: absolute;
	border-left:1px dotted var(--official-secondary-grey);
	height: calc(50% - 1px );
	width: 1px;
	top: 0px;
	left:0;
	display: block;
}


.reservedArea ul.folderListMultilev li:after{
	content:"";
	position: absolute;
	border-bottom:1px dotted var(--official-secondary-grey);
	height: 1px;
	width: 10px;
	top: 14px;
	left:0;
	display: block;
}

.reservedArea ul.folderListMultilev li.hasChild:after{
	content:"";
	position: absolute;
	border-bottom:1px dotted var(--official-secondary-grey);
	height: 1px;
	width: 10px;
	top: 14px;
	left:6px;
	display: block;
}
















.reservedArea .sidebar{
	position: relative;
	min-height:600px;
}

.reservedArea .sidebar:after{
	content: "";
	height: calc(100% + 25px);
	width: 1px;
	background: var(--white10);
	position: absolute;
	right:-1px;
	display: block;
	top:-10px;
}

.reservedArea .sidebar .userLogged{
	border-bottom:1px solid var(--white10);
	height:40px;
	margin-top: -10px;
}

.reservedArea .contentInfoBar{
	border-bottom:1px solid var(--white10);
	height:40px;
	margin-top: -10px;
}


.reservedArea .contentInfoBar a.listTogller{
	padding:8px;
	background: transparent;
	margin-left:4px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.reservedArea .contentInfoBar a.listTogller:hover{
	padding:8px;
	background: var(--white10);
	margin-left:4px;
}

.reservedArea .contentInfoBar a.listTogller.sel{
	padding:8px;
	background: transparent;
	margin-left:4px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	filter: invert(47%) sepia(83%) saturate(387%) hue-rotate(143deg) brightness(88%) contrast(91%);
}
.reservedArea .contentInfoBar a.listTogller.sel:hover{
	background: var(--white10);
}

.reservedArea ul.folderIndex{
	margin: 0;
	padding: 0;
}

.reservedArea ul.folderIndex li{
	list-style: none;
}

.reservedArea ul.folderIndex.list li a{
	display: flex;
	padding: 15px;
	align-items: center;
	border-bottom:1px solid var(--white5);
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.list li a img{
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.list li a .linkTxt{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.list li a .linkTxt .linkTitle{
	color:var(--white);
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}
.reservedArea ul.folderIndex.list li a .linkTxt .fileCounter{
	color:var(--official-secondary-grey);
	font-size: 12px;
}
.reservedArea ul.folderIndex.list li a:hover .linkTxt .linkTitle{
	color:var(--official-green);
}
.reservedArea ul.folderIndex.list li a:hover{
	border-bottom:1px solid var(--official-green50);
	background: var(--official-green5);
}
.reservedArea ul.folderIndex.list li a:hover img{
	filter: invert(47%) sepia(83%) saturate(387%) hue-rotate(143deg) brightness(88%) contrast(91%);
}




.reservedArea ul.folderIndex.grid{
	display: flex;
	flex-wrap: wrap;
}


.reservedArea ul.folderIndex.grid li{
	width: 33.33333%;
}

.reservedArea ul.folderIndex.grid li a{
	display: flex;
	padding: 15px;
	align-items: center;
	border-bottom:1px solid var(--white5);
	border-right:1px solid var(--white5);
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.grid li a img{
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.grid li a .linkTxt{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.folderIndex.grid li a .linkTxt .linkTitle{
	color:var(--white);
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}
.reservedArea ul.folderIndex.grid li a .linkTxt .fileCounter{
	color:var(--official-secondary-grey);
	font-size: 12px;
}
.reservedArea ul.folderIndex.grid li a:hover .linkTxt .linkTitle{
	color:var(--official-green);
}
.reservedArea ul.folderIndex.grid li a:hover{
	border-bottom:1px solid var(--official-green50);
	border-right:1px solid var(--official-green50);
	background: var(--official-green5);
}
.reservedArea ul.folderIndex.grid li a:hover img{
	filter: invert(47%) sepia(83%) saturate(387%) hue-rotate(143deg) brightness(88%) contrast(91%);
}







.reservedArea ul.fileIndex{
	margin: 0;
	padding: 0;
}

.reservedArea ul.fileIndex li{
	list-style: none;
}

.reservedArea ul.fileIndex.grid{
	display: flex;
	flex-wrap: wrap;
}

.reservedArea ul.fileIndex.grid li{
	width: 33.33333%;
}

.reservedArea ul.fileIndex.grid li a{
	display: flex;
	padding: 15px;
	align-items: center;
	border-bottom:1px solid var(--white5);
	border-right:1px solid var(--white5);
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.fileIndex.grid li a .thumbWrap {
	margin-right: 15px;
}
.reservedArea ul.fileIndex.grid li a .thumbWrap .thumb{
	width: 100px;
	height: 100px;
	background: url('../img/ico-reserved-folder-no-thumb.svg')no-repeat center center;
	border-radius: 8px;
	border:1px solid var(--white10);
	display: block;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.fileIndex.grid li a:hover .thumbWrap .thumb{
	border:1px solid var(--official-green50);
}

.reservedArea ul.fileIndex.grid li a:hover .thumbWrap .thumb{
	opacity: 0.5;
}


.reservedArea ul.fileIndex.grid li a .linkTxt{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.fileIndex.grid li a .linkTxt .linkTitle{
	color:var(--white);
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}
.reservedArea ul.fileIndex.grid li a .linkTxt .fileCounter{
	color:var(--official-secondary-grey);
	font-size: 12px;
}
.reservedArea ul.fileIndex.grid li a:hover .linkTxt .linkTitle{
	color:var(--official-green);
}
.reservedArea ul.fileIndex.grid li a:hover{
	border-bottom:1px solid var(--official-green50);
	border-right:1px solid var(--official-green50);
	background: var(--official-green5);
}
.reservedArea ul.fileIndex.grid li a:hover img{
	filter: invert(47%) sepia(83%) saturate(387%) hue-rotate(143deg) brightness(88%) contrast(91%);
}






.reservedArea ul.fileIndex.list{}

.reservedArea ul.fileIndex.list li a{
	display: flex;
	padding: 15px;
	align-items: center;
	border-bottom:1px solid var(--white5);
	border-right:1px solid var(--white5);
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.fileIndex.list li a .thumbWrap {
	margin-right: 15px;
}
.reservedArea ul.fileIndex.list li a .thumbWrap .thumb{
	width: 100px;
	height: 100px;
	background: url('../img/ico-reserved-folder-no-thumb.svg')no-repeat center center;
	border-radius: 8px;
	border:1px solid var(--white10);
	display: block;
	transition: all 0.3s ease-in-out;
}
.reservedArea ul.fileIndex.list li a:hover .thumbWrap .thumb{
	opacity: 0.5;
}


.reservedArea ul.fileIndex.list li a:hover .thumbWrap .thumb{
	border:1px solid var(--official-green50);
}

.reservedArea ul.fileIndex.list li a .linkTxt{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}

.reservedArea ul.fileIndex.list li a .linkTxt .linkTitle{
	color:var(--white);
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}
.reservedArea ul.fileIndex.list li a .linkTxt .fileCounter{
	color:var(--official-secondary-grey);
	font-size: 12px;
}
.reservedArea ul.fileIndex.list li a:hover .linkTxt .linkTitle{
	color:var(--official-green);
}
.reservedArea ul.fileIndex.list li a:hover{
	border-bottom:1px solid var(--official-green50);
	border-right:1px solid var(--official-green50);
	background: var(--official-green5);
}
.reservedArea ul.fileIndex.list li a:hover img{
	filter: invert(47%) sepia(83%) saturate(387%) hue-rotate(143deg) brightness(88%) contrast(91%);
}

@media (max-width: 991.98px) {
	.reservedArea .sidebar {
	 position: relative;
	 min-height: initial;
	}
	.reservedArea .contentInfoBar {
	margin-top:30px;
	  border-top: 1px solid var(--white10);
	  border-bottom: 1px solid var(--white10);
	}
	.reservedArea ul.folderIndex.grid{
		display: initial;
	}
}
@media (max-width: 767.98px) {
	.reservedArea ul.folderIndex.grid li,
	.reservedArea ul.fileIndex.grid li{
		width: 100%;
	}
}
@media (min-width: 992px) and (max-width: 1530px) {
	.reservedArea ul.folderListMultilev li a {
		font-size: 12px;    
	}
	.reservedArea ul.folderIndex.grid li a .linkTxt .linkTitle {
		font-size: 14px;
	}
}