@charset "utf-8";
@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v13/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');}
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,300italic,700,700italic,900,900italic,300);
/* CSS Document */
@keyframes shadow-pulse{
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}

.pulse{animation:shadow-pulse 1s 3;}
#instabot .hide{display:none !important;}
.instabot_box .material-icons{font-family: 'Material Icons';vertical-align:text-bottom;font-size:20px;font-weight:normal;font-style:normal;line-height:inherit !important;color:inherit !important;
	letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing: antialiased;}
.instabot_box .icon .material-icons{font-size:20px !important;width:100%;}
#instabot #instabot_icon{position:fixed;display:block;bottom:15px;right:15px;z-index:99999;}
#instabot .instabot_logo,.instabot .instabot_logo{position:relative;display:block;width:40px;height:40px;border-radius:50%;
	line-height:40px;text-align:center;background:#2bb885;color:#fff;}
#instabot .instabot_logo img,.instabot .instabot_logo img{position:relative;top:5%;width:80%;height:80%;}
#instabot .instabot_logo:before,.instabot .instabot_logo:before{content:'';display:block;position:absolute;left:-5px;top:-5px;
	height:46px;width:46px;border-radius:50%;border:2px solid #2bb885;}
#instabot .instabot_title{display:none;position:absolute;bottom:100%;right:-5px;width:300px;
	background:#2bb885;font-weight:normal;color:#fff;padding:5px 10px;box-shadow:0 4px 11px 0 hsla(0,0%,7%,.2);
	margin-bottom:10px;border-radius:10px;font-size:12px;line-height:1.2;}
#instabot .instabot_title::after{content:'';display:block;position:absolute;bottom:-6px;right:16px;
	width:0px;height:0px;border-left:10px solid transparent;
	border-right:10px solid transparent;border-top:5px solid #2bb885;}
#instabot #instabot_icon:hover .instabot_title{display:block !important;}
#instabot #instabot_icon:hover .instabot_logo{animation:shadow-pulse 1s 3;}

.instabot_box{display:block;position:fixed;right:0px;bottom:0px;z-index:999999;
	width:400px;max-width:100%;min-height:540px;max-height:90%;overflow:hidden;}
