a.suggestion {
text-decoration: none;
}

.html img {
max-width: 100%;
}

body {
    background-color: #eeeeee;
}
    ::-webkit-scrollbar-thumb{
    background-color: transparent;
    }
    ::-webkit-scrollbar-thumb:hover {
    background: transparent;
    }

.header{
    background-color: #002b73;
    border-bottom-color: transparent;
    box-shadow: 0px 0px 0px
    0px transparent;
    color: black;
}

    .header .menuList a {
    color: transparent;
    }

#messageContainer{
    background-color: transparent;
    color: #282d58;
}





.textToSpeech .start {
background-size: 30px auto;
min-width: 30px;
min-height: 30px;
}

.textToSpeech .stop {
background-size: 30px auto;
min-width: 30px;
min-height: 30px;
}

    #intro .imgContainer {
            height: 130px;
        background-image: url("https://platform.maia.chat/storage/bots/57/J19zh1YFCfKVYKN8bFMBKOeh6lOqw2jxa7qfTlGD.png");
    background-position: center top;
    background-repeat: no-repeat;
    }

#intro button{
    background: #002b73;
    color: white;
}
.incoming-message{
    background: #002b73;
    color: white;
}
.outgoing-message{
    background: #b6d6f1;
    color: #002b73;
}


.suggestions .suggestion{
    background: #002b73;
    color: white;
    box-shadow: 0px 0px 0px
    0px transparent;
}
.suggestions .suggestion:hover {
    background: #b6d6f1;
    color: #002b73;
}
.typingDot{
    background-color: #002b73;
    color: #002b73;
}

.footer{
    background-color: #002b73;
    border-top-color: transparent;
}

    .footer button{
    background-image: url("https://platform.maia.chat/storage/bots/57/8b28118a10ffe7e7d10d6681d00b54b20ddc1cd1.png");
    }


.header,
.footer {
    height: 75px;
}

/*.header h5 {
    display: none!important;
}*/

/*Powered By CrowdM*/
/*form::after{
    color: white;
    content: "Powered by CrowdM";
    display: block;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}*/

.footer{
    height: /*90px*/110px;
}

#crowdm-logo{
    width: 123px;
    margin-left: 5px;
    margin-top: 9px;
    transition: opacity 0.5s ease-in-out;
}

/*#crowdm-logo:hover {
    content: url('https://platform.maia.chat/storage/images/Xbv1lH8qawb9gznXKUQgMalvlPRv84JaLLFwt093.png');
    width: 123px;
    margin-left: 5px;
    margin-top: 9px;
}*/

.powered-crowdm{
    display: block; 
    text-align: center;
    color: white;
    text-decoration: underline;
    transition: 0.5s;
}

.powered-crowdm:hover{
    color: #b6d6f1;
    text-decoration: none;
}


/***Logo***/
.header h5{
    content: url(https://platform.maia.chat/storage/bots/57/923y5Wl2LCmKQje5ColJ3a8rGsYweMt4sHm8vpXI.png);
    display: inline-block!important;
    max-width: 150px;
    margin-top: -19px;
    margin-left: 5px;
}

#intro .imgContainer {
    height: 220px;
}

#app .header {
    background-size: auto 75px;
}

.attachment li {
    background: #e9ecef;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    border-top-left-radius: 18px!important;
    border-bottom-left-radius: 14px!important;
    border-bottom-right-radius: 18px!important;
    border-top-right-radius: 0px!important;
    margin-top: -2px;
    margin-right: -11px;
    margin-bottom: 7px;
}

.attachment .send span {
    color: #fff;
}

.attachment .cancel span {
    color: #2e2e2e;
}

#intro button:hover {
    background: #316b8c;
}

#app .footer button[disabled] {
    opacity: 1;
}

#app .footer input[type=file] {
    visibility: hidden;
    width: 50px!important;
    margin-left: -45px;
    height: 0px;
    padding: 0px;
    border: none;
}

.attachment .delete {
    top: -3px;
    right: 5px;
    cursor: pointer;
    font-size: 16px;
    text-transform: lowercase;
    font-family: Poppins, Helvetica, Arial, Lucida, sans-serif;
}

.toggleWidgetZoom.headerUtil:hover,
.closeWidget.headerUtil:hover {
    background-color: #e9ecef;
}

.attachment li {
    background: #e9ecef;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    border-top-left-radius: 18px!important;
    border-bottom-left-radius: 14px!important;
    border-bottom-right-radius: 18px!important;
    border-top-right-radius: 0px!important;
    margin-top: -2px;
    margin-right: -11px;
    margin-bottom: 7px;
}

.attachment .send span {
    color: #fff;
}

.attachment .cancel span {
    color: #2e2e2e;
}

@media (max-width: 1000px) {
    #app .header {
        /*border-top: 3px solid #5c656f;
        border-right: 3px solid #5c656f;
        border-left: 3px solid #5c656f;
        border-bottom: 3px solid #5c656f;*/
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #messageContainer {
        border-top: none;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    div#app {
        background-image: none;
    }
    .suggestions .suggestion {
        border-color: #fff;
    }
}

.suggestions .suggestion {
    margin: 4px 2px !important;
}

@media (max-width: 767px) {
    .suggestions .suggestion {
        margin-left: 12%;
        margin-right: -32px;
        margin-top: 0px;
        margin-bottom: 10px;
        border-color: #fff;
    }
    .footer label {
        margin-bottom: 0px;
        display: flex;
        float: left;
    }
}

.footer form {
    padding-left: 10px;
}

@media (min-width: 768px) and (max-width: 1025px) {
    .footer form {
        padding-right: 10px;
    }
    .footer form button[data-v-566887b5] {
        margin-left: 10px;
    }
}

@media (max-width: 1000px) {
    div#footer {
        border-top: none!important;
        /*border: 3px solid #5c656f;*/
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    div#messageContainer {
        /*border-right: 3px solid #5c656f;
        border-left: 3px solid #5c656f;*/
        border-top: none!important;
        border-bottom: none!important;
    }
}

@media (min-width: 1000px) {
    div#header {
        border-bottom: 3px solid #282d58;
    }
    .footer form button[data-v-566887b5] {
        margin-left: 8px;
    }
}

a.linkified {
    word-break: break-all;
}

@media (min-width: 800px) {
    #app .header {
        background-position: center !important;
    }
}

.embedcard .mediaContainer {
    margin: 0px -10px 0;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
    position: relative;
    max-height: 380px;
    border-bottom-right-radius: 25px;
}

.footer button {
    background-color: transparent;
}

.footer label {
    background-color: transparent;
}