/*.filament-ai-chat-widget-headerWrapper {
    height: 100px !important;
}

.filament-ai-chat-widget-messageInput {
     font-size: 20px !important;
}

.admiral-bot-wrapper {
    background-color: #FFDC00;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}*/

@import url("https://use.typekit.net/qfd4enh.css");

#filament-ai-chat-widget {
    z-index: 40!important;
}

#ccc {
    z-index: 51!important;
}

#ccc-overlay {
    z-index: 41!important;
}

#ccc-module {
    z-index: 41!important;
}

#ccc-icon {
    z-index: 33!important;
}

.admiral-bot-icon {
    display: none;
}

.admiral-bot-container {
    display: block;
    position: relative;
    overflow: hidden;
}

.admiral-bot-container .app-arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    height: auto;
    cursor: pointer;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.mobile-bot-content {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 520px;
    padding: 0 10px 115px 10px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mobile-bot-content .bot-icon {
    width: 45px;
    height: auto;
    margin: 24px auto 10px auto;
    display: block;
}

.mobile-bot-content h1 {
    font-size: 24px;
    line-height: 27px;
    padding-bottom: 10px;
}

.mobile-bot-content p {
    margin: 0 auto;
    width: calc(100% - 30px);
    text-align: center;
}

.mobile-bot-content .btn-group {
    padding-top: 15px;
}

.filament-ai-chat-widget-messageContainsTail {
    border-bottom-left-radius: 8px!important;
}

.filament-ai-chat-widget-filamentAiChatWidget {
    z-index: 91;
}

.filament-ai-chat-widget-messageInput {
    font-weight: 400!important;
    padding: 2px 10px 5px 10px;
}

.filament-ai-chat-widget-messageError {
    color: #0C3A84!important;
}

.filament-ai-chat-widget-messageButtons .filament-ai-chat-widget-messageOption span {
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .show-tablet {
        display: block;
    }

    .bot-display-mobile {
        display: none!important;
        visibility: hidden!important;
    }

    .bot-display-desktop {
        display: inline-block!important;
        visibility: visible!important;
    }

    .desktop-bot-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .mobile-bot-content {
        display: none;
    }

    .admiral-bot-container {
        /*min-height: 620px;*/
        min-height: 740px;
        height: calc(100vh - 153px);
    }

    .admiral-bot-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .admiral-bot-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 90px;
    }

    .admiral-bot-container .app-arrow {
        bottom: 25px;
        width: 55px;
    }

    .filament-ai-chat-widget-messageBody {
        padding: 16px!important;
    }

    .filament-ai-chat-widget-messageContent {
        max-width: 75%!important;
    }

    .filament-ai-chat-widget-messageContent a:link {
        cursor: pointer!important;
    }

    .filament-ai-chat-widget-message .filament-ai-chat-widget-messageContainsTail {
        border-radius: 8px!important;
    }

    .filament-ai-chat-widget-leftMessage .filament-ai-chat-widget-tail {
        transform: unset!important;
    }

    .filament-ai-chat-widget-tail {
        border:none!important;

        display: block!important;
        width: 51px!important;
        height: 22px;
        margin-top: -8px;
        margin-left: 1px;
    }

    .filament-ai-chat-widget-rightMessage .filament-ai-chat-widget-tail {
        background: transparent url('https://admiral-chat-widget.s3-eu-west-1.amazonaws.com/images/chat-fin-reply.svg') no-repeat top right;
    }

    .filament-ai-chat-widget-leftMessage .filament-ai-chat-widget-tail {
        background: transparent url('https://admiral-chat-widget.s3-eu-west-1.amazonaws.com/images/chat-fin.svg') no-repeat top left;
        transform: unset;
    }

    .filament-ai-chat-widget-messageButtons .filament-ai-chat-widget-messageOption {
        text-decoration: none!important;
    }

    .filament-ai-chat-widget-messageButtons .filament-ai-chat-widget-messageOption span {
        padding: 5px 14px!important;
    }
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display: none;
    }

    .bot-display-mobile {
        display: inline-block!important;
        visibility: visible!important;
    }

    .bot-display-desktop {
        display: none!important;
        visibility: hidden!important;
    }

    #filament-ai-chat-widget {
        z-index: 60!important;
    }

    #ccc {
        z-index: 49!important;
    }

    #ccc-overlay {
        z-index: 32!important;
    }

    #ccc-module {
        z-index: 34!important;
    }

    .mobile-hide {
        display: none;
    }

    .admiral-bot-container {
        min-height: 420px;
        height: calc(100vh - 84px);
    }

    .admiral-bot-container .app-arrow {
        bottom: 28px;
        width: 44px;
    }

    .admiral-bot-icon {
        display: block;
        position: fixed;
        top: 55px;
        right: 0;
        cursor: pointer;

        width: 51px;
        height: 65px;

        z-index: 38;

        visibility: hidden;
        display: none;
    }

    .visibile {
        visibility: visible;
        display: block;
    }

    .admiral-bot-icon img {
        width: 51px;
        height: 65px;
    }

    .filament-ai-chat-widget-messageListWrapper {
         padding: 2px 10px 0 10px!important;
    }

    .filament-ai-chat-widget-messageContent {
        max-width: 90%!important;
    }

    .filament-ai-chat-widget-messageButtons .filament-ai-chat-widget-messageOption {
        text-decoration: none!important;
    }

    .filament-ai-chat-widget-messageButtons .filament-ai-chat-widget-messageOption {
        margin-bottom: 8px;
    }

    .filament-ai-chat-widget-tail {
        border:none!important;

        display: block;
        width: 51px;
        height: 22px;
        margin-top: -9px;
        margin-left: 1px;
    }

    .filament-ai-chat-widget-rightMessage .filament-ai-chat-widget-tail {
        background: transparent url('https://admiral-chat-widget.s3-eu-west-1.amazonaws.com/images/chat-fin-reply.svg') no-repeat top right;
    }
    
    .filament-ai-chat-widget-leftMessage .filament-ai-chat-widget-tail {
        background: transparent url('https://admiral-chat-widget.s3-eu-west-1.amazonaws.com/images/chat-fin.svg') no-repeat top left;
        transform: unset;
    }
}