/* DEFAULTS */
.lp_desktop #lpChat button:focus,
.lp_tablet #lpChat button:focus {
    outline: none !important;
}

.lp_desktop #lpChat [data-lp-point="minimized"] {
    bottom: 33px !important;
}
#lpChat [data-lp-point="minimized"],
#lpChat [data-lp-point="maximized"] {
    opacity: 1.0 !important;
    border-radius: 0px !important;
}
#lpChat [data-lp-point="chattingWithIcon"] {
    display:none !important;
}

#lpChat [data-lp-point="logo_area"] {
    margin-bottom: 10px;
}
.lp_tablet #lpChat [data-lp-point="minimized"] [role="heading"],
.lp_desktop #lpChat [data-lp-point="minimized"] [role="heading"] {
    text-align: center !important;
    width: 100% !important;
}
#lpChat [data-lp-point="maximized"] {
    box-shadow: none !important;
    border: thin solid #ddd !important;
}
.lp_desktop #lpChat [data-lp-point="header"] {
    height: 70px !important;
    background-color: white !important;
    border-radius: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #ddd !important;
}
.lp_desktop #lpChat [data-lp-point="minimized"] [data-lp-point="header"] {
    border: thin solid #eee !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-point="maximizedTitleContainer"] {
    width: 100% !important;
    text-align: center !important;
    line-height: 3.5 !important;
    padding-top: 12px !important;
}
.lp_tablet #lpChat .lp_logo_area_wrapper .lp_logo_image_wrapper {
    margin: auto;
}
#lpChat [data-lp-point="headerText"] {
    color: #000 !important;
    font-weight: bold !important;
    font-family: Tele-Fet, "Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-size: 18px !important;
    line-height: 2.7 !important;
    max-width: 75% !important;
    margin: 0px !important;
}
#lpChat [data-lp-point="minimize"],
#lpChat [data-lp-point="maximize"] {
    top: 24px !important;
    right: 240px !important;
    position: absolute !important;
}
#lpChat [data-lp-point="minimize"] {
    transform: rotate(180deg);
}
#lpChat [data-lp-point="minimize"].lp_minimize [data-lp-type="icon"].lp_minimize-icon img,
#lpChat [data-lp-point="maximize"].lp_maximize [data-lp-type="icon"].lp_maximize-icon img {
    top: 0 !important;
    left: -960px !important;
    position: absolute !important;
}
#lpChat [data-lp-point="close"] {
    top: 24px !important;
    right: 10px !important;
    position: absolute !important;
}
#lpChat [data-lp-point="close"].lp_close [data-lp-type="icon"].lp_close-icon img {
    top: 0 !important;
    left: -480px !important;
    position: absolute !important;
}
.lp_desktop #lpChat [data-lp-point="maximized"] [data-lp-point="main"] {
    top: 70px !important;
    padding: 20px !important;
    background-color: #fcfcfc !important;
}
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-point="main"] {
    top: 70px !important;
    background-color: #fcfcfc !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="main"] {
    top: 70px !important;
    padding: 20px 0 0 0!important;
    background-color: #fcfcfc !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-point="main_area"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="dialogArea"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="surveyArea"] {
    background-image: linear-gradient( #fff, #f0f0f0, #f0f0f0, #f0f0f0, #f0f0f0, #eee) !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-point="main_area"] {
    margin-top: 35px !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcriptArea"] {
    background: transparent !important;
    margin-top: 32px !important;
}
.lp_tablet #lpChat [data-lp-cust-id="logo"], 
.lp_desktop #lpChat [data-lp-cust-id="logo"] {
    margin-top: -20px !important;
    margin-left: -1px !important;
    /* height: 35px !important; */
}
.lp_tablet #lpChat [data-lp-cust-id="logoImage"], 
.lp_desktop #lpChat [data-lp-cust-id="logoImage"] {
    width: 281px !important;
    height: 34px !important;
}

#lpChat [data-lp-cust-id="logoTarget"] {
    padding:0px !important;
    margin:0px !important;
}
.lp_taglet #lpChat [data-lp-cust-id="logoAltText"],
.lp_desktop #lpChat [data-lp-cust-id="logoAltText"] {
    margin-left: -20px;
    margin-right: -3px;
    z-index: 3 !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-point="agent_image_area"] {
    display: none !important;
}
.lp_tablet #lpChat [data-lp-cust-id="agent"],
.lp_desktop #lpChat [data-lp-cust-id="agent"] {
    margin-top: 36px !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_time"],