.instabot_box iframe{
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: initial;
    visibility: initial;
}	
.instabot_box iframe body{margin:0px !important;}
.instabot,.instabot *{font-family: 'Lato', sans-serif;margin:0px;padding:0px;border:0px;
	text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.instabot{display:block;/*position:fixed;right:0px;bottom:0px;z-index:9999999;
	width:360px;max-height:60%;overflow:hidden;*/color:#04588e;font-size:13px;line-height:1.6;}
.instabot .material-icons{font-family: 'Material Icons';vertical-align:text-bottom;font-size:20px;font-weight:normal;font-style:normal;line-height:inherit !important;color:inherit !important;
	letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing: antialiased;}
.instabot .icon .material-icons{font-size:20px !important;width:100%;}
.instabot .fix{clear:both;font-size:1px;line-height:1px;height:0px;padding:0px !important;display:block;}
.instabot .fixed{position:fixed !important;width:100%;top:0px;z-index:99999 !important;left:0px;}
.instabot .close{position:absolute;right:20px;top:0px;border-radius:0px 0px 50% 50%;background:#e8e8e8;color:#000;font-size:14px;font-weight:bold;width:30px;height:22px;line-height:20px;text-align:center;}
.instabot .close:hover{background:#e03c23;color:#fff !important;}
.instabot .close.min{right:54px;}
.instabot .help{display:block;padding:2px 10px 7px;color:#155c42;line-height:1.2;font-size:11px;}

.instabot > div{position:relative;display:block;clear:both;margin:10px;padding:15px;background:#fff;
	box-shadow:0 4px 11px 0 hsla(0,0%,7%,.2);border-radius:10px;max-height:80%;border:1px solid #e8e8e8;}
.instabot .top{background:#2bb885;border:none;font-weight:bold;color:#000;min-height:60px;}
.instabot .top .instabot_logo{width:30px;height:30px;line-height:30px;
	background:#fff;color:#2bb885;float:left;margin-right:10px;}
.instabot .top .instabot_logo:before{height:34px;width:34px;top:-3px;left:-3px;border:1px solid #fff;}
.instabot .top .instabot_title{line-height:30px;}
.instabot .head{background:#04588e;color:#fff;}
.instabot .head .instabot_logo{background:#fff;color:#04588e;}
.instabot .conversation{height:440px;overflow-x:hidden !important;overflow-y:hidden;}
.instabot .conversation:hover{overflow-y:auto;/*scrollbar-width:thin;*/}
.instabot .message_box{position:relative;display:block;clear:both;float:left;text-align:left;
		padding:5px 0px;margin-bottom:5px;}
.instabot .message_box .itime{display:block;clear:both;color:#000;font-size:10px;line-height:1.4;}
.instabot .message_box .icontent{position:relative;float:left;width:auto !important;left:-15px;padding:10px 15px;line-height:1.4;
	display:block;clear:both;min-width:100px;background:#e8e8e8;color:#000;border-radius:0px 10px 10px 0px;}
.instabot .message_box .icontent.actions{background:transparent;max-width:none;}	
.instabot .message_box .icontent.ialert{background:#ffe606;margin-bottom:3px;}
.instabot .message_box .icontent.itext{margin-bottom:3px;}
.instabot .message_box .iaction{position:relative;display:inline-block;float:left;margin:0px 5px 5px 0px;
	padding:8px 10px 5px 28px;min-height:34px;line-height:1.2;border:1px solid #2bb885;border-radius:17px;
	color:#2bb885;font-weight:bold;}
.instabot .message_box .iaction::before{content:'';display:block;position:absolute;left:6px;top:7px;
	height:16px;width:16px;border-radius:50%;border:1px solid #2bb885;}	
.instabot .message_box .iaction::after{content:'';display:block;position:absolute;left:10px;top:11px;
	height:10px;width:10px;border-radius:50%;background:#fff;}	
.instabot .message_box .iaction:hover{background:#2bb885;color:#fff !important;}
.instabot .message_box .iaction:hover::before{border-color:#fff;}
.instabot .message_box.form{width:100%;padding-top:0px;}
.instabot .message_box.response{padding:0px;margin:0px;top:-5px;}
.instabot .message_box form{position:relative;display:block;clear:both;}
.instabot .message_box form textarea{position:relative;display:block;width:100%;height:140px;
	padding:4px 10px;line-height:1.6;border:2px solid #2bb885;border-radius:19px;
	color:#2bb885;overflow:hidden;font-weight:normal;}
.instabot .message_box form input{position:relative;display:block;width:100%;height:40px;
	padding:1px 10px;line-height:34px;border:2px solid #2bb885;border-radius:19px;
	color:#2bb885;overflow:hidden;font-weight:normal;}
.instabot .message_box form input[type="submit"]{width:auto;border:none;padding:0px 10px;
	background:#2bb885;height:34px;color:#fff;position:absolute;right:3px;bottom:3px;}
.instabot .message_box form input[type=text] + input[type="submit"]{}
.instabot .message_box form input[type="submit"]:hover{background:#22936a;}
.instabot .message_box.right{float:right;text-align:right;}
.instabot .message_box.right .icontent{left:auto;right:-15px;float:right;
	background:#2bb885;color:#fff;border-radius:10px 0px 0px 10px;}
.instabot .message_box.right .iaction::before,.instabot.right .message_box .iaction::after{display:none;}	
.instabot .conversation::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.instabot .conversation::-webkit-scrollbar-thumb {
    background: #FF0000;
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 380px) {
.instabot_box{min-height:440px;max-height:90%;overflow:hidden;}
.instabot .top .instabot_title{line-height:1.2;font-weight:normal;}
.instabot .message_box .iaction{font-weight:normal;padding:7px 10px;border-radius:10px;min-height:auto;}
.instabot .message_box .iaction::after,.instabot .message_box .iaction::before{display:none !important;}
}

textarea:focus,input:focus,select:focus{outline:0;}