@charset "utf-8";
/* Cascading Style Sheet */
/* TheHotline.org and LoveIsRespect.org Genesys chat tool */
/* Project contact: Marty Hand | TheHotline.org */
/* Author: Chad Cleveland. Lightbulb Web Services. www.Lightbulb.Services */
/* Copyright: © Copyright Lightbulb Web Services 2021. */
/* License: Licensed for use and modification to The National Domestic Violence Hotline and other organizations actively integrating with The Hotline. No distribution for purposes other than integration. */

/*
Last modified: '2022-06-10 10:33';
*/


.cx-widget * {
    -webkit-overflow-scrolling: touch;
    letter-spacing: .5px;
    font-family: Roboto, verdana ,sans-serif;

}

.cx-webchat {
    width: 390px !important;
    height: calc(100% - 91px);
    z-index: 999999 !important;
}

.cx-webchat.cx-mobile.cx-complete {
    height: calc(100% - 55px) !important;
    top: 0 !important;
    overflow: auto;
    min-height: 300px;
}

.cx-widget input[type=text], .cx-widget input[type=password], .cx-widget input[type=search], .cx-widget input[type=email], .cx-widget input[type=tel], .cx-widget input[type="checkbox"], .cx-widget input[type="radio"], .cx-widget textarea, .cx-widget .cx-message-text, .cx-widget select, .cx-widget td, .cx-widget th {
    border: none !important;
}
.cx-widget input[type=text], .cx-widget input[type=password], .cx-widget input[type=search], .cx-widget input[type=email], .cx-widget input[type=tel], .cx-widget textarea, .cx-widget select {
    box-shadow: inset 0 0 0 1px rgba(180,180,180,.5);
    font-size: 14px !important;
}
.cx-name {
    font-size: 12px !important;
}

.cx-time {
    font-size: 10px !important;
    position: absolute;
    right: 8px;
    bottom: -7px;
}

.cx-widget a {
    font-weight: 400;
}

h2#webchat-cx-title {
    font-size: 19.3px;
}
.cx-widget .cx-titlebar {
    height: 60px;
}
.cx-body {
    height: calc(100% - 50px);
    /* overflow: auto !important; */
}

.cx-webchat div.cx-input-container {
    height: 90px;
    border-width: 0px !important;
    padding: 8px 12px !important;
}

.cx-widget .cx-btn:focus, .cx-widget button:focus, .cx-widget div.cx-input-focus {
    border-width: 0px!important;
    box-shadow: none!important;
    transition: none!important;
    border-color: none!important;
    border-style: none!important;
}

.cx-webchat .cx-form-wrapper {
    height: calc(100% + 98px) !important;
    padding: 0 0 20px 0;
}

.cx-body div:not([class]):not([id]):not([style]):not([role]) {
    height: calc(100% - 98px);
}
.cx-transcript {
    height: 100% !important;
}

.cx-branding-icon {
    top: calc(100% - 56px);
}

.cx-message-input {
    height: 60px !important;
}
[lws-cx-input='disabled'] {
    opacity: .6;
}
[lws-cx-input='enabled'] {
    opacity: 1;
}

.cx-bubble {
    padding: 10px 10px 5px 10px;
    border-radius: 8px !important;
}

.cx-agent-typing .cx-avatar-wrapper, .cx-agent-typing .cx-bubble-arrow, .cx-widget ::before {
    display: none;
}

.cx-agent-typing .cx-bubble {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cx-agent-typing span.cx-name {
    width: 200px !important;
    opacity: .75;
    float: left;
}

.cx-agent-typing .cx-message-text {
    display: none !important;
}


.lws-cx-complete div.cx-widget.cx-webchat.cx-mobile.cx-transcript-view {
    height: calc(100% - 55px) !important;
}

#cx_webchat_form_useragent {
    display: none;
}


.cx-webchat .cx-form table td {
    border: none;
}


#cx-submit-button {
    float: left;
    font-size: 15px;
    padding: 3px 23px;
    background: linear-gradient(180deg,#5081e1 0,#4375d6);
    border: 2px solid #2e69db!important;
}
#cx-submit-button:focus {
    border: 2px solid #dae6fc!important;
}
.cx-btn {
    font-weight: 500 !important;
}

button#cx-submit-form {
    display: none;
}
button#cx-cancel-button {
    float: right;
}


div#lws-chat-notice {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin: 150px 5px 9999px 5px;
    padding: 0;
    color: #ddd;
    z-index: 99999;
    background: rgba(70,77,80,1);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    min-width: calc(100% - 10px);
}

div#lws-chat-notice span {
    padding: 10px 30px 10px 10px;
    display: inline-block;
}


