.appointment_popup {
  font-size: 10px;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.add-down-arrow {
  position: relative;
  overflow: visible;
}

.add-down-arrow:after {
  content: 'test';
  position: absolute;
  top: 0px;
  left: 0px;

}

.quote {
    /*position:relative;
    width:300px;
    padding:15px 25px 20px;
    margin:20px auto;
    font:italic 26px/1.4 Georgia, serif;
    color:#fff;
    background:#245991;*/
}

.quote:after {
    content:"";
    position:absolute;
    top:100%;
    right:25px;
    border-width:30px 30px 0 0;
    border-style:solid;
    border-color:#245991 transparent;
    /* css3 extras */
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
            transform:skewX(-15deg);
}