Sindbad~EG File Manager

 .sub-menu{
	    display: flex;
	    flex-direction: column;
	    padding: 10px 15px;
	}
	.sub-menu .font_name {
	    font-size: 1rem;
	    font-weight: 500;
	}
	.sub-menu .base64_font {
	    font-size: 1rem;
	    color: #aaa;
	}
	/* Customize the dropdown button */
	.font_family_drop {
	    width: 100%;
	    background-color: #343a40;
	    color: white;
	    border-radius: 5px;
	    padding: 10px;
	    text-align: left;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    border: 1px solid #6c757d;
	}
	.font_family_drop:hover, .font_family_drop:focus {
	    background-color: #495057;
	    color: white;
	}
	.dropdown-menu {
	    width: 95%;
	}

	.dropdown-menu li{
	    list-style-type: none;
	}

	.dropdown-menu ul {
		padding-left:0px !important;
	}
	

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */