@font-face {
	font-family: Avenir;
	font-style: normal;
	font-weight: 400;
    src: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/fonts/AvenirLTStd-Black.otf') format('otf'),
    url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/fonts/AvenirLTStd-Book.otf') format('otf'),
    url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/fonts/AvenirLTStd-Roman.otf') format('otf');
	/* src: local('Avenir LT Pro 45 Book'), local('AvenirLTPro-Book'), url(https://fonts.gstatic.com/l/font?kit=ijwUs5PnXdA4ZZUA6Zd-&skey=8887f17a62203d44&v=v3) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF */
}

@font-face {
	font-family: Avenir;
	font-style: normal;
	font-weight: 400;
	src: local('Avenir LT Pro 45 Book'), local('AvenirLTPro-Book'), url(https://fonts.gstatic.com/l/font?kit=ijwUs5PnXdA4ZZUA55d-&skey=8887f17a62203d44&v=v3) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.wc-app button,
.wc-app input,
.wc-app textarea,
body .wc-app {
	font-family: Avenir;
	font-size: 14px;
	line-height: normal
}

#bot {
	border: 1px solid rgba(236, 109, 16, .3);
	border-radius: 27px 27px 25px 25px
}

.wc-header {
	background-color: #ec6d10;
	color: #fff;
	border-radius: 25px 25px 0 0
}

#bot.botMaximize.overlayHome .wc-message-groups {
	display: block
}

.ac-container p {
	color: #000;
	font-weight: 400;
	font-family: Avenir;
	font-size: 14px
}

.wc-message-groups {
	background-color: #fff
}

.HeaderTitle {
	color: #fff
}

#BotChatGoesHere .wc-chatview-panel {
	background: #fff
}

.wc-message-from-bot .wc-message-content {
	background-color: #fff;
	color: #000;
	border: 1px solid #eee
}

.wc-message-from-bot svg.wc-message-callout path {
	fill: #fcf4e3;
	display: none
}

.wc-message-from-me .wc-message-content {
	background-color: #ffecdf;
	color: #000
}

.wc-message-from-me svg.wc-message-callout path {
	fill: #ed8b02;
	display: none
}

.ac-container.ac-adaptiveCard .ac-actionSet button.ac-pushButton {
	color: #000;
	background-color: #eff3f7;
	border: 1px solid #ccc;
	border-radius: 30px;
    font-weight: 100;
	border-color: #eff3f7;
	/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	margin-bottom: 2px */
}

.ac-container.ac-adaptiveCard .ac-actionSet button.ac-pushButton:hover {
	color: #000;
	background-color: #e4e4e4;
	border: 1px solid #e4e4e4
}

.ac-container.ac-adaptiveCard .ac-actionSet button.ac-pushButton:active {
	color: #000;
	background-color: #e4e4e4;
	border: 1px solid #e4e4e4
}

.wc-console {
	border-radius: 0 0 25px 25px
}

.wc-console ::placeholder {
	color: #807777
}

button.scroll.next:before {
	background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/RightArrow.png')
}

button.scroll.previous:before {
	background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/LeftArrow.png')
}

.wc-message-from {
	color: #999
}

.wc-message-content {
	box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, .1)
}

/* #BotExpand:before {
	background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/BotIcon.png')
}

a#headicon {
	background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/BotIcon.png')
} */

.wc-chatview-panel .right-slide {
	background-color: #ffecdf
}

@media only screen and (max-width:768px) {
	.wc-header {
		border-radius: 0
	}

	.wc-console {
		border-radius: 0
	}

	#bot.botMaximize.overlayHome .wc-message-groups {
		border-radius: 0
	}

	#bot {
		border: none;
		border-radius: 0
	}
}




a#BotShare {
    background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/PopoutShare.png');
}
a#popupClose {
    background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/PopupClose.png');
}
a#BotSettings {
    background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/SettingsIcon.png');
}
a#BotClose {
    background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/CloseWhite.png');
}
#persistentIcon {
    background-image: url('https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/PersistentIcon.png');
}
#minimizeBot:before {
    background-image: url('assets/images/minimizeIcon.svg');
}



.featureIcons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.featureIcons a{
    display: inline-block;
}

