/*!!
 * @atlassian/aui - Atlassian User Interface Framework
 * @version v8.0.0-alpha.1
 * @link https://aui.atlassian.com
 * @license SEE LICENSE IN LICENSE.md
 * @author Atlassian Pty Ltd.
 */

/*
    Tipsy's
*/
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-n {
  border-bottom-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-s {
  border-top-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-w {
  border-right-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-inner {
  background-color: #DE350B;
  color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-n {
  border-bottom-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-s {
  border-top-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-w {
  border-right-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-inner {
  background-color: #FFFFFF;
  border: 1px solid #DFE1E6;
  color: #172B4D;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-inner a {
  color: #0052CC;
  text-decoration: none;
}
.tipsy.aui-form-notification-tooltip-info:before {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-ne:before {
  border-bottom: 7px #DFE1E6 solid;
  border-left: 7px transparent dashed;
  border-right: 7px transparent dashed;
  border-top: none;
  margin-top: 0;
  right: 9px;
  top: -1px;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-se:before {
  border-bottom: none;
  border-left: 7px transparent dashed;
  border-right: 7px transparent dashed;
  border-top: 7px #DFE1E6 solid;
  margin-top: -5px;
  right: 9px;
  top: 100%;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-w:before {
  border-bottom: 7px transparent dashed;
  border-left: none;
  border-right: 7px #DFE1E6 solid;
  border-top: 7px transparent dashed;
  left: -3px;
  margin-top: -7px;
  top: 50%;
}
.tipsy.aui-form-notification-tooltip {
  line-height: 1.28571429;
  padding: 4px;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-n {
  border-width: 6px;
  margin-top: 0;
  right: 10px;
  top: 0;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-s {
  border-width: 6px;
  margin-top: -6px;
  right: 10px;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-w {
  border-width: 6px;
  margin-top: -6px;
  left: -1px;
}
.tipsy.aui-form-notification-tooltip ul {
  padding-left: 20px;
}
.tipsy.aui-form-notification-tooltip .tipsy-inner {
  padding: 10px;
  text-align: left;
}
/*
    Icons.
*/
[data-aui-notification-info] + .aui-icon.aui-icon-notification {
  color: #97A0AF;
}
[data-aui-notification-info] + .aui-icon.aui-icon-notification:before {
  content: "\F234";
}
[data-aui-notification-success] + .aui-icon.aui-icon-notification {
  color: #00875A;
}
[data-aui-notification-success] + .aui-icon.aui-icon-notification:before {
  content: "\F104";
}
[data-aui-notification-error] + .aui-icon.aui-icon-notification {
  color: #DE350B;
}
[data-aui-notification-error] + .aui-icon.aui-icon-notification:before {
  content: "\F15A";
}
[data-aui-notification-field].aui-form-notification-field-no-icon + .aui-icon.aui-icon-notification {
  visibility: hidden;
}
.aui-icon-notification {
  margin-left: 2px;
  margin-top: 4px;
  vertical-align: top;
}
form.aui .text[data-aui-notification-field]:not(.aui-form-notification-field-no-icon),
form.aui .password[data-aui-notification-field]:not(.aui-form-notification-field-no-icon) {
  padding-right: 28px;
}
form.aui .text[data-aui-notification-field] + .aui-icon-notification,
form.aui .password[data-aui-notification-field] + .aui-icon-notification {
  margin-left: 0;
  margin-top: 0;
  position: relative;
  right: 22px;
  top: 7px;
  vertical-align: top;
}
form.aui .password[data-aui-notification-error],
form.aui .text[data-aui-notification-error],
form.aui .textarea[data-aui-notification-error] {
  border-color: #DE350B;
}
form.aui .password[data-aui-notification-success],
form.aui .text[data-aui-notification-success],
form.aui .textarea[data-aui-notification-success] {
  border-color: #00875A;
}

