.sideNavShow { width: 150px; }


@media (max-width: 1400px) {

  :root{
  --icon-width: 25px;
  --icon-size: 17px;
  --after-size: 10px;

}
.tab-label{
  padding:0 1em;
}
#pipelineSummaryTable td, #arrowPointTopTable td{
  padding:0px;
}
.pipelineGutter{
  width:1em;
}

#boBReport,
#boBTable{
  margin:10px;
  min-width:unset;
  width:80%;
}
#savingsGoal table tbody th {
	max-width: 150px;
}
#toolsMGMTContainer, #adviseeList,
.popup-contentWide {
width:unset;
}
.tabLabel::after{
  content:attr(data-shortlabel);
}
#arrowPointTopTable{
  max-width: calc(100%);
}
.chartWrapper{
  min-width: unset;
}
#pipelineDisplayTable th {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: auto;
}
div.weeklyGoalsTDDrill span.explain:nth-child(2){
  display: block;
}
div.cfGoalMSG {
	font-size: 0.9em;
}
#revenueInRangeContainer{
  font-size:0.8em;
}
#revenueInRangeContainer button{
  padding:3px;
  margin:3px;
}

}

@media (max-width: 1400px) {
  #arrowPointTotalCompletionOfCommitment{
    position:unset;
    margin: unset;
  }
}

@media (max-width: 1499px) {
  .container { max-width: calc(100% - 150px);}
  .sideNavShow { width: 75px; }
  .col2{ column-count: unset !important; }
  .col3{ column-count: 2 !important; }
}
@media (min-width: 1500px) and  (max-width: 1599px) {
  .container { max-width: calc(100% - 200px);}
  .sideNavShow { width: 75px; }
}
@media (min-width: 1600px) and  (max-width: 1699px) {
  .container { max-width: 1225px;}
  .sideNavShow { width: 150px; }
}
@media (min-width: 1700px) and  (max-width: 1799px) {
  /* .container { max-width: calc(100% - 320px);} */
  .container { max-width: 1325px;}
  .sideNavShow { width: 150px; }
}
@media (min-width: 1800px) and  (max-width: 1899px) {
  /* .container { max-width: calc(100% - 320px);} */
  /* .container { max-width: 1425px;} */
  .container { max-width: calc(100% - 400px);}
  .sideNavShow { width: 150px; }
}
@media (min-width: 1900px) and  (max-width: 1999px) {
  /* .container { max-width: calc(100% - 320px);} */
  .container { max-width: calc(100% - 400px);}
  /* .container { max-width: 1525px;} */
  .sideNavShow { width: 150px; }
}
@media (min-width: 2000px) {
  .container { max-width: calc(100% - 400px);}
  .sideNavShow { width: 150px; }
}

  @media only screen and (min-width: 0px) and (max-width: 1400px) {
  
  #utilityLinksContainer {
    width: 50px;
  }
  #revenueInRangeSwitch::after,
  a.navigationIcon::after,
  a.commandCenterIcon::after,
  a.businessIcon::after,
  a.personalIcon::after,
  .bookmarkLink::after,
  .tabToggleLink::after,
  .sidebarLink::after {
    content: "" !important;
  }
}

.noAfter:after {
  display: none !important;
}