a#BotShare {
    content: "";
    position: absolute;
    width: 19px;
    background-size: cover;
    height: 19px;
}
a#popupClose {
    content: "";
    position: absolute;
    width: 19px;
    background-size: cover;
    height: 19px;
}
a#BotSettings {
    content: "";
    position: absolute;
    width: 19px;
    background-size: cover;
    height: 19px;
}
a#BotClose {
    content: "";
    position: absolute;
    width: 17px;
    background-size: cover;
    height: 17px;
}
#persistentIcon {
    /* content: ""; */
    position: absolute;
    width: 15px;
    left: 15px;
    /* top: 0px; */
    height: 15px;
    background-size: cover;
}
#BotSettings {
    cursor: pointer;
    width: 18px;
    height: 11px;
}
#BotShare {
    margin-right: 10px;
}
#BotShare {
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.right-slide {
    position: absolute;
    right: -250px;
    top: 60px;
    width: 240px;
    z-index: 999999999;
    padding: 15px 27px 10px 16px;
    box-sizing: border-box;
    transition: right 0.6s;
    /* overflow: auto; */
    height: auto;
    background-color: #ffecdf;
    /* opacity: 0; */
}
.rightSlide .right-slide {
    right: 0px;
    transition: right 0.6s;
    border-radius: 20px;
    /* opacity: 1; */
}
.right-slide ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.right-slide ul li {
    padding: 10px 0;
    float: left;
    width: 100%;
    /* border-bottom: 1px solid #fff; */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.right-slide .txt_download {
    float: left;
    font-size: 16px;
    color: #2b2b2b;
}
.right-slide .bold-text{
    font-weight: 700;
}
.right-slide a {
    float: right;
    /* margin-right: 10px; */
}
.right-slide a img {
    width: 18px;
}
.right-slide p {
    color: #2b2b2b;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 37px;
}
.switchToggle {
    float: right;
    margin-right: 0;
    position: relative;
    display: inline-block;
    width: 34px;
    height: 16px;
    margin-top: 5px;
}
.switchToggle input[type="checkbox"] {
    height: 20px;
    width: 20px;
    appearance: none;
    /* visibility: hidden;
    position: absolute; */
}
.switchToggle label {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}
/* .switchToggle label:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 2px;
    bottom: 1px;
    background-color: #ff2503;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
} */
/* .switchToggle input:checked + input + label,
.switchToggle input:checked + label {
    background: #ff2503;
} */
.switchToggle input:checked + input + label:before,
.switchToggle input:checked + label:before {
    transform: translateX(15px);
    background: #fff;
}
.rightSlide #BotSettings img {
    opacity: 0.6;
}
.largeFonts [role="complementary"] {
    zoom: 1.03;
}
.webchat__connectivityStatus {
    color: #000;
}
.wc-header .bot-title-main {
    width: 100%;
    justify-content: space-around;
    align-items: center;
    height: 50px!important;
}
#bot .wc-header .bot-title-main .bot-title {
    line-height: 36px;
    left: 95px;
    position: absolute;
    /* bottom: -2px; */
    font-size: 18px;
    font-weight: 700;
}

.webchat__upload-button button svg {
    display: block !important;
    margin-top: -3px;
}
.webchat__icon-button > * {
    position: relative;
}
.webchat__upload-button {
    position: absolute !important;
    right: 55px;
    float: right;
    z-index: 99;
    transform: rotate(45deg);
    top: 13px;
    height: 26px;
}
#bot .webchat__send-box .webchat__send-box__main [data-id="webchat-sendbox-input"] {
    width: 95%;
    box-shadow: 1px 2px 2px 2px rgb(0 0 0 / 10%);
    margin: auto;
    padding: 0 35px 0 24px;
    box-sizing: border-box;
    position: absolute;
    height: 40px;

}

form.webchat__send-box-text-box {
    margin-left: 38px;
}
button[title="Upload file"] svg{
    display: none!important;
}
button[title="Upload file"]:before {
    content: '';
    position: absolute;
    background-image: url(https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/AttachmentIcon.png);
    width: 20px;
    height: 23px;
    background-size: cover;
    top: 2px;
    right: 3px;
    z-index: 9999;
    transform: rotate(-40deg);
}

