/* Buttons/Links */
*:focus {
    outline: 0;
}

a {
    color: #999900;
}

.webchat-typing-indicator.active > div {
    height: 25px;
}

/*--------------ADAPTIVE CARDS---------------*/

#password i {
    margin-top: 0px !important;
    margin-left: -30px;
    z-index: 10000;
}

.ac-pushButton,
.ac-pushButton.subdued {
    background-color: transparent;
    border: 1px solid #F7C600;
    color: #F7C600;
    cursor: pointer;
    padding: 12px 40px;
    border-radius: 39.5px !important;
}

    .ac-pushButton,
    .ac-pushButton.subdued button {
        color: black;
        border: 1px solid #F7C600;
        background-color: #F7C600;
        margin-top: 12px !important;
    }

        .ac-pushButton.style-default.expandable.expanded,
        .ac-pushButton.style-positive {
            background: #ffcc00 !important;
            border: 1px solid #ffcc00 !important;
        }

            .ac-pushButton.style-default.expandable.expanded,
            .ac-pushButton.style-positive:hover {
                background: #e5b700 !important;
            }

        .ac-pushButton.style-default.expandable.expanded,
        .ac-pushButton.style-default {
            background: white;
            border: 1px solid black;
            color: #333333 !important;
            font-weight: 600 !important;
            font-size: 16px !important;
            padding: 12px 40px !important;
            border-radius: 39.5px !important;
        }

            .ac-pushButton.style-default.expandable.expanded,
            .ac-pushButton.style-default:hover {
                background: #dddddd;
            }

.adaptivecard-wrapper {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

    .adaptivecard-wrapper > * {
        background-color: white;
        border-radius: 5px;
    }

.ac-container.ac-adaptiveCard {
    padding: 0px !important;
}

.ac-textBlock > p {
    margin-bottom: -20px !important;
    padding: 0 !important;
    line-height: 1.40 !important;
    color: #4d4d4d !important;
}

.ac-choiceSetInput-multiSelect .ac-textBlock > p {
    margin-bottom: 0px !important;
}

.ac-textBlock {
    font-family: 'Nunito Sans' !important;
    font-style: normal !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
}

.ac-textRun {
    font-family: 'Nunito Sans' !important;
    font-size: 16px !important;
}

.subtleText {
    font-family: 'Nunito Sans' !important;
    font-style: normal !important;
    color: #999999 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1em !important;
}

.textOutline {
    border-bottom: 1px solid #ddd
}

.subtleText + .ac-horizontal-separator {
    height: 0px !important
}

.ac-adaptiveCard > .ac-horizontal-separator {
    padding-top: 13px !important;
    height: 0px !important;
}

.ac-choiceSetInput-multiSelect div {
    padding-bottom: 10px;
}

.ac-richTextBlock {
    padding-top: 10px;
}
/*-----------------------SELECT-OPTION-------------------*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../../Icons/dropdown_down_arrow.svg');
    background-position-x: 100%;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-color: white;
    padding-right: 20px !important;
    line-height: 1.28 !important;
}

    select[disabled] {
        opacity: 0.2;
    }

/*-----------------------INPUT------------------*/
input[type="checkbox"]:before {
    display: grid;
    -webkit-font-smoothing: antialiased;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURUdwTFBQUFNTU01NTaampv///4yMjOerQpsAAAAEdFJOUwBAJZWrn1x2AAAAKklEQVQI12NgUBQEASEGBuYUFxBwM2BQC4WAJAYRKMuRziyECxCugrsUABe7KwnG7yTlAAAAAElFTkSuQmCC');
    opacity: 1 !important;
}

input[type="checkbox"]:checked:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURVBQUJWVlba2ttvb21VVVU1NTf///0dwTE5OTk5OTlxcXPLy8nR0dGhoaIWFhcPDw6Ghoc3NzYzkt4wAAAAKdFJOUz////8G//8AMenK2f5OAAAAZ0lEQVQY023Q2wrAIAgGYDuonWvv/7JrsJa1/gvBDxEUmK2DL84yA4NHEd/BLtLNgsMtfc1sSn4qCEqkd6qUNspkUFC7EDUVSZpaeIcGhRgrqYVQEUVcCc0YmhSGdDocdDj78Jz/C28uSQYzBhRS6wAAAABJRU5ErkJggg==');
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ac-dateInput {
    height: 20px;
    white-space: nowrap !important;
}

.ac-input,
.ac-textinput {
    outline: none;
    border: none;
    color: #4d4d4d !important;
    border-bottom: 2px solid #dddddd !important;
}

.ac-input-correct,
.ac-textinput-correct {
    border-bottom: 0.125rem solid #dddddd !important;
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    border-bottom: 0.125rem solid grey;
}

input:placeholder-shown,
select:placeholder-shown,
textarea:placeholder-shown {
    border-bottom: 0.063rem solid #333333;
}

input:disabled {
    opacity: 0.2 !important;
}

.disabled {
    opacity: 0.2;
    pointer-events: none;
}

    .disabled > input:disabled {
        opacity: 1 !important;
    }

#textCounter {
    font-size: 12px !important;
    display: flex;
    margin: -22px 0px 0px 25px;
}

