@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');

.ribbon-tab {
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eaedf1));
	padding:4px;
}

.ribbon-groups {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.ribbon-group {
	position:relative;
	height:106px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	padding:4px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	font-family: "Roboto Condensed";
}

.ribbon-group-title {
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	height:14px;
	line-height:14px;
	color:#15428b;
	font-family: "Roboto Condensed";
	font-size: small;
}

.ribbon-toolbar {
	position:relative;
	float:left;
}

.ribbon-group .l-btn {
	float:left;
}

.ribbon-group .easyui-menubutton .l-btn-text {
	line-height: 16px !important;
	width: 60px !important;
	font-size: 12px;
}


.ribbon-group .easyui-menubutton .l-btn-icon {
	margin: 0 0 0 -16px;
}


.ribbon-group .m-btn-downarrow {
	display: none !important;
}

.ribbon-group .easyui-linkbutton {
	padding-left: 4px;
	height: 28px;
	padding-top: 1px;
	text-align: left;
}

.ribbon-group .easyui-linkbutton .l-btn-text {
	font-size: 12px;
}
.ribbon-group-sep {
	float:left;
	width:0;
	height:112px;
	font-size:0;
	margin:0 2px;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
}

.ribbon-groups .ribbon-group,
.ribbon-groups .ribbon-group-sep {
	float: none;
	flex: none;
}