.webchat__send-box__button svg {
    display: none;
}           
.webchat__send-box__button:before {
    background-image: url("https://azcbnepasstorageuat.blob.core.windows.net/aemtemplate/assets/images/SendIcon.png");
}
.webchat__send-box__button:before {
    display: block;
}
.webchat__send-box__button:before {
    /* position: absolute; */
    content: '';
    width: 18px;
    height: 18px;
    /* right: 40px; */
    margin-right: 16px;
    z-index: 999;
    top: 25px;
    background-size: cover;
    cursor: pointer;
}
.webchat__send-box__main{
    border-top: 0px !important;
    border-radius: 27px 27px 25px 25px;
}

.botwindow{
    border-radius: 27px 27px 25px 25px;
}
.overlayToggle .overlay, .rightSlideoverlayToggle .overlay {
    display: block;
}
.overlay {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: -webkit-fill-available;
    background-color: rgba(0,0,0,0.2);
    z-index: 9999;
    display: none;
    border-radius: 0px 0px 25px 25px;
}
.webchat__send-box__button:hover{
   background-color: transparent!important;
   cursor: pointer;
} 
.webchat__icon-button:not(:disabled):not([aria-disabled="true"]):not(:active):hover .webchat__icon-button__shade{
   background-color: transparent!important;
cursor: pointer;
}

div.webchat__send-box__button:before{
visibility: hidden;
}
.webchat__stacked-layout__content, .webchat__stacked-layout__message {
    overflow: visible !important;
}
.webchat__bubble:not(.webchat__bubble--from-user) > .webchat__bubble__content{
box-shadow:2px 10px 15px 0 rgb(0 0 0 / 10%);
background-color: #fff;
color: #000;
border: 1px solid #eee;
min-width: 50px;
border-radius: 20px!important;
padding: 10px!important;
}
.webchat__bubble--from-user > .webchat__bubble__content{
    background-color: #ffecdf!important;
    color: #000;
    border-radius: 20px!important;
    padding:6px 15px!important;
    box-shadow: 2px 10px 15px 0 rgb(0 0 0 / 10%);
    border: none;

}
.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content,.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content{
    border: none!important;
}
.webchat__basic-transcript__scrollable {
    padding-top: 20px;
}
.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
    /* max-width: 80%; */
    position: relative;
    animation-name: slideFromLeft;
    transition-timing-function: cubic-bezier(.4,-.04,1,1);
    -webkit-animation-duration: .3s;
    animation-duration: .4s;
    background: 0 0;
    /* display: flex; */
    word-break: initial!important;
}
#bot ::-webkit-scrollbar {
    width: 8px;
}

#bot ::-webkit-scrollbar-thumb {
    background-color: #dbdee1;
}


@media (max-width:820px) {
    a#headicon {
        width: 50px;
        height: 50px;
        background-size: cover;
        content: "";
        top: 0px;
    }
}


@media (max-width:650px){
    
    .right-slide{
        width: 50%;
       padding: 5px 10px;
    }
    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
      .switchToggle label {
      
        /* width: 1.2em;
        max-width: 70px;
        height: 0.6em; */
  
    }
    .switchToggle{
/* margin-right: 20px; */
    }
    .switchToggle label:after{
        /* width: 0.5em;
        height: 0.5em; */
    }
    .switchToggle input[type=checkbox]:focus-visible {
  
        width: 1.7em;
        /* margin: 6px 0px; */
        margin: -1px 0px 0px 0px;
        height: 0.7em;
    }
    .persitentChat li button.ac-pushButton{
        font-size: 0.8em!important;

    }
    .wc-header:before {
        height: 30%;
    }
    #splashImg h4.welcomeDescription, #splashImg div.welcomeDescription{
        font-size: 1.0em;
    }
    button.startConvo{
        font-size: 0.9em!important;
        padding: 7px;
        height: auto;
        width: auto;
    }
    /* button.startConvo {
        padding: 12px;
        width: auto;
    } */
}
 




@media only screen and (max-width: 600px) {

    #splashImg .welomeImg img {
        width: 50%;
    }
    .right-slide ul li{
        padding: 3px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }

    .switchToggle label:before{
        right: -18px;
        top: -3px;
        font-size: 8px;
            }
            .switchToggle label{
                /* top: -5px;
                height: 0.4em; */
            }
            .switchToggle label:after{
                top: -4px;
                width: 12px;
    height: 12px;
            }
            .switchToggle input:checked+input+label:before, .switchToggle input:checked+label:before{
                top: -2px;
                right: -8px;
                font-size: 8px;
            }
}