/*------------- INPUT VALIDATION FAILED -----------------------*/

select.ac-input-validation-failed {
    border-bottom: 2px solid #f43a38 !important;
    background-image: url('../../Icons/dropdown_down_arrow_error.svg');
    padding-right: 40px !important;
}

.ac-input-validation-failed {
    border-bottom: 2px solid #f43a38 !important;
}

.ac-textBlock[style*='color: rgb(204, 51, 0)'] > p {
    margin: 4px 24px -14px 0 !important;
}

.ac-textBlock[style*='color: rgb(204, 51, 0)'], .ac-textBlock[style*='color: rgb(204, 51, 0)'] > p {
    font-size: 12px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    color: #f43a38 !important;
}

.ac-textBlock[style*='color: rgb(0, 0, 0)'] {
    color: #4d4d4d !important;
}

.ac-textRun[style*='color: rgb(204, 51, 0)'] {
    display: none;
}

/*-------------------------------------- GO TO VUELING CARD ------------------------------*/
.min-horizontal-separator, .ac-adaptiveCard > .min-horizontal-separator {
    height: 0px !important;
    margin-top: 7px !important;
}

.goToVuelingButton {
    margin-top: 0px !important;
}

/*-------------- AVATARS -------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-avatar.bot {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    background-color: transparent !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-avatar.user {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    background-image: url("data:image/png;base64,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");
    background-position: center;
    box-shadow: none !important;
    border: none;
}


/*-------------------MENU INPUT--------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-menu-form {
    background-color: white;
    border: 1px solid black;
    border-bottom: 1px solid black !important;
    border-radius: 5px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 64px;
    box-shadow: none !important;
    margin: 0px 24px 24px 24px;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-menu {
    border-radius: 20px;
    background-color: #0da398;
    margin-bottom: 20px;
    margin-left: 30px;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-message-input {
    color: black;
    font-size: 16px;
    height: auto;
    width: 100%;
    padding: 20px 12px 20px 16px !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send {
    height: auto;
    padding: 4px !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-persistent-menu-title {
    color: white;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-persistent-menu-item {
    border-color: white;
    color: white;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] {
    overflow: visible !important;
}

.webchat-input-button-send > div {
    background-image: url('../../Icons/send_button.svg');
    width: 24px;
    height: 24px;
}

/*--------------------TYPING----------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-typing-indicator {
    background: white;
    box-shadow: none;
}

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-typing-indicator > div > div {
        background-color: grey !important;
    }


/*--------------------------------CHAT-------------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-message-row.user {
    margin-top: 8px;
    padding-right: 24px;
    box-sizing: content-box;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.user {
    padding-right: 16px;
    background: #0DA398;
    color: #ffffff;
    border-radius: 5px 5px 0px 5px;
    box-shadow: none !important;
    max-width: 670px;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message {
    font-size: 16px !important;
    line-height: 1.38;
    padding: 12px 12px !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-message-row.bot {
    padding-left: 24px;
    margin-top: 8px;
    max-width: 670px;
    box-sizing: content-box;
}

.webchat-message-row.bot + .webchat-message-row.bot {
    margin-top: 0px !important;
}

.webchat-message-row.user + .webchat-message-row.user {
    margin-top: 0px !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.bot {
    border: 2px solid white;
    padding-left: 16px;
    background: white;
    color: #4d4d4d;
    border-radius: 5px 5px 5px 0px;
    box-shadow: none !important;
}


/*---------------------- Quick Replies & Lists ------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-quick-reply-template-header-message {
    border: 2px solid white;
    background: white;
    color: #333333;
    border-radius: 5px 5px 5px 0px;
    box-shadow: none;
    padding: 12px 12px 4px 12px !important;
    font-size: 16px;
    line-height: 1.38;
}

[data-cognigy-webchat-root] .webchat-list-template-element {
    background: none;
    border: 1px solid black !important;
    border-radius: 39.5px;
    font-size: 15px;
    text-align: left;
    padding: 12px 32px !important;
    height: 40px !important;
    margin: 4px;
}

[data-cognigy-webchat-root] .webchat-list-template-element-title {
    color: #333333 !important;
    font-size: 15px;
}

[data-cognigy-webchat-root] .webchat-list-template-element-subtitle {
    color: #333333 !important;
    font-size: 15px;
}

[data-cognigy-webchat-root] .webchat-quick-reply-template-reply {
    font-family: 'Nunito Sans' !important;
    color: #333333 !important;
    border: 1px solid black !important;
    padding: 12px 40px !important;
    transition: none !important;
    font-size: 16px !important;
    line-height: 1;
    margin: 0px !important;
    margin-bottom: 16px !important;
    margin-right: 16px !important;
    text-align: -webkit-center;
    text-align: -moz-center;
}

    [data-cognigy-webchat-root] .webchat-quick-reply-template-reply:hover {
        background: #dddddd !important;
    }

[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container {
    text-align: unset !important;
    padding-left: 24px !important;
    margin-top: 21px !important;
}

/* ------------ Buttons -----------------*/

