.menu-footer {
	color: darkgray;
	grid-template-columns: repeat(2, 1fr);

}
.menu-footer: focus {
	outline: none;

}
.silo-apps-div{
	position: fixed;
/*	background-color:var(--footer-bg-color,#fa0019)!important;*/
	margin: 0;
	bottom: 0;
	width: 100%;
}
.silo-apps-div h6{
	/* color: #fff; */
	color: var(--text-color-primary,#fff);  /* Added var colors for search box and nav  rohan 19-2-22 */	
}
.all-app a>img,
.all-app a>p{
	background: transparent !important;
}

.silo-apps-div .form-control{
	border-radius: 0;
}
.dashboard{
	width: 51px;
/*	background:var(--footer-bg-color,#fa0019)!important;*/
	align-items: center;
	justify-content: center;
	display: flex;
	cursor: pointer;
}
.dashboard .fa{
	font-size: 25px;
}
.dashboard:hover{
	color: #ffb5b5;
}
.silo-apps-div .suggest{
	padding-top: 11px!important;

}
.dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-5 a:hover{
	/*border: 0.5px solid #bbb;*/
	transition: all .4s ease-in-out;
	background: #5e5e5e;
	box-shadow: 1px 2px 3px 0 #0a0a0a;
}

.dash-app .col-md-6 img {
	margin-bottom: 12px;
}
a:hover {
	text-decoration: none;
	/*background-color: #3c3c3c8c;*/
}

@media screen and (max-width: 599px) and (min-width: 320px) {
	.silo-apps-div .silo-apps,
	.silo-apps-div .search-all-data{
		display: none;
	}


}
.search-dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-5 a:hover {
	transition: all .4s ease-in-out;
	background: #5e5e5e;
	box-shadow: 1px 2px 3px 0 #0a0a0a;
}
.dash-app .col-md-6 .col-md-4:hover,
.dash-app .col-md-5 a:hover,
.search-dash-app .col-md-8 div:hover {
	transition: all .4s ease-in-out;
	background: #5e5e5e;
	box-shadow: 1px 2px 3px 0 #0a0a0a;
}


.dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-6 a:hover {
	transition: all .4s ease-in-out;
	background: #5e5e5e;
	box-shadow: 1px 2px 3px 0 #0a0a0a;
}
.dash-app .all-app-a{
	border-bottom-left-radius:6% ;
	border-top-left-radius:6% ;
	color: #fff;
}

.silo-apps{display: flex;
	justify-content: space-between;}

	.persona-app div p, .silo-apps p, .app-list p,
	.join label p:nth-child(2), .speaker p, .prof span:nth-child(2)  {
		font-size: 11px;
	}
	.persona-app div, .app-list div{
		/*padding-left: 16px;*/
		padding-left: 12px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.app-list{
		display: flex;
		flex-wrap: wrap;
	}
	.app-list>div{
		flex: 0 0 33.33%;
		text-align: center;
	}
	.silo-apps img{
		padding: 0px 6px;
		height: 34px;
	}

	@media (max-width: 767px){
		.silo-apps{
			overflow-y: scroll;
		}
	}
	@media (max-width:768px){
		.storage, .silo-apps-div{
			bottom:-2px;
		}		
	}

	/* Added var colors for search box items rohan 19-2-22 */

	#search-dash-app{
		color: var(--text-color-primary,#fff);
		background-color: var(--secondary-bg-color,#171717); 
  	}
  
  
  	#search-dash-app .suggest, #dash-app {
		color: var(--text-color-primary,#fff);
  	}
  

	.dash-app .col-md-6 p {
		margin-bottom: 0px;
	}
	.dash-app{
		position: absolute;
		bottom: 37px;
		height: 518px;
		width: 780px;
		left: 0;
		background-color: var(--secondary-bg-color,#171717); /* Added background color var for cloud nav rohan 19-2-22 */
	}


	.dash-app .col-md-6{
		padding: 20px 20px 0px 0px;
		overflow: auto;
		height: 508px;
	}
	.dash-app .row,.search-dash-app .row, .dash-app .col-md-5 p {
		margin: 0;
	}
	.dash-app .col-md-6 .col-md-4{
		max-width: 31.333333%;
		margin: 3px;
		background-color: #2b2b2d;
		padding: 10px;
		text-align: center;
	}
	.dash-app p{
		font-size: 12px;
		/*text-align: left;*/
	}
	.dash-app .col-md-5 img{
		margin-right: 5px;font-size: 20px;padding: 10px 0px;
	}
	.dash-app ul{
		overflow-y: auto;
		max-height: 436px;
	}
	.dash-app .col-md-5 a, .persona-app,
	.search-dash-app .col-md-5 a, .search-dash-app{
		align-items: center;
		display: flex;
		color: var(--label-color,#fff);
	}
	.all-app p{
		padding-left:0px;
	}

	.all-app a:hover{
		background: #343435;
	}
	.all-app{
		display: grid;
		gap:4px;
		grid-template-columns: repeat(3,1fr);
		text-align:center;
	}

	.all-app a{
		margin: 3px;
		/* background-color: #2b2b2d; */
		background-color: var(--secondary-bg-color,#171717); /* Added variable bg color rohan 19-2-22 */
		padding: 10px;
		text-align: center;
	}

	.menu-footer p{
		background:transparent !important;
	}

	.menu-footer img{
		background:transparent !important;	
	}

	.menu-footer p:hover{
		background:transparent !important;
	}
	.bar {
		padding-top: 11px!important;

	}
	.bar:hover {
		width: 150px;
	}
	.scrollbar::-webkit-scrollbar {
		width: 5px;
		height: 8px;
		background-color: #aaa !important;
	}

	.scrollbar::-webkit-scrollbar-thumb {
		background: #000;
	}