.lp_desktop #lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_time"] {
    margin-top: 20px !important;
    color: #9E9E9E !important;
}
/* Offset the transcript time for the agent by x amount of pixels */
#lpChat [data-lp-point="maximized"] [data-lp-point="lines_area"] .lp_agent.agent_avatar_display [data-lp-cust-id="transcript_time"] {
    width: calc(100% - 50px) !important;
    padding: 0 0 5px 43px;
} 
/*#lpChat [data-lp-point="maximized"] .lp_chat_line_wrapper .lp_visitor .lp_chat_line, */
#lpChat [data-lp-point="maximized"] .lp_chat_line_wrapper .lp_visitor .lp_chat_line {
    border: none !important;
}

#lpChat .lp_survey_area .lp_survey_header_area {
    padding: 8px !important;
    overflow: hidden !important;
}
#lpChat .lp_question_wrapper {
    padding-bottom: 0px !important;
    margin-bottom: 18px !important;
}

.lp_desktop #lpChat [data-lp-point="maximized"] [data-lp-point="lp_line_state"] {
    padding-right: 14px !important;
}

.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="lp_line_state"] {
    padding-right: 10px !important;
}
#lpChat [title="Info "][data-lp-cust-id="transcript_time"] {
    display: none;
}
#lpChat .lp_chat_line_wrapper.lp_visitor.agent_avatar_display .agent_avatar {
    display: none;
}
.lp_desktop #lpChat [data-lp-point="engagement_area"] {
    height: calc(100% - 40px) !important;
}
#lpChat .lp_survey_area.lp_logo_top_margin {
    margin-top: 0px;
}

/* CHAT BUBBLES */
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agent"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitor"] {
    border-radius: 20px !important;
    padding: 8px 16px !important;
    background: #fff;
    border: none !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agent_text"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitor_text"],
#lpChat [data-lp-point="maximized"] [data-lp-asdf="lp_line_state_wrapper"] {
    line-height: 16px !important;
    font-family: "Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-weight: bold !important;
    font-size: 15px !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agent"] {
    background-image: linear-gradient(to left, #b851bb, #d12d9a, #e62b8d); /* Standard syntax (must be last) */
    border: none !important;
}

#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agentArrowBorder"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitorArrowBorder"] {
    display:none !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agentArrow"],
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitorArrow"] {
    bottom: -5px !important;
    height: 7px !important;
    width: 17px !important;
    border-color: transparent !important;
    border: none !important;
}
#lpChat [data-lp-point="maximized"] .lp_agent.agent_avatar [data-lp-cust-id="transcript_bubble_agentArrow"] {
    left: 66px !important;
    background-image: url(../images/bubble_tail_agent.png) !important;
}
#lpChat [data-lp-point="maximized"] .lp_agent.agent_avatar_hidden [data-lp-cust-id="transcript_bubble_agentArrow"] {
    left: 24px !important;
    background-image: url(../images/bubble_tail_agent.png) !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitorArrow"] {
    right: 13px !important;
    background-image: url(../images/bubble_tail_visitor.png) !important;
    bottom: -7px !important;
}
#lpChat .lp_chat_line_wrapper {
    overflow: visible !important;
    margin-bottom: 4px !important;
}
#lpChat .lp_chat_line_wrapper.lp_system .lp_chat_line .lp_title_text,
#lpChat .lp_chat_line_wrapper.lp_system .lp_time {
     text-align: left !important;
}
#lpChat .lp_chat_line_wrapper.lp_system .lp_chat_line {
    width: 100%;
}
#lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_time"][title^="Conversation closed"] {
    display: none !important;
}

/* UNREAD NOTIFICATION */
.lp_desktop #lpChat [data-lp-point="minimized"] [data-lp-point="notification_counter"] {
    background-color: #e20074 !important;
    margin: 23px -40px 0px 15px !important;
}

/* END CONVERSATION CONFIRMATION */
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-cust-id="dialogArea"] .lp_lpview_title,
.lp_desktop #lpChat [data-lp-point="maximized"] [data-lp-cust-id="dialogArea"] .lp_lpview_title,
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-cust-id="dialogArea"] .lp_lpview_title {
    font: bold 21px "Arial Narrow",Arial,Helvetica,sans-serif !important;
    padding: 60px 7px 44px 8px !important;
    color: #000 !important;
}

.lp_mobile #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button,
.lp_mobile #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button,
.lp_tablet #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button,
.lp_tablet #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button,
.lp_desktop #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button,
.lp_desktop #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button {
    width: 100% !important;
    color: #e20074 !important;
    font: bold 14px "Arial",Helvetica,sans-serif !important;
    padding: 0;
}
.lp_mobile #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button,
.lp_tablet #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button,
.lp_desktop #lpChat .lp_dialog_container .lp_buttons_area .lp_cancel_button {
    margin-bottom: 74px !important;
}

