/**
 * Created by prisme.io on 09/06/2017.
 */


 .red-ui-popover {
     display: none;
     position: absolute;
     width: 300px;
     padding: 10px;
     height: auto;
     background: #fff;
     
     z-index: 1000;
     font-size: 14px;
     line-height: 1.4em;
     @include component-shadow;
 }
 .red-ui-popover:after, .red-ui-popover:before {
 	right: 100%;
 	top: 50%;
 	border: solid transparent;
 	content: " ";
 	height: 0;
 	width: 0;
 	position: absolute;
 	pointer-events: none;
 }

 .red-ui-popover:after {
 	border-color: rgba(136, 183, 213, 0);
 	border-right-color: #fff;
 	border-width: 10px;
 	margin-top: -10px;
 }
 .red-ui-popover:before {
 	border-color: rgba(194, 225, 245, 0);
 	border-right-color: $primary-border-color;
 	border-width: 11px;
 	margin-top: -11px;
 }