/* Minification failed. Returning unminified contents.
(149,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #bfd96c !important;
    font-family: "Arial", sans-serif;
    color: #4a555a;
    border: none !important;
    line-height: 1.42857143;
    box-shadow: 2px 2px 0 rgba(0,0,0,.05);
    width: 192px !important;
    font-size: 14px !important;
    border-radius: 0px 0px 8px 8px !important;
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: #4a555a !important;
    text-decoration: none !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.HelpButton {
    background-color: #4a555a !important;
    font-family: "Arial", sans-serif;
    color: #bfd96c !important;
    border: none !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.HelpButton:hover, .embeddedServiceSidebarMinimizedDefaultUI.HelpButton:active, {
    background-color: #dff0d8 !important;
    color: #4a555a !important;
    opacity: 1.0;
    border: none;
    text-decoration: none;
}

.sidebarMinimized > .helpButton {
    opacity: 1.0 !important;
    background-color: #bfd96c !important;
    color: #4a555a !important;
    text-decoration: none !important;
    border: none;
}

.sidebarMinimized:hover > .helpButton:hover {
    border: none;
    background-color: #dff0d8 !important;
    color: #4a555a !important;
}

@media only screen and (max-width: 48em) {
    .embeddedServiceHelpButton .helpButton .uiButton {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        /*height: 36px;*/
    }
}

.minimizedContainer > .content > .messageContent, .minimizedContainer > .content > .messageContent > .embeddedServiceIcon > svg {
    color: #4a555a !important;
    fill: #4a555a !important;
}

input.slds-style-inputtext {
    box-shadow: inset 0 0 5px rgba(0,0,0,.02) !important;
    background: #f6f6f6 !important;
    line-height: 1.0 !important;
    /*	border-radius:2px !important;
height:32px !important;
font-size:13px !important;
padding:4px 8px !important;
line-height: 1.0 !important; */
}

input.slds-style-inputtext:focus {
    border-color: rgb(138,187,230) !important;
}

.embeddedServiceHelpButton:hover .helpButton:hover .uiButton:hover, uiButton:focus {
    background-color: #dff0d8 !important;
    font-family: "Arial", sans-serif;
    color: #4a555a !important;
    opacity: 1.0 !important;
    text-decoration: none !important;
}


.embeddedServiceSidebarHeader {
    background-color: #bfd96c;
}

.embeddedServiceSidebarHeader, .embeddedServiceSidebarExtendedHeader {
    background: #bfd96c !important;
    color: #4a555a !important;
}

.embeddedServiceSidebarHeader, .embeddedServiceSidebarExtendedHeader {
    background: #b6cb53 !important;
    border-radius: none;
    border-top-left-radius: none;
    border-top-right-radius: none;
    color: #4a555a !important;
}


.embeddedServiceSidebarExtendedHeader .content, .embeddedServiceSidebarExtendedHeader .optionName {
    color: #4a555a !important;
}

.headerTextContent, .headerChevron {
    color: #4a555a !important;
}

.headerChevron {
    border-top: 3px solid #4a555a !important;
}

.embeddedServiceIcon, .embeddedServiceIcon svg, .headerButton {
    color: #4a555a !important;
    fill: #4a555a !important;
    border-color: #4a555a !important;
}

