@import "variables.less";
@import "../common/TabBar.less";
@import "../common/domButtons/DomButtonWhiteCross.css";

@media (max-width:500px) {
  .mblTabBarTabBar {
  	/* Tab separator only for width < 500 (because TabBar._largeScreenWidth == 500)*/
  		.mblTabBarButton+.mblTabBarButton:before{
  			content:url('images/vseparator.png');
  			position:absolute;
  			top: 12px;
  			left:0px;
  		}
  }
}
/* when fill is activated, box-sizing is border-box */
.mblTabBarTabBar {
	&.mblTabBarFill {
		.mblTabBarButton {
			height: 48px;
		}
	}
}
.mblTabBarSegmentedControl {
	&.mblTabBarFill {
		.mblTabBarButton {
			height: 29px;
		}
	}	
}
.mblTabBarTallTab {
	&.mblTabBarFill {
		.mblTabBarButton {
			height: 62px;
		}
	}
}