body {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143
}

a {
    color: #007db8
}

.cncf-contact-drawer-init-position {
    top: 225px;
    right: -260px
}

.cncf-contact-drawer {
    position: fixed;
    z-index: 800;
    width: 230px;
    height: auto;
    background: #fff;
    border-left: 3px solid #826ec3;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9
}

    .cncf-contact-drawer .cncf-contact-drawer-tab {
        cursor: pointer;
        background: #826ec3;
        color: #fff;
        width: auto;
        padding: 3px 9px;
        margin: -1px 0 0 0;
        border-left: 1px solid #826ec3;
        position: absolute;
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform-origin: top left;
        -moz-transform-origin: top left;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-box-shadow: -2px 0 5px 0 rgba(0,0,0,.3);
        -moz-box-shadow: -2px 0 5px 0 rgba(0,0,0,.3);
        box-shadow: -2px 0 5px 0 rgba(0,0,0,.3);
        margin-top:85px;
    }

        .cncf-contact-drawer .cncf-contact-drawer-tab .cncf-outside-message {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .cncf-contact-drawer .cncf-contact-drawer-content {
        width: 240px;
        display: block;
        padding: 20px;
        background: #fff
    }

    .cncf-contact-drawer .cncf-welcome-message {
        color: #444 !important
    }

    .cncf-contact-drawer .cncf-chat {
        display: flex;
        margin-top: 15px;
        align-items: center
    }

    .cncf-contact-drawer .cncf-icon-links {
        text-decoration: none
    }

    .cncf-contact-drawer .cncf-chat-icon {
        color: #007db8;
        margin-right: 10px;
        width: 25px;
        height: 25px;
        overflow: hidden
    }

    .cncf-contact-drawer .cncf-close {
        height: 34px;
        width: 34px;
        background-color: transparent;
        position: absolute;
        top: 1px;
        right: 1px;
        border: none;
        cursor: pointer;
        color: #000;
        font-size: 22px
    }

    .cncf-contact-drawer .cncf-contract-drawer-item-container {
        color: #007db8;
        cursor: default
    }

        .cncf-contact-drawer .cncf-contract-drawer-item-container .cncf-contract-drawer-item-title {
            width: 100%
        }

        .cncf-contact-drawer .cncf-contract-drawer-item-container .cncf-contract-drawer-item-subtitle {
            color: #aaa;
            font-size: 11px
        }

.cncf-responsive-image {
    width: 100%;
    height: auto
}