.embeddedServiceSidebarButton, uiButton--default, uiButton--default:focus, .embeddedServiceSidebarButton:focus {
    background: linear-gradient(to bottom, #fcfcfc 0%,#fcfcfc 50%, #f6f6f6 51%, #f6f6f6 100%) !important;
    color: #4a555a !important;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
    text-decoration: none !important;
    line-height: 1.42857143;
    font-size: 12px;
    height: 38px;
}

.uiButton:focus {
    outline: none !important;
    text-decoration: none;
}

.uiButton:focus > span {
    text-decoration: none !important;
}

.embeddedServiceSidebarHeader, .embeddedServiceSidebarExtendedHeader {
    background-color: #4a555a;
}

.embeddedServiceSidebarButton > .label, .endChatButton > .label, .endChatButton > .label:focus {
    color: #4a555a !important;
    text-decoration-color: color:#4a555a !important;
    text-decoration: none;
}

.uiButton--inverse .label {
    color: #4a555a !important;
}

.uiButton:hover > .label {
    color: #c95000 !important;
}

.uiButton--inverse:hover > .label {
    color: #c95000 !important;
}

.embeddedServiceSidebarState > .messageArea {
    font-size: 15px;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button {
    font-size: 14px;
}

.embeddedServiceLiveAgentStateChat .messageArea:focus {
    border: 1px solid #dff0d8 !important;
}

.textareaIsFocused {
    border: 1px solid #dff0d8 !important;
}

.helpButton > uiButton:focus {
    border: none;
}

.helpButtonEnabled:focus::before, .helpButtonEnabled:hover::before {
    background: none !important;
    border: none !important;
    text-decoration: none !important;
}

.waitingCancelChat {
    color: #4a555a !important;
    text-decoration: none !important;
}

.waitingCancelChat:focus {
    text-decoration: none !important;
}

.embeddedServiceSidebarButton:not(:disabled):hover, uiButton--default:hover, .waitingCancelChat:hover {
    background: #ffffff !important;
    border: 1px solid #c95000;
    color: #c95000 !important;
    text-decoration: none !important;
}

.dialogButtonContainer > .embeddedServiceSidebarButton:hover {
    color: #c95000;
}

.embeddedServiceSidebarButton:hover, .uibutton:hover {
    color: #c95000;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #005290;
}

button.helpButtonDisabled > span.helpButtonLabel > span.message, button.helpButtonDisabled > span.embeddedServiceIcon {
    color: #c8ebfd;
    fill: #c8ebfd;
}

.embeddedServiceHelpButton .helpButtonDisabled {
    display: none !important;
}

/*Added by ALS*/
.embeddedServiceSidebar.modalContainer label {
    font-family: "Arial", sans-serif !important;
}

.embeddedServiceSidebarButton .label {
    font-size: 12px;
    font-weight: 400;
}

.shortHeader h2 {
    margin-bottom: 0px;
    margin-top: 0px;
}
.embeddedServiceSidebarFormField .has-error .slds-style-inputtext:not(:focus) {
    border-color: rgb(194, 57, 52) !important;
}
.embeddedServiceSidebarFormField .slds-style-inputtext{
    padding: 0px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}
.embeddedServiceLiveAgentStateChat .wrapper:after {   
    content: none !important;
}
.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send{
    padding-left: 10px !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer{
    background-color:#bfd96c !important;
    border: none !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader{
    height:46px!important;
}
.dockableContainer .alert {
    padding-left: 12px !important;
}
.formContent > ul.fieldList::after
{ 
    content: "If you're under 14, please talk to your parent or teacher to get help."; 
    font-size: 14px; 
    margin-left:12px; 
}
@media only screen and (max-width: 1024px), only screen and (min-height: 1024px) {
    .embeddedServiceHelpButton .helpButton {
        /*bottom: 68px !important;*/
    }
    .embeddedServiceSidebar.layout-docked .dockableContainer{
        width: 320px !important;
        max-height: 498px !important;
        border-radius: 8px 8px 0 0 !important;
        position: fixed !important;
        left: auto !important;
        bottom: 0px !important;
        right: 20px !important;
        margin: 0px !important;
    }
    .embeddedServiceSidebarMinimizedDefaultUI {    
        bottom: 0px !important;       
        /*border-radius: 8px 8px 0 0 !important;*/
        border-radius: 0px 0px 8px 8px !important;
        width: 192px !important;
    }
}
@media only screen and (max-width: 768px) {
    .embeddedServiceHelpButton .helpButton {
        /*bottom: 76px !important;*/        
    }
    .embeddedServiceHelpButton .helpButton .uiButton {
        /*border-radius: 8px 8px 0 0 !important;*/
        border-radius: 0px 0px 8px 8px !important;
    }
    .embeddedServiceSidebar.layout-docked .dockableContainer {
         bottom: 0px !important;
         margin: 0px !important;
    }
    .embeddedServiceSidebarMinimizedDefaultUI {    
        bottom: 0px !important;       
        /* border-radius: 8px 8px 0 0 !important;*/
        border-radius: 0px 0px 8px 8px !important;
        width: 192px !important;
    } 
}

.embeddedServiceHelpButton .helpButton{
    transform: rotate(90deg);
    transform-origin: right top;
    top: calc(100vh - 90px);
    height: 38px !important;
    max-height: 38px !important;
    min-height: 38px !important;
    min-width: 196px !important;
    max-width: 196px !important;
    right: -2px !important;
    width: 38px;
}

.embeddedServiceHelpButton .embeddedServiceIcon , .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon{
    transform: rotate(-90deg);
}

button.embeddedServiceSidebarMinimizedDefaultUI {
    transform: rotate(90deg);
    transform-origin: right top;
    top: calc(100vh - 90px);
    right: -2px !important;
    width: 38px;
    border-radius: 0px 0px 8px 8px !important;
}

.embeddedServiceLiveAgentStateChatInputFooter button.Upload {
    height: 93% !important;
}
.embeddedServiceLiveAgentStateChatInputFooter button.Upload > span > svg.icon
{ 
    fill: #4a555a !important;
    transition-duration: 0s;
}
.embeddedServiceLiveAgentStateChatInputFooter button.Upload:hover > span > svg.icon
{ 
    fill: #c95000 !important;
}
.embeddedServiceLiveAgentStateChatInputFooter button.Upload:hover
{ 
    background:#ffffff !important;
    border: 1px solid #c95000 !important;
}
.embeddedServiceLiveAgentStateChatInputFooter button.Remove > span > svg.icon
{ 
    fill: #4a555a !important;    
}
 header.embeddedservice-chatheader_chatheader
{ 
     background-color:#bfd96c !important; 
     color:#4a555a!important; 

 }
 button[embeddedService-chatHeader_chatHeader] 
 {
    min-height: 16px!important;
    width: 16px!important;
    min-width: 16px!important;
    height: 16px!important;
    margin-left: 15px!important;
    margin-top: -11px!important;
 }
  
 /*.embeddedServiceLiveAgentStateChatMessage {
    min-height:  30%!important;
    position: relative!important;
}
  
 .messageArea.embeddedServiceLiveAgentStateChatMenuMessage
 {
     min-height: 30%!important;
    position: relative!important;
 }*/
 .agentInitial
 {
     bottom:unset!important;
 }
 .wrapper{
    min-height:0%!important;
 }
 
 header.embeddedservice-chatheader_chatheader
{ 
  background-color:#bfd96c !important; color:#4a555a;

}
lightning-primitive-icon>svg
{ 
    fill:#4a555a; 

}
.dockableContainer.show
{
    right:2px!important;

}
button:hover[embeddedService-chatHeader_chatHeader]:before {
    width:26px!important;
    height:26px!important;
}
button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    right:41px!important;
}
button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before{
    right:11px!important;
}