@media (max-width:460px) {
    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
}

@media only screen and (max-width: 440px) {
    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
    .switchToggle label:after{
        top: -4px!important;
        width: 12px;
height: 12px;
    }
  
}



/* @media  (max-width: 435px){
    #splashImg .welomeImg {
        width: 300px;
        margin: 0 auto;
        height: 250px;
    }
} */
@media only screen and (max-width: 420px) {

    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
}

@media only screen and (max-width:380px) {

    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
    .switchToggle label:before{
right: -18px;
top: -3px;
font-size: 8px;
    }
    .switchToggle label{
        /* top: -5px;
        height: 0.4em; */
    }
    .switchToggle label:after{
        top: 0px;
    }
}

@media only screen and (max-width:360px) {
    .right-slide ul li{
        padding: 6px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.8em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
}

@media (max-width:350px) {
    .right-slide ul li{
        padding: 3px 0px;
    }
    .right-slide .txt_download{
        font-size: 0.6em!important;
    }
    .right-slide a img {
        width: 14px;
     
    }
    
}

@media only screen and (max-width: 320px){
   

    .right-slide{
        width: 50%;
        padding: 5px;
    }
    .right-slide ul li{
        padding: 3px 0px;
    }
}

.webchat__keyboard-help__box .webchat__keyboard-help__section .webchat__keyboard-help__two-panes:first-child svg {
    height: 100px
}

.webchat__keyboard-help__image {
    height: 100px
}

.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list li  button.ac-pushButton.style-default{
	margin-left:3px;
	margin-top:10px;
}

.webchat__carousel-filmstrip-attachment:focus .webchat__carousel-filmstrip-attachment--focus{
	border-color: transparent!important;
}

.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list li{
	padding-left: 0px!important;
	margin-left: 10px!important;
	margin-top: 10px;
}

button.ac-pushButton.style-default.primary.style-positive:focus,button.ac-pushButton.style-default.primary.style-positive:focus-visible{
    margin: 3px;
    outline: 2px solid #d21404 !important;
}
.webchat__keyboard-help__box h2,.webchat__keyboard-help__box h3{
    font-size:16px;
}
.webchat__keyboard-help__box h4{
    font-size:14px;
}
 .right-slide .hidden{
    display: none;
}

.react-film__flipper.react-film__flipper--left{
    left:5px!important;
}
.react-film__flipper.react-film__flipper--right{
    right:5px!important;
}
button[aria-label="Left"],button[aria-label="Right"]{
    width: 50px!important;
}

.react-film__flipper{
    height:90%!important;
    top:2px!important;
}


button:hover{
    cursor:pointer;
}
.webchat__icon-button.webchat__icon-button--stretch.webchat__send-button:focus .webchat__icon-button__keyboard-focus-indicator{
    border:transparent;
    outline:none;
}

.webchat__keyboard-help__box{
	z-index: 99;
	background-color: #fff;
}
.webchat__carousel-filmstrip__main .webchat__carousel-filmstrip__attachments.react-film__filmstrip__list .react-film__filmstrip__item .ac-container.ac-adaptiveCard .ac-textBlock{
	white-space: normal!important;
text-overflow:clip!important;
	overflow:visible!important;
	
}
.webchat__carousel-filmstrip__main .webchat__carousel-filmstrip__attachments.react-film__filmstrip__list .react-film__filmstrip__item .ac-container.ac-adaptiveCard .ac-textBlock p{
font-weight:600!important
	
}


	.webchat__suggested-action--focus-visible .webchat__icon-button__keyboard-focus-indicator{
		border:0px!important;
		outline: 0px!important;
	}
	.webchat__send-box__main button[title="Upload file"].webchat__icon-button--focus-visible .webchat__icon-button__keyboard-focus-indicator{
		display: none!important;
		appearance: none!important;
		border: 0px;
    }
    .webchat__send-box__main button[title="Upload file"].webchat__icon-button--focus-visible {
        padding: 10px !important;
    }
	

    .webchat__basic-transcript{
        position: unset !important;
    }

    .ac-actionSet button.ac-pushButton.style-default.ac-selectable div{
        text-align:left!important;
        white-space: initial!important;
    }
    

    a#headicon:before {
        background-image: url(https://azcbnepasstoraprod.blob.core.windows.net/aemtemplate/assets/images/conimex-logo.png);
    }