.lp_mobile #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button,
.lp_tablet #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button,
.lp_desktop #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button {
    margin-bottom: 20px !important;
}
.lp_mobile #lpChat .lp_dialog_container .lp_buttons_area .lp_confirm_button,
.lp_mobile #lpChat .lp_survey_area .lp_buttons_area .lp_next_button, 
.lp_mobile #lpChat .lp_survey_area .lp_buttons_area .lp_submit_button,
.lp_tablet #lpChat .lp_dialog_container .lp_buttons_area .lp_confirm_button,
.lp_tablet #lpChat .lp_survey_area .lp_buttons_area .lp_next_button, 
.lp_tablet #lpChat .lp_survey_area .lp_buttons_area .lp_submit_button,
.lp_desktop #lpChat .lp_dialog_container .lp_buttons_area .lp_confirm_button,
.lp_desktop #lpChat .lp_survey_area .lp_buttons_area .lp_next_button, 
.lp_desktop #lpChat .lp_survey_area .lp_buttons_area .lp_submit_button {
    width: 100% !important;
    margin: 0 !important; 
    font: bold 18px "Arial Narrow",Arial,Helvetica,sans-serif !important;
    background: #e10074;   
}
/* IE fixes*/
#lpChat .lp_main .lp_main_area .lp_location_bottom .lp_bottom_area {
    background: #fff;
}

#lpChat button:focus, #lpChat input:focus, #lpChat textarea:focus, #lpChat select:focus, #lpChat a:focus, #lpChat div:focus {
    outline: none !important;
}

.lp_desktop #lpChat .lp_dialog_container .lp_buttons_area {
    background: none !important;
}

/* SURVEY */
.lp_tablet #lpChat .lp_survey_area .lp_pages_area .lp_question_label,
.lp_desktop #lpChat .lp_survey_area .lp_pages_area .lp_question_label {
    text-align: center !important;
    font: bold 14px Arial,Helvetica,sans-serif !important;
    color: #000 !important;
}
.lp_tablet #lpChat .lp_survey_disclaimer,
.lp_desktop #lpChat .lp_survey_disclaimer {
    padding: 0 10px !important;
    color: #000 !important;
    font: bold 12px Arial,Helvetica,sans-serif !important;
}
.lp_tablet #lpChat .lp_csat_rater_current_rating,
.lp_desktop #lpChat .lp_csat_rater_current_rating {
    display: none !important;
}
.lp_tablet #lpChat .lp_survey_area .lp_pages_area input,
.lp_tablet #lpChat .lp_survey_area .lp_pages_area .lp_select_field,
.lp_desktop #lpChat .lp_survey_area .lp_pages_area input,
.lp_desktop #lpChat .lp_survey_area .lp_pages_area .lp_select_field {
    background-color: #fff !important;
    /* border-radius: 20px !important;
    border-color: #e20074 !important;
    border-width: 2px !important; */
}

/* CUSTOM CLASSES */
.lpBanner {
    background-image: linear-gradient(to left, #b851bb, #d12d9a, #e62b8d) !important;
    /* box-shadow: 0px 8px 16px -8px #777 !important; */
    border: none !important;
    text-align: center !important;
    padding: 8px !important
}
.lpBanner a {
    color: white !important;
    text-decoration: none;
    font: bold 12px "Arial Narrow",Arial,Helvetica,sans-serif !important;
    cursor: pointer !important;
}
.lpPaneHeader {
    text-align: center !important;
    font-family: Tele-Fet, "Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
}
.lpPaneButton {
    background: #e20074 !important;
    color: #fff !important;
    width: 150px !important;
    font-size: 17px !important;
    padding: 12px !important;
    margin: 28px auto !important;
    text-align: center !important;
}
.lpPaneFooter {
    font-size: 12px !important;
}
.LPMcontainer.LPMoverlay {
    margin: 0 !important;
}

.lp_mobile .lpPaneFooter,
.lp_tablet .lpPaneFooter {
    padding: 20px !important;
    text-align: center !important;
}

/* STRUCTURED CONTENT */
#lpChat .lp-json-pollock {
    background-color: #fff !important;
    border-radius: 20px !important;
}
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock {
    padding-bottom: 0px !important;
}
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock .lp-json-pollock-layout, 
.lp_desktop #lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock.lp-json-pollock-single-element {
    background: transparent !important;
    border: none !important;
    margin-bottom: 4px !important;
}
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock .lp-json-pollock-layout-vertical>.lp-json-pollock-element-button {
    border-radius: 20px !important;
    border: #e20074 solid 2px !important;
    margin-top: 4px !important;
}
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock 
.lp-json-pollock-element-button button {
    color: #e20074 !important;
    font-family: "Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-weight: bold !important;
    font-size: 15px !important;
    margin-bottom: 2px !important;
    border-radius: 20px !important;
    padding: 6px !important;
}
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock .lp-json-pollock-element-button.selected, 
#lpChat .lp_chat_line_wrapper .lp_rich_content_line .lp_title_text .lp-json-pollock .lp-json-pollock-element-button.selected button {
    background-image: linear-gradient(to left, #b851bb, #d12d9a, #e62b8d) !important;
    color: #fff !important;
    border-radius: 20px !important;
    border: none !important;
}
.lp-json-pollock-element-image img {
    border-radius: 20px !important;
}
.lp-json-pollock-element-text {
    border: none !important;
}

