/************************************************************************************
Devportal Navbar Popover This is specific styling for the devportal navbar popover.
**************************************************************************************/
@import 'base';
.dp-navbar-popover {
position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; margin-top: 10px; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: $preLoginBackgroundColor; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
} .dp-navbar-postlogin .dp-navbar-popover {
background-color: #333; border-color: #222;
} .dp-navbar-popover > .dp-navbar-popover-arrow, .dp-navbar-popover > .dp-navbar-popover-arrow:after {
position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;
} .dp-navbar-popover > .dp-navbar-popover-arrow {
top: -22px; left: 0; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); border-width: 11px;
} .dp-navbar-popover > .dp-navbar-popover-arrow:after {
content: ""; border-width: 10px; top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: $preLoginBackgroundColor;
} .dp-navbar-postlogin .dp-navbar-popover > .dp-navbar-popover-arrow:after {
border-bottom-color: #333;
}