.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    border-top: 8px solid #ccc;
border-top: 8px solid #999;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    cursor: pointer;
}

.my-journal-standard button.btn-popover {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    background: none !important;
    background-color: rgb(221, 221, 221) !important;
    border: solid rgb(221, 221, 221) 2px !important;
    border-style: outset;
    padding: 1px 6px !important;
}

.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;

min-width: 225px;
max-height: 60px;

padding: 1px;
text-align: left;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid #CCC;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}

.fade.in {
opacity: 1;
}
.popover.top {
    margin-top: -10px;
    margin-top: -40px;
    margin-top: -10px;
}
.popover>.arrow, .popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: rgba(0, 0, 0, 0);
border-style: solid;
}
.popover>.arrow {
border-width: 11px;
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}

.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
background-color: #F7F7F7;
border-bottom: 1px solid #EBEBEB;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}