/* Table of Contents ================================================== # Popover */ /* # Popover ================================================== */ .popover { background-clip: padding-box; background: rgba(255,255,255,1); border: 1px solid rgba(225,232,237,1); box-shadow: 0 0 3px rgba(225,232,237,1); display: none; float: none; font-style: normal; letter-spacing: 0; left: 0; position: absolute; text-decoration: none; text-transform: none; text-align: left; top: 0; width: 276px; white-space: normal; z-index: 1060; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { background: rgba(245,248,250,1); border-bottom: 1px solid rgba(225,232,237,1); color: rgba(43,50,53,1); font-weight: bold; font-size: 14px; letter-spacing: 0; line-height: 18px; margin: 0; padding: 10px 15px; } .popover-title:empty { display: none; } .popover-content { background: rgba(255,255,255,1); color: rgba(43,50,53,1); font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0; line-height: 20px; padding: 10px 15px; } .popover .arrow, .popover .arrow:after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { border-bottom-width: 0; border-top-color: rgba(235,238,240,1); bottom: -11px; left: 50%; margin-left: -11px; } .popover.top .arrow:after { border-bottom-width: 0; border-top-color: rgba(255,255,255,1); bottom: 1px; margin-left: -10px; } .popover.right .arrow { border-right-color: rgba(235,238,240,1); border-left-width: 0; left: -11px; margin-top: -11px; top: 50%; } .popover.right .arrow:after { border-right-color: rgba(255,255,255,1); border-left-width: 0; bottom: -10px; left: 1px; } .popover.bottom .arrow { border-bottom-color: rgba(235,238,240,1); border-top-width: 0; left: 50%; margin-left: -11px; top: -11px; } .popover.bottom .arrow:after { border-bottom-color: rgba(255,255,255,1); border-top-width: 0; margin-left: -10px; top: 1px; } .popover.left .arrow { border-right-width: 0; border-left-color: rgba(235,238,240,1); margin-top: -11px; right: -11px; top: 50%; } .popover.left .arrow:after { border-right-width: 0; border-left-color: rgba(255,255,255,1); bottom: -10px; right: 1px; }