/* MOBILE */

.lp_tablet #lpChat [data-lp-point="headerText"][data-lp-point="minimize"],
.lp_mobile #lpChat [data-lp-point="headerText"][data-lp-point="minimize"]{
    color: #000 !important;
    font-weight: bold !important;
    font-family: Tele-Fet, "Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-size: 18px !important;
    line-height: 2.7 !important;
    max-width: 140% !important;
    margin: 0px !important;
}

.lp_tablet #lpChat [data-lp-point="minimize"],
.lp_mobile #lpChat [data-lp-point="minimize"] {
    top: 0 !important;
    right: 240px !important;
    position: absolute !important;
    margin-left: 10px !important;
}

.lp_tablet #lpChat [data-lp-point="maximize"],
.lp_mobile #lpChat [data-lp-point="maximize"] {
    top: 60% !important;
    right: 6px !important;
    position: absolute !important;
    margin: 72px 0 0 10px !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="main"] ,
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-point="main"] {
    max-height: calc(100% - 70px) !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="close"],
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-point="close"] {
    top: 0px !important;
    right: 10px !important;
    position: absolute !important;
}
.lp_tablet #lpChat [data-lp-point="minimized"] [data-lp-point="close"],
.lp_mobile #lpChat [data-lp-point="minimized"] [data-lp-point="close"] {
    top: 0px !important;
    right: 0px !important;
    position: absolute !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="maximizedTitleContainer"],
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-point="maximizedTitleContainer"] {
    padding-top: 4px !important;
}
.lp_tablet #lpChat [data-lp-point="maximized"] [data-lp-point="header"],
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-point="header"] {
    height: 70px !important;
    background-color: white !important;
    border-radius: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #ddd !important;
}
.lp_tablet #lpChat [data-lp-point="minimized"] [data-lp-point="header"],
.lp_mobile #lpChat [data-lp-point="minimized"] [data-lp-point="header"] {
    /* height: 70px !important; */
    background-color: white !important;
    border-radius: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #ddd !important;
}
.lp_tablet #lpChat [data-lp-point="minimized"] [data-lp-point="header"] [role="heading"],
.lp_mobile #lpChat [data-lp-point="minimized"] [data-lp-point="header"] [role="heading"] {
    /* top: 58px !important;
    height: 143px !important;
    width: 192px !important;
    text-align: center !important;   */
    /*top: 77px !important;*/
    top: 43% !important;
    left: -53px !important;
    height: 60px !important;
    width: 160px !important;
    text-align: center !important;
}
.lp_tablet #lpChat [data-lp-point="minimized"] [data-lp-point="notification_counter"],
.lp_mobile #lpChat [data-lp-point="minimized"] [data-lp-point="notification_counter"] {
    background-color: #e20074 !important;
    transform: rotate(-90deg) !important;
    left: 0px !important;
    top: 195px !important;
}
#lpChat [data-lp-point="maximized"] [data-lp-point="headerText"] {
    font-size: 18px !important;
}
#lpChat [data-lp-point="minimized"] [data-lp-point="headerText"] {
    font-size: 16px !important;
}
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_agent"], 
.lp_mobile #lpChat [data-lp-point="maximized"] [data-lp-cust-id="transcript_bubble_visitor"] {
    border-radius: 20px !important;
    padding: 8px !important;
}
.lp_mobile #lpChat .lp-json-pollock {
    width: 200px !important;
}
/* fix for the rich content not expanding full width on tablets */
.lp_tablet #lpChat [data-lp-cust-id="transcript_bubble_rich_content"] {
    width: calc(80% - 50px) !important;
}
.lp_tablet #lpChat [data-lp-cust-id="transcript_bubble_rich_content"] [data-lp-cust-id="transcript_bubble_rich_content_text"] .lp-json-pollock .lp-json-pollock-layout {
    max-width: 100% !important;
    padding: 10px !important;
}
.lp_tablet #lpChat [data-lp-cust-id="transcript_bubble_rich_content"] [data-lp-cust-id="transcript_bubble_rich_content_text"] .lp-json-pollock .lp-json-pollock-layout .lp-json-pollock-element-text {
    padding: 5px 10px 10px 10px;
} 
/* fix for the container not taking up whole screen-height on tablets */
.lp_tablet #lpChat [data-lp-cust-id="mainArea"] {
    height: 100% !important;
}
#lpChat [data-lp-cust-id="transcript_bubble_agent"] {
    min-width: 54px;
}