body{
	background: #F1F1F1;
	font-family: 'Poppins' !important;
}
.ui_bg_login{
	background: #F6F6F6;
}
.ui_button_red{
	background: #D50D2D !important;
	border-color: #D50D2D !important;
}
body[data-sidebar=dark] .navbar-brand-box{
	background: #f6f6f6!important;
}
body[data-sidebar=dark] #sidebar-menu ul li a{
	text-decoration: none !important;
	color: #706F6F !important;
}
body[data-sidebar=dark] .vertical-menu{
	background: #f1f1f1!important;
}
body[data-sidebar=dark] #sidebar-menu ul li a i{
	color: #6A7187 !important;
}
body[data-sidebar=dark] #sidebar-menu ul li a span{
	font-size: 14px;
	font-family: 'Poppins';
}
body[data-sidebar=dark] {
	background: #F8F8F8;
}
.ui_icon_user{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_user.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 20px !important;
	height: 14px !important;
	min-width: auto !important;
	margin-right: 10px;
}
.ui_icon_community{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_community.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 20px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
}
.ui_icon_workshop{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_workshop.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 20px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
}
.ui_icon_event{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_event.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 20px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
}
.ui_icon_product{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_product.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 15px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
	margin-left: 5px;
}
.ui_icon_news{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_news.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 19px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 9px;
	margin-left: 3px;
}

.ui_icon_point_log{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_point_log.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 20px !important;
	height: 20px !important;
	min-width: auto !important;
	margin-right: 9px;
	margin-left: 3px;
}
.ui_icon_coupon{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_coupon.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 18px !important;
	height: 14px !important;
	min-width: auto !important;
	margin-right: 9px;
	margin-left: 3px;
}
.ui_icon_push_notification{
	
	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_push_notification.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 19px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
	
}
.ui_icon_loyalti_program{

	/*-webkit-mask-image: url('../../images/ui_icon_user.svg');
    mask-image: url('../../images/ui_icon_user.svg');*/
	background-repeat: no-repeat !important;
	background: url('../../images/ui_icon_loyalti_program.svg');

	background-size: cover !important;
	/*mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;*/
	width: 19px !important;
	height: 19px !important;
	min-width: auto !important;
	margin-right: 10px;
	

}

li.mm-active a{
	background: #fff;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}