html,
body {
    height: 100%;
    margin: 0;
}

.marker_text
{
    height:2rem;
    width:2em;
    border-radius: 2rem;
    border-bottom-right-radius: 0;
    rotate: 45deg;
}
.bg-yellow {background-color:yellow;}
.bg-orange {background-color:orange;}
.bg-red {background-color:red;}
.bg-green {background-color:green;}
.bg-blue {background-color:blue;}
.bg-brown {background-color:brown;}
.bg-purple {background-color:purple;}
.bg-black {background-color:purple;}

.marker_text_label {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 5px 20px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
}