/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.sprints-tabbar-tabs {
  flex-grow: 0;
  padding-top: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  padding-right: 16px;
  border-right:  1px solid;
  border-right-color: rgba( 200, 200, 200 ,  1 );
  border-right-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }

.bolt-page > .bolt-header.sprints-tabbar-header {
  margin-left: 0;
  padding-left: 24px;
  padding-top: 0; }
  @media screen and (max-width: 599px) {
    .bolt-page > .bolt-header.sprints-tabbar-header {
      padding-left: 12px; } }

.sprint-picker-dropdown {
  max-width: 500px; }

.sprint-picker-item-icon {
  padding: 8px; }

.sprint-picker-item-right {
  margin-left: auto; }

.sprint-picker-pill-not-current {
  color: rgba( rgba(0, 0, 0, .55) ,  1 );
  color: rgba( var(--text-secondary-color,rgba(0, 0, 0, .55)) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 ) !important;
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ) !important; }

.sprint-picker-pill-current {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba( 16, 110, 190 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ) !important; }

.sprints-tabbar-header .bolt-header-commandbar:not(.taskboard-header-command-bar) {
  min-width: 0; }

.taskboard-header-command-bar {
  min-width: 50px; }
  .taskboard-header-command-bar.bolt-header-commandbar {
    margin-left: 4px; }
  .taskboard-header-command-bar .bolt-expandable-button > .bolt-button {
    width: max-content; }

.sprints-tabbar-header-commandbar.bolt-header-commandbar {
  align-self: center; }

.sprints-view-ff-enabled .sprints-tabbar-tabs {
  border-right: none; }

@media screen and (max-width: 599px) {
  .sprints-view-ff-enabled .sprints-tabbar-header-commandbar {
    max-width: 88px; } }

@media screen and (max-width: 599px) {
  .sprints-view-ff-enabled .sprints-view-container .page-content,
  .sprints-view-ff-enabled .sprints-view-container .page-content-top {
    padding-top: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) {
  .sprints-view-ff-enabled .sprints-tabbar-header .bolt-header-content-area {
    flex-wrap: nowrap; } }

.sprints-view-ff-enabled .sprints-header-dates {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px; }

.sprints-view-ff-enabled .sprints-header-dates.overflow-dialog {
  align-items: flex-start;
  flex-direction: column;
  padding: 0; }
  .sprints-view-ff-enabled .sprints-header-dates.overflow-dialog button {
    max-width: 250px; }

@media screen and (max-width: 599px) {
  .sprints-view-ff-enabled .page-content.remove-padding-on-mobile {
    padding-top: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) {
  .sprints-view-ff-enabled .wit-sprints-header-row.bolt-header {
    padding: 4px 8px 0 8px; } }

@media screen and (min-width: 768px) {
  .sprints-view-ff-enabled .show-on-mobile {
    display: none !important; } }

@media screen and (max-width: 768px) {
  .sprints-view-ff-enabled .hide-on-mobile {
    display: none !important; } }