/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/**
  * Contextual color names which express their intended use.
  * Duplication is ok, intent is more important.
  */
/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/**
  * Avoid accessing these variables directly in other files. Instead
  * map them to meaningful, contextual variable names in colors.css
  */
/* Blue */
/* Gray */
/* Yellow */
/* Red */
/* Green */
.y-menu-button--callout {
  border-radius: 1px;
}
.y-menu-button--callout > .ms-Callout-main {
  border-radius: 1px;
}
/* Overall top/bottom menu padding */
.y-menu-button--callout .ms-ContextualMenu-list {
  padding: 0.4rem 0;
}
/* Element styling overrides */
.y-menu-button--callout .ms-ContextualMenu-link, .y-menu-button--callout .ms-ContextualMenu-header {
  padding: 0;
}
.y-menu-button--item-icon {
  color: #386cbb;
}
.y-menu-button--item-icon__disabled {
  color: #a8b0bd;
}
.y-menu-button--item-icon > .y-icon {
  top: 0.3rem;
}
.y-menu-button--item {
  padding: 0.5rem 1.2rem 0.8rem;
}
.y-menu-button--item-header {
  padding: 0.7rem 1.2rem 1rem;
}
.y-menu-button--callout .ms-ContextualMenu-item:hover .ms-ContextualMenu-link:not(.is-disabled), .y-menu-button--callout .ms-ContextualMenu-item:active .ms-ContextualMenu-link:not(.is-disabled), .y-menu-button--callout .ms-ContextualMenu-item:focus .ms-ContextualMenu-link:not(.is-disabled) {
  background-color: #f3f5f8;
}
/* Headers and Dividers */
.y-menu-button--callout .ms-ContextualMenu-header {
  background-color: initial;
}
.y-menu-button--callout .ms-ContextualMenu-divider {
  background-color: #edeff2;
  margin-bottom: -1px;
}
.y-menu-button--callout .ms-ContextualMenu-link:hover {
  text-decoration: none;
}