@import 'webrtclink.css';

.message.admin {color: red;
text-align: right;
background-color: lightgray}
.message.user {color: blue;
text-align: left;}

.message {
    border-bottom: 1px solid #f6f6f6;
}
.messages {
    width: 50%;
}
.ivr-header{
    padding-top: 15% !important;
}
.label-silver {
    background-color: #BDC3C7;
}
.label-bronze {
    background-color: #E67E22;
}
.label-gold {
    background-color: #F1C40F;
}
/* Extracted from https://github.com/lipis/flag-icons */
.fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.fi:before {
    content: '\00a0';
}
.fi.fis {
    width: 1em;
}
.fi-ke {
    background-image: url(../images/flags/ke.svg);
}
.fi-zm {
    background-image: url(../images/flags/zm.svg);
}
.fi-ug {
    background-image: url(../images/flags/ug.svg);
}