/* Table of Contents ================================================== #Popover */ /* #Popover ================================================== */ .popover { background-clip: padding-box; background-color: rgba(255,255,255,1); border: 1px solid rgba(217,222,225,1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); display: none; font-style: normal; left: 0; max-width: 276px; position: absolute; text-align: left; text-decoration: none; text-transform: none; top: 0; white-space: normal; z-index: 1010; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { background-color: rgba(236,238,241,1); border-bottom: 1px solid rgba(217,222,225,1); color: rgba(71,74,84,1); font-size: 14px; font-weight: bold; line-height: 18px; margin: 0; padding: 10px 15px 8px 15px; } .popover-title:empty { display: none; } .popover-content { background-color: rgba(255,255,255,1); color: rgba(43,50,53,1); font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; 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-top-color: rgba(236,238,241,1); border-bottom-width: 0; bottom: -11px; left: 50%; margin-left: -11px; } .popover.top .arrow:after { border-top-color: rgba(255,255,255,1); border-bottom-width: 0; bottom: 1px; margin-left: -10px; } .popover.right .arrow { border-right-color: rgba(236,238,241,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(236,238,241,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-left-color: rgba(236,238,241,1); border-right-width: 0; margin-top: -11px; right: -11px; top: 50%; } .popover.left .arrow:after { border-left-color: rgba(255,255,255,1); border-right-width: 0; bottom: -10px; right: 1px; }