.message-container {
    height: 140px;
    display: flex;
    flex-direction: column;

    .btn {
        min-width: 60px;
        margin: auto 5px;
    }
}


.farris-messager {

    display: flex;

    .icon {
        background-position: center 3px;
        background-size: 70px;
        background-repeat: no-repeat;
        width: 70px; 
        height: 70px;
    }

    .msg {
        flex: 1;
    }
}

.info {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.st0{fill:#f6f6f6}.st1{fill:#1ba1e2}.st2{fill:#fff}%3C/style%3E%3Ccircle class='st0' cx='8.5' cy='7.5' r='5.5' id='outline'/%3E%3Cpath class='st1' d='M8.5 3a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm.5 8H8V6h1v5zm0-6H8V4h1v1z' id='icon_x5F_bg'/%3E%3Cpath class='st2' d='M8 6h1v5H8V6zm0-2v1h1V4H8z' id='icon_x5F_fg'/%3E%3C/svg%3E");
}

.warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.st0{fill:#f6f6f6}.st1{fill:#fc0}%3C/style%3E%3Cpath class='st0' d='M8.343 2H6.651L1.997 12l1.693 2h7.616l1.691-2L8.343 2z' id='outline'/%3E%3Cpath class='st1' d='M7.706 3H7.29l-4.115 8.842L4.153 13h6.687l.98-1.158L7.706 3zm.291 8h-1v-1h1v1zm0-2h-1V6h1v3z' id='icon_x5F_bg'/%3E%3Cpath d='M7.997 9h-1V6h1v3zm0 1h-1v1h1v-1z' id='icon_x5F_fg'/%3E%3C/svg%3E")
}

.question {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#1BA1E2}.icon-vs-fg{fill:#ffffff}%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16H0V0h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z' id='outline'/%3E%3Cpath class='icon-vs-bg' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm1 12H7v-2h2v2zm2-6c0 1.104-.898 2-2 2v1H7V9c0-1.104.897-2 2-2V5.203C8.841 5.115 8.495 5 8 5s-.841.115-1 .203V6H5V5c0-1.159 1.262-2 3-2s3 .841 3 2v2z' id='iconBg'/%3E%3Cg id='iconFg'%3E%3Cpath class='icon-vs-fg' d='M9 10H7V9c0-1.104.897-2 2-2V5.203C8.841 5.115 8.495 5 8 5s-.841.115-1 .203V6H5V5c0-1.159 1.262-2 3-2s3 .841 3 2v2c0 1.104-.898 2-2 2v1zm0 1H7v2h2v-2z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center 10px !important;
    background-size: 50px !important;
}

.error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.st0{opacity:0}.st0,.st1{fill:#f6f6f6}.st2{fill:#e51400}.st3{fill:#fff}%3C/style%3E%3Cg id='outline'%3E%3Cpath class='st0' d='M0 0h16v16H0z'/%3E%3Cpath class='st1' d='M2 8a6 6 0 1 1 12.002.002A6 6 0 0 1 2 8z'/%3E%3C/g%3E%3Cpath class='st2' d='M8 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5zm3 7l-1 1-2-2-2 2-1-1 2-2.028L5 6l1-1 2 2 2-2 1 1-2 1.972L11 10z' id='not_x5F_bg'/%3E%3Cpath class='st3' d='M9 7.972L11 10l-1 1-2-2-2 2-1-1 2-2.028L5 6l1-1 2 2 2-2 1 1-2 1.972z' id='not_x5F_fg'/%3E%3C/svg%3E");
}