div#lws-close-chat-notice {
    position: absolute;
    right: 6px;
    padding: 10px 15px;
    cursor: pointer;
}

div#lws-ok-chat-notice {
    font-size: 11px;
    padding: 5px 25px;
    background: linear-gradient(180deg,#5081e1 0,#4375d6);
    border: thin solid #2e69db!important;
    cursor: pointer;
    display: block;
    margin: 10px auto;
    width: 100px;
    text-align: center;
    border-radius: 4px;
}



#lws-survey-ele {
    height: calc(100% + 6px);
}

iframe#sdx-survey-surveyIfr {
    width: 100%;
    height: calc(100% - 56px);
    border: none;
}


.cx-sdx-frame {
    position: fixed;
    bottom: 0;
    right: 439px;
    box-shadow: 0 0 21px 2px rgb(0 0 0 / 20%);
    height: calc(100% - 91px);
    z-index: 9999999;
    transition: height ease .3s !important;
    color: #fdfdfd;
    background-color: #33383d;
    border-color: #222529;
    width: 424px;
}
.cx-sdx-frame .cx-titlebar {
    padding: 15px 20px;
    height: 30px;
}
.cx-sdx-frame .cx-titlebar h2 {
    font-size: 19.3px;
    font-weight: lighter;
    font-family: Roboto;
    margin: 0 0 0 8px;
    display: inline-block;
    cursor: pointer;
}

.cx-sdx-frame .cx-icon {
    width: 24px !important;
    height: 24px !important;
    padding: 0px;
    float: left;
    fill: #fff;
    cursor: pointer;
}

.cx-sdx-btns {
    float: right;
}
.cx-sdx-frame .cx-sdx-btns .cx-icon {
    width: 16px !important;
    height: 16px !important;
    padding: 0px;
    margin: 0 0 0 12px !important;
    display: inline-block;
}

.cx-sdx-btns button {
    display: none;
    padding: 0;
    background-color: transparent;
    border: 0;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: 6px;
}

.cx-sdx-btns path, .cx-sdx-btns rect{
    fill: #98a7b8 !important;
}


.cx-button-minimize, .cx-button-maximize {
    display: none !important;
}
.cx-webchat label {
    font-size: 13px;
    font-weight: 500 !important;
}
.cx-widget th {
    margin: 10px 0 0 0;
    display: block;
}

.ifr-notice p {
    margin: 50px;
    font-weight: 300 !important;
    font-size: 17px;
    line-height: 1.3;
    color: #444;
}

.scope-notice {
    position: fixed;
    z-index: 99999999;
    background-color: #fff;
    top: 0;
    height: 100%;
    width: 100%;
}
.scope-notice p {
    line-height: 1.4;
    font-weight: 300;
    margin: 50px;
}

.site-btn {
    border-radius: 1000px;
    text-align: center;
    padding: 20px 0;
    margin: 50px auto;
    width: 290px;
    color: #eee;
    font-family: Gotham, verdana, sans-serif;
    font-weight: 900;
    cursor: pointer;
    letter-spacing: .3px;
    background-color: #592C5F;
}
.site-btn:hover {
    background-color: #eee;
    color: #592C5F;
}
.cancel-btn {
    background-color: #888;
}

.cx-button-group.cx-buttons-window-control {
    top: 16px !important;
    right: 17px !important;
}
div[lws-minimized="true"] {
    transition: height ease .3s !important;
    height: calc(0% + 53px);
    z-index: 999990;
}
div[lws-minimized="false"] {
    transition: height ease .3s !important;
    height: calc(100% - 114px);
    z-index: 9999999;
}

button#max-survey-btn {
    background-image: url(https://lib.lightbulb.services/img/ez-ico-1.png);
    background-size: 700%;
    background-position-x: 27px;
    background-position-y: 27px;
    filter: grayscale(1) brightness(1.7);
}



div#sms-notice-container {
    background: #33383d;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
p.sms-notice-txt {
    color: #bbb;
    margin: 50px;
    line-height: 1.3;
}
#sms-notice-container .site-btn {
    margin: 20px auto;
}




[id^=extend-] {
    font-weight: bolder;
    font-size: 13px;
    color: #5081e1;
    cursor: pointer;
}


@media only screen and (max-width: 1027px) {
    .cx-webchat {
        width: 50% !important;
        right: 0 !important;
    }
    .cx-sdx-frame {
        width: 50% !important;
        right: 50% !important;
    }
}

@media only screen and (max-width: 850px) {
    .cx-webchat {
        right: 0;
        width: 100% !important;
        height: calc(100% - 0px);
    }
    
    .cx-sdx-frame {
        right: 0 !important;
        bottom: 56px;
        height: calc(100% - 114px);
        width: 100% !important;
    }
}