.disabledButton {
    pointer-events: none;
    opacity: 0.2;
}

/* ------------ General Webchat ----------------*/
[data-cognigy-webchat-root] div header {
    background: #333 !important;
    
}

/*desktop*/
@media screen and (min-width: 768px){
    .upload-header {
        padding-left: 24px !important;
    }
}

/*movile*/
@media screen and (max-width: 767px){

    .upload-header {
        font-size: 14px !important;
        padding: 7px 64px 7px 12px !important;
    }
   
    #upload-selected-button-mobile-view > button{
        border: solid 1px #4d4d4d !important;
        border-radius: 39.5px !important;
        margin: 16px 47px 16px 12px !important;
        padding: 9px 32px !important;
        height: auto;
    }
    #upload-selected-button-mobile-view > button > span{
        height: 12px !important;
        font-size: 12px !important;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #333 !important;
        line-height: 1 !important;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: 600 !important;
        text-align: center;
    }
    #upload-main-more-selected-file{
        text-align: initial !important;
    }
    #upload-main-footer > .upload-buttons-mobile{
        text-align: initial !important;
    }
    .upload-buttons-mobile > #upload-confirm-mobile-button{
        display: block !important;
    }
}

@media screen and (min-width: 576px) and (max-width:767px){
    .upload-buttons-mobile {
        display: inline-flex !important;
    }
    .upload-buttons-mobile > #upload-selected-button-mobile-view{
        order: 2 !important;
    }
    .upload-buttons-mobile>.upload-cancel-button{
        margin-top: 27px !important;
        margin-right: 32px !important;
    }
    #upload-selected-button-mobile-view> button>span, .upload-buttons-mobile>.upload-cancel-button{
        font-size: 16px !important;
    }
}

@media screen and (max-width: 576px){
    .upload-buttons-mobile {
        display: initial !important;
    }
    .upload-buttons-mobile > #upload-selected-button-mobile-view {
        display: flex !important;
    }
    .upload-buttons-mobile > .upload-cancel-button {
        display: flex !important;
        margin-top: 0px !important;
    }
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat {
    font-family: 'Nunito Sans' !important;
    font-style: normal !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    line-height: 1.38 !important;
    animation: grow 0.5s;
    background: none;
    box-shadow: none;
    bottom: 82px !important;
    letter-spacing: normal;
    color: #4d4d4d;
}

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-chat-history {
        background-color: #F3F3F3;
        background: none;
    }

.ac-input-container {
    margin-top: 8px;
}

[data-cognigy-webchat-root] [type="checkbox"], [data-cognigy-webchat-root] [type="radio"] {
    width: 18px;
    height: 18px;
    border-bottom: none !important;
}

@media screen and (max-width: 480px) {
    [data-cognigy-webchat-root] .webchat-quick-reply-template-reply, .ac-pushButton.style-default.expandable.expanded, .ac-pushButton.style-default, .ac-pushButton, .ac-pushButton.subdued {
        padding: 9px 32px !important;
        font-size: 12px !important;
        line-height: 1;
        margin-right: 12px !important;
    }

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-quick-reply-template-header-message {
        font-size: 14px;
        line-height: 1.43;
    }

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message {
        font-size: 14px !important;
        line-height: 1.43 !important;
    }

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-menu-form {
        height: 39px;
    }

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-message-input {
        font-size: 14px;
        padding: 8px 8px 7px !important;
    }

    [data-cognigy-webchat-root] .webchat-quick-reply-template-reply-image-and-buttons {
        padding: 12px 16px !important;
    }

        [data-cognigy-webchat-root] .webchat-quick-reply-template-reply-image-and-buttons > span {
            font-size: 14px !important;
            line-height: 1.43 !important;
        }

    .ac-textRun {
        font-size: 14px !important;
    }

    [data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container {
        margin-top: 18px !important;
    }

    .min-horizontal-separator, .ac-adaptiveCard > .min-horizontal-separator {
        margin-top: -5px !important;
    }

    .ac-textBlock {
        font-size: 14px !important;
    }

    .likeDislikeButton {
        width: 95px !important;
    }

    #textCounter {
        font-size: 10px !important;
        display: flex;
        margin: -22px 0px 0px 10px;
    }

    [data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-menu-form {
        margin: 0px 10px 24px 10px;
    }

    select {
        line-height: 1.29 !important;
    }
}