.color-picker-secion .bg-color-1 {
	padding: 4px;
	border: 1px solid #ced9ee;
	margin-bottom: 10px;
}
.color-picker-secion .bg-color-1 input:nth-child(2) {
	border: none
}
.hide {
	display: none
}
.bg-color-style .label{
	font-size: 18px;
	color: #666;
	font-weight: 400;
	margin-top: 15px;

}
.bg-color-style p{
	display: block;
	text-align: left;
	padding: 0
}
.custom-chat-btn-templates .wa-custom-chat-btn {
	margin: 1.6rem;
}
button:focus{
    outline: none!important
}
.wa-custom-chat-btn.wa-chat-btn-base-icon, .wa-custom-chat-btn .wa-chat-btn-base-icon {
	width: 52px;
	height: 52px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
}
.wa-chat-btn-icon-image-only.wa-custom-icon.wa-icon-mask {
	-webkit-mask-size: cover;
}
.wa-chat-btn-icon-image-only.wa-custom-icon.wa-icon-mask, .wa-icon-mask {
	-webkit-mask-image: url(https://cdn.shopify.com/s/files/1/0265/2572/8803/files/wa.svg?v=1586952948);
}
.wa-custom-chat-btn .wa-chat-btn-icon-image-only {
	width: 34px;
	height: 34px;
}
.wa-custom-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
}
.wa-chat-button-cta-text {
	display: inline-block;
	vertical-align: middle;
}
.wa-chat-btn-icon-image-only.wa-custom-icon.wa-icon-mask, .wa-icon-mask {
	-webkit-mask-image: url(https://cdn.shopify.com/s/files/1/0265/2572/8803/files/wa.svg?v=1586952948);
}
.wa-chat-btn-container-size-small {
	font-size: 14px;
	padding: 8px 15px;
}
.wa-chat-btn-icon-cta-small {
	vertical-align: middle;
	margin-right: 8px;
}
.wa-chat-btn-base-cta {
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 0 #d3d3d3;
	box-shadow: 0 0 5px 0 #d3d3d3;
	display: table;
	margin-top: 4px;
	border-radius: 25px;
}
.wa-custom-chat-btn.wa-chat-btn-base-cta-with-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.wa-chat-btn-base-cta-with-icon .wa-chat-button-cta-text {
	background-color: #fff;
	padding: 4px 9px;
	margin: 0 8px;
	border-radius: 4px;
	color: #2c2c2c;
	font-size: 14px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 5px 0 #d3d3d3;
	box-shadow: 0 0 5px 0 #d3d3d3;
}
.select-theme-modal .modal-content{
	padding: 15px
}
.select-theme-modal .radio-cc-reminder{
	display: block;
	background-color: #f4f6f8;
	margin: 15px 0

}
.select-theme-modal .modal-header{
	padding: 0 0 15px 0
}
.icon-preview {
	float: right
}
.Polaris-Labelled__LabelWrapper {
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 0.4rem;
}
.Polaris-Label__Text {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2rem;
	text-transform: initial;
	letter-spacing: initial;
	display: block;
	flex: 1 1 auto;
	color: currentColor;
	-webkit-tap-highlight-color: transparent;
}
.Polaris-TextField {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-transform: initial;
	letter-spacing: initial;
	position: relative;
	display: flex;
	align-items: center;
	color: #637381;
	cursor: text;
}
.Polaris-TextField__Input {
	color: #212b36;
}
.Polaris-TextField__Input {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-transform: initial;
	letter-spacing: initial;
	position: relative;
	z-index: 20;
	display: block;
	flex: 1 1;
	width: 100%;
	min-width: 0;
	min-height: 3.6rem;
	margin: 0;
	padding: 0.5rem 1.2rem;
	background: none;
	border: 0.1rem solid transparent;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.Polaris-TextField__Backdrop {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	border: 0.1rem solid var(--p-border,#c4cdd5);
	border-radius: var(--p-border-radius-base,3px);
	box-shadow: inset 0 1px 0 0 rgba(99,115,129,0.05);
	pointer-events: none;
}
.Polaris-TextField--hasValue {
	color: #637381;
}
.Polaris-TextField--multiline {
	padding: 0;
	flex-wrap: wrap;
}
.Polaris-TextField--multiline>.Polaris-TextField__Input {
	overflow: auto;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	resize: none;
}
.wa-chatbox-description{
	font-size: 16px;
	line-height: 1.5;
	opacity: .8;
	word-break: break-word;
    padding-right: 15px
}
.wa-chatbox-header{
	background: #06838C;
	color: #fff;
	position: relative;
	/*-webkit-border-top-left-radius: 8px;*/
	/*-webkit-border-top-right-radius: 8px;*/
	/*-moz-border-radius-topleft: 8px;*/
	/*-moz-border-radius-topright: 8px;*/
	/*border-top-left-radius: 8px;*/
	/*border-top-right-radius: 8px;*/
	border-radius: 20px 20px 0px 0px;
}
.wa-chatbox-close {
	position: absolute;
	top: 38px;
	right: 30px;
}
.wa-chatbox-close button {
	background: transparent;
	border: none;
	color: #fff;
	width: 25px;
	filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(127deg) brightness(118%) contrast(94%);
}
.wa-chatbox-chat{
	padding: 15px 20px;
	margin: 30px;
	position: relative;
	word-wrap: break-word;
	background-color: #f0f2f7;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.2;
}
.wa-chatbox-avatar {
	display: block;
	position: absolute;
	top: 0;
	left: -50px;
	width: 40px;
	height: 40px;
	margin-right: 0;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.wa-chatbox-chats {
	margin-left: 40px;
}
.wa-chatbox-body {
	height: 200px;
	overflow: auto;
    background: #fff
}
#rawa-response-message{
	width: 100%;
    margin-bottom: -8px;
	border: none;
}
#rawa-response-message {padding: 18px 100px 18px 30px;
	height: 58px;
	border-radius: 0px 0px 20px 20px;
}

.snd-action-btn img{
	width: 16px
}
.wa-chatbox-container {
	box-shadow: rgba(0,0,0,0.16) 0 5px 40px;
	width: 376px;
	border-radius: 20px 20px 20px 20px;
}
.wa-chatbox-footer textarea:focus {
	outline: none
}
.wa-chatbox-footer textarea{
	width: 100%;
	height: 100%;
	resize: none;
	border: 0;
	padding: 18px 100px 18px 30px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	white-space: pre-wrap;
	word-wrap: break-word;
	border-radius: 0;
	margin: 0;
	line-height: 1.33;
	min-height: inherit;
	color: inherit;
	overflow: hidden;
}
.snd-action-btn button{
	background: transparent
}
.wa-chatbox-footer textarea::placeholder{
	color: #dfe3e8
}
.wa-chatbox-footer {
	border-top: 1px solid #dfe3e8;
	position: relative;
}
.Polaris-Label label {
	font-size: 18px;
	color: #666;
	font-weight: 400;
	margin-top: 15px;
}

.wa-chatbox-preview .wa-chatbox-container{
	margin: auto
}
/*icon styling*/
#chat-box-icon{
	z-index: 2147483000;
	position: fixed;
	bottom: 0;
	width: auto;
	/*height: 60px;*/
	cursor: pointer;
	border-radius: 50%;
	transition: opacity 0.3s ease 0s;
}

.icon-left{
	left: 20px;
	margin-bottom: 20px;
}

.icon-right{
	right: 20px;
	margin-bottom:20px;
}

.wa-chatbox-preview{
	z-index: 2147483000;
	position: fixed;
	bottom: 15px;
	width: auto;
	/*height: 60px;*/
	cursor: pointer;
	border-radius: 50%;
	transition: opacity 0.3s ease 0s;
}
.wa-chatbox-preview-right{
	right: 20px;
	margin-bottom: 67px;
}
.wa-chatbox-preview-left{
	left: 20px;
	margin-bottom: 67px;
}

/*widget styling*/
.wa-chatbox-preview .wa-chatbox-container{
	margin: auto
}
.wa-chatbox-footer {
	border-top: 1px solid #dfe3e8;
	position: relative;
}
.wa-chatbox-footer textarea::placeholder{
	color: #dfe3e8
}
.snd-action-btn button{
	background: transparent
}
.wa-chatbox-footer textarea{
	width: 100%;
	height: 100%;
	resize: none;
	border: 0;
	padding: 18px 100px 18px 30px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	white-space: pre-wrap;
	word-wrap: break-word;
	border-radius: 0;
	margin: 0;
	line-height: 1.33;
	min-height: inherit;
	color: inherit;
	overflow: hidden;
}

.snd-action-btn{
	position: absolute;
    right: 30px;
    bottom: 11px;
}
.snd-action-btn img{
	width: 16px
}

.wa-chatbox-footer textarea:focus {
	outline: none
}
.wa-chatbox-body {
	height: 240px;
	overflow: auto;
}
.wa-chatbox-chats {
	margin-left: 40px;
}
.wa-chatbox-avatar {
	display: block;
	position: absolute;
	top: 0;
	left: -50px;
	width: 40px;
	height: 40px;
	margin-right: 0;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.wa-chatbox-chat{
	padding: 15px 20px;
	margin: 30px;
	position: relative;
	word-wrap: break-word;
	background-color: #f0f2f7;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.2;
}
.wa-chatbox-close button {
	background: transparent;
	border: none;
	color: #fff;
	width: 25px;
	filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(127deg) brightness(118%) contrast(94%);
}

.wa-chatbox-header{
	/*background: #06838C;*/
	color: #fff;
	position: relative;
	/*-webkit-border-top-left-radius: 8px;*/
	/*-webkit-border-top-right-radius: 8px;*/
	/*-moz-border-radius-topleft: 8px;*/
	/*-moz-border-radius-topright: 8px;*/
	/*border-top-left-radius: 8px;*/
	/*border-top-right-radius: 8px;*/
}
.wa-chatbox-note{
	margin-bottom: -25px;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 20px;
	line-height: 1.2;
	font-size: 14px;
	background: var(--rawa-background);
}
.wa-chatbox-description{
	font-size: 16px;
	line-height: 1.5;
	opacity: .8;
	word-break: break-word;
}
.wa-chatbox-greetings {
	padding: 10px 23px 34px 30px;
}

.wa-chatbox-preview{

}
.snd-action-btn button:hover{
    background: transparent
}
.snd-action-btn button:active{
    background: transparent
}
.snd-action-btn button{
    padding: 0
}
.snd-action-btn button:focus{
    background: transparent;
    outline: none
}
.wa-chatbox-title{
    color: #fff;
    margin-bottom: 5px;
    text-transform: inherit;
}
.wa-chatbox-footer textarea{
    background: #fff
}
@media only screen and (max-width:568px){
    .wa-chatbox-container{
        width: 100%;
        margin: 0 15px;
        z-index: 9999999;
    }
    .wa-chatbox-preview-right{
        right: 0
    }
    .wa-chatbox-preview{
        padding: 0 15px;
    }
}
