#RibbonBG {
  width: 99.85%;
  height: 81px;
  border: 1px solid #babab8;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
}

#RibbonBG li{
	margin:0.4% 0.5%;float:left;
}
#RibbonBG li a{
	display:block;
	height: 73px;
	margin-left:5px;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 0px;
  text-decoration: none
}
#RibbonBG li a img {
    background: #ffffff;
    padding: 4px;
    border-radius: 2px;
    border: 1px solid #cccccc;
}

#RibbonBG li a span {
    color: #000000;
}

.last-child{display:none;}


.SetupNormal a{
	width: 66px;
}
.SetupNormal a:hover, .SetupActive a{
	width: 66px;
}

  .SetupNormal a:hover, .SetupActive a, .DesignNormal a:hover, .DesignActive a, .LaunchNormal a:hover, .LaunchActive a,
  .ResponseNormal a:hover, .ResponseActive a, .ReviewNormal a:hover, .ReviewActive a, .ActionNormal a:hover, .ActionActive a, .PublishNormal a:hover, .PublishActive a, .UnpublishNormal a:hover, .UnpublishActive a, .ViewNormal a:hover, .ViewActive a {
    background: #4a4a4a;
    border-radius: 3px;
  }

    .SetupActive a span, .DesignActive a span, .LaunchActive a span, .ResponseActive a span, .ReviewActive a span, .ActionActive a span, .PublishActive a span, .UnpublishActive a span, .ViewActive a span,
    .SetupNormal a:hover span, .DesignNormal a:hover span, .LaunchNormal a:hover span,
    .ResponseNormal a:hover span, .ReviewNormal a:hover span, .ActionNormal a:hover span, .PublishNormal a:hover span, .UnpublishNormal a:hover span, .ViewNormal a:hover span {
      color: #fff !important;
    }

.DesignNormal a{
	width: 72px;
}
.DesignNormal a:hover, .DesignActive a{
	width: 72px;
}


.LaunchNormal a{
	width: 75px;
}
.LaunchNormal a:hover, .LaunchActive a{
	width: 75px;
}



.ResponseNormal a{
	width: 94px;
}
.ResponseNormal a:hover, .ResponseActive a{
	width: 94px;
}



.ReviewNormal a{
	width: 77px;
}
.ReviewNormal a:hover, .ReviewActive a{
	width: 77px;
}



.ActionNormal a{
	width: 109px;
}
.ActionNormal a:hover, .ActionActive{
	width: 109px;
}



.FinalNormal a{
	width: 70px;
}
.FinalNormal a:hover, .FinalActive{
	width: 70px;
}

.SetupDisabled a, .DesignDisabled a, .LaunchDisabled a, .ResponseDisabled a, .ReviewDisabled a, .ActionPlanDisabled a, .FinalDisabled a, .PublishDisabled a, .UnpublishDisabled a, .ViewDisabled a{cursor:default;}

.SetupDisabled a{
	width: 66px;
}
.DesignDisabled a{
	width: 71px;
}
.LaunchDisabled a{
	width: 75px;
}
.ResponseDisabled a{
	width: 93px;
}
.ReviewDisabled a{
	width: 76px;
}
.ActionPlanDisabled a{
	width: 109px;
}
.FinalDisabled a{
	width: 70px;
}

.DisabledArrow a {
    opacity: 0.45;
}

.ActiveArrow a, .DisabledArrow a {
  background: url('../../../SB_Assets/images/right_active_arrow.png') no-repeat center center;
  width: 26px;
  height: 29px;
  cursor: default;
}



/* Added New Classes for publish/unpublish tabs - css start - 7 march 2017 */
.PublishNormal a{
	width: 88px;
}
.PublishNormal a:hover, .PublishActive{
	width: 88px;
}

.PublishDisabled a{
	width: 88px;
}

.UnpublishNormal a{
	width: 103px;
}
.UnpublishNormal a:hover, .UnpublishActive{
	width: 103px;
}

.UnpublishDisabled a{
	width: 103px;
}

.UnpublishNormal .euptab, .PublishNormal .eptab, .PublishActive .eptab, .UnpublishActive .euptab, .PublishDisabled .eptab, .UnpublishDisabled .euptab {
  display: block;
  margin: 0 auto;
}

.eptab, .euptab {
  display: none;
}

.SetupDisabled a img, .DesignDisabled a img, .LaunchDisabled a img, .ResponseDisabled a img, .ReviewDisabled a img, .ActionPlanDisabled a img, .FinalDisabled a img, .PublishDisabled a img, .UnpublishDisabled a img, .ViewDisabled a img {
  background: #e0e0e0 !important;
}

@media screen and (max-width: 1030px) {
  #RibbonBG li{
        margin:0.4% 0.099%;
    }
}
/* Added New Classes for publish/unpublish tabs - css end - 7 march 2017 */
.ViewNormal a{
	width: 77px;
}
.ViewNormal a:hover, .ViewActive{
	width: 77px;
}

.ViewDisabled a{
	width: 77px;
}