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: #072c45;
    border-bottom-color: transparent;
    box-shadow: 0px 0px 0px
    0px transparent;
    color: black;
}

    .header .menuList a {
    color: transparent;
    }

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

    .speechToText .start {
    background-image: url("https://platform.maia.chat/storage/bots/74/zUxvk0eD5s6sQO1rSx8n04gPNRImWwELxE8xLNHT.png");
    }

    .speechToText .start:hover {
    background-image: url("https://platform.maia.chat/storage/bots/74/rms4iHFGfsl2e9JQy1RpgO0zSxsG2n3Y7B26wSLb.png");
    }

    .speechToText .stop {
    background-image: url("https://platform.maia.chat/storage/bots/74/d3j0z7xyRhD4CMFF2jhh7lgTzO1LqZm93Pi0Glbh.png");
    }

    .speechToText .stop:hover {
    background-image: url("https://platform.maia.chat/storage/bots/74/b2qGEzkJGh2RJZU1JvrwjrHOhL3Bl9OhP8gVsztK.png");
    }

.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 h2 {
font-size: 1.5em;
}

#intro button{
    background: #65809a;
    color: white;
}
.incoming-message{
    background: #138dce;
    color: white;
}
.outgoing-message{
    background: #dddddd;
    color: #072c45;
}


.suggestions .suggestion{
    background: #35526e;
    color: white;
    box-shadow: 0px 0px 0px
    0px transparent;
}
.suggestions .suggestion:hover {
    background: #65809a;
    color: white;
}
.typingDot{
    background-color: #072c45;
    color: #072c45;
}

.footer{
    background-color: #072c45;
    border-top-color: transparent;
}

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


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

.header h1 {
    display: none!important;
}

.message.outgoing-message {
    border-top-left-radius: 0;
    margin-right: 8%;
    float: left;
    clear: right;
    max-width: 100%;
    word-wrap: break-word;
    word-break: break-word;
}

.header h1{
    content: url(https://platform.maia.chat/storage/images/LtLnRTkOrBUFw6QHhe8EYc2YCvp11vIXg5qxuWIz.png);
    display: inline-block!important;
    max-width: 185px;
    margin-top: -8px;

}

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

.attachment{
    display:none!important;
}

.speechToText .start{
    background-size: 16px!important;
}

.speechToText .stop{
    background-size: 18!important;
}

.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;
}

#intro .imgContainer{
    background-size: 14%;
}

#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;
}


/*---Sistemazione dopo interventi accessibilità---*/
.mainContainer.isSpeechToTextAvailable input {
    min-width: 100%;
}

#footer button {
margin-left: 5px;
margin-right: 5px;
}

#intro .imgContainer {
    background-size: contain;
  }