.essa-bubble-white {
    position: relative;
    padding: 10px 20px;
    background: #ffffff;
    color: #000000;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    /* Throw drop shadow against it*/
}

.essa-bubble-white .modal-content, .essa-bubble-white > .modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #ffffff !important;
}

.essa-bubble-white:before {
    position: absolute;
    content: "";
    bottom: -20px;
    right: -2px;
    border-width: 12px 15px 19px 0px;
    border-color: transparent #dedede;
    border-style: solid;
}

.essa-bubble-white:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    bottom: -15px;
    border: 12px 15px 19px 0px solid;
    border-style: solid;
    border-width: 12px 15px 19px 0px;
    border-color: transparent #ffffff transparent transparent;
}

.essa-bubble, .essa-bubble-reverse {
    position: relative;
    padding: 10px 20px;
    background: #fbd4d6;
    color: #f05661;
    border-color: #f05661;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
}

.essa-bubble h1, .essa-bubble-reverse h1 {
    color: #f05661;
}

.essa-bubble:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    bottom: -15px;
    border: 12px 15px 19px 0px solid;
    border-style: solid;
    border-width: 12px 15px 19px 0px;
    border-color: transparent #fbd4d6 transparent transparent;
}

.essa-bubble-reverse:before {
    position: absolute;
    content: "";
    top: -20px;
    left: -2px;
    border-width: 19px 0px 12px 15px;
    border-color: transparent #f05661;
    border-style: solid;    
}

.essa-bubble-reverse:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: -15px;
	border: 19px 0px 12px 15px solid;
	border-style: solid;
	border-width: 19px 0px 12px 15px;
	border-color: transparent transparent transparent #fbd4d6;
}

.essa-bubble-success{
	background: lightgreen;
	color: green;
	border-color: green;
}

.essa-bubble-success:after {
    border-color: transparent lightgreen transparent transparent;
}

.essa-bubble-success:before {
    border-color: transparent green;
    border-style: solid;
}

.essa-bubble-action {
    background: lightgoldenrodyellow;
    color: brown;
    border-color: brown;
}

.essa-bubble-action:after {
    border-color: transparent lightgoldenrodyellow transparent transparent;
}

.essa-bubble-action:before {
    border-color: transparent brown;
    border-style: solid;    
}

.essa-bubble-info {
    background: lightskyblue;
    color: blue;
    border-color: blue;
}

.essa-bubble-info:after {
    border-color: transparent lightskyblue transparent transparent;
}

.essa-bubble-info:before {
    border-color: transparent blue;
    border-style: solid;
}

.essa-bubble:before {
    position: absolute;
    content: "";
    bottom: -20px;
    right: -2px;
    border-width: 12px 15px 19px 0;
    border-color: transparent #f05661;
    border-style: solid;
}