

/* input,label,textarea{font-weight:300}
 */
#chat-trigger{display:none}#chat-trigger:checked~.chat-box{box-shadow:0 1px 5px 0 rgba(0,0,0,.25);transition-delay:.5s}#chat-trigger:checked~.chat-box .chat-header-icon{width:350px;border-radius:0;box-shadow:0 0 0 0 transparent;transition:.5s border-radius ease-in-out 0s,.5s width ease-in-out 0s,.5s box-shadow ease-in-out .5s}#chat-trigger:checked~.chat-box .chat-header-icon .close-icon{font-size: 28px !important;top: 14px !important;opacity:1;transition:.5s opacity ease-in-out .5s,.25s color ease-in-out 0s}fieldset.box_outr_layer{margin-bottom:15px !important}#chat-trigger:checked~.chat-box .chat-header-icon .user-name{color:#fff !important;left:0;opacity:1;transition:.5s left ease-in-out .5s,.5s opacity ease-in-out .65s}#chat-trigger:checked~.chat-box .chat-area{height:375px;width:350px;transition:.5s height ease-in-out .5s,.5s width linear 0s}#chat-trigger:checked~.chat-box .chat-area .chat-content{height: 385px;overflow-y: scroll;padding:0px 20px;width:350px;transition:0s width .5s,.25s left ease-in-out}#chat-trigger:checked~.chat-box .chat-area .chat-buttons{width:100%;float:left;transition:0s width .5s;padding:10px;margin-top: 20px;}#chat-trigger:checked~.chat-box .quote-icon-close{left:-50px;opacity:1;box-shadow:0 4px 10px -3px rgba(0,0,0,.75);transition:.25s background-color ease-in-out 0s,.5s box-shadow ease-in 0s,0s opacity ease-in 0s,.5s left ease-in 0s}
.chat-box{z-index: 999;position:fixed;right:20px;bottom:55px;box-shadow:0 0 0 0 transparent;transition:.5s box-shadow ease-in-out;transition-delay:0s}.chat-box .chat-header-icon{display:block;height:60px;width:60px;overflow-x:hidden;background-color:#1E9C5A;color:#d2ebde;border-radius:100px;box-shadow:0 4px 10px -3px rgba(0,0,0,.75);transition:.5s border-radius ease-in-out .5s,.5s width ease-in-out .5s,.5s box-shadow ease-in-out 0s}.chat-box .chat-area #calls:checked~.chat-buttons .calls:hover,.chat-box .chat-area #contacts:checked~.chat-buttons .contacts:hover,.chat-box .chat-area #conversations:checked~.chat-buttons .conversations:hover{background-color:#fff}.chat-box .chat-header-icon .close-icon{position:absolute;top:0;right:0;bottom:0;width:40px;text-align:center;font-size:16px;line-height:32px;opacity:0;transition:.5s opacity ease-in-out 0s,.25s color ease-in-out 0s}.login .bar:after,.underline::before{right:50%}.chat-box .chat-header-icon .close-icon:hover{cursor:pointer;color:#fff}.chat-box .chat-header-icon .user-name{position:absolute;top:0;bottom:0;padding-left:52px;min-width:40px;color:#d2ebde;font-size:15px;line-height:60px;opacity:0;transition:.5s left ease-in-out .15s,.5s opacity ease-in-out 0s}.chat-box .chat-area #contacts:checked~.chat-buttons .active-line,.chat-box .chat-area #contacts:checked~.chat-content .scroll-container{left:0}.chat-box .chat-area{display:block;position:relative;overflow:hidden;width:0%;height:0;background:#fff;border-bottom:0 solid transparent;transition:.4s height ease-in-out 0s,.5s width linear .5s}.chat-box .chat-area [name=chat-switch]{display:none}.chat-box .chat-area #contacts:checked~.chat-buttons .contacts i{background-position:-80px 1px}.chat-box .chat-area #conversations:checked~.chat-content .scroll-container{left:-100%}.chat-box .chat-area #conversations:checked~.chat-buttons .conversations i{background-position:-40px 1px}.chat-box .chat-area #conversations:checked~.chat-buttons .active-line{left:33.3333%}.chat-box .chat-area #calls:checked~.chat-content .scroll-container{left:-200%}.chat-box .chat-area #calls:checked~.chat-buttons .calls i{background-position:-120px 1px}.chat-box .chat-area #calls:checked~.chat-buttons .active-line{left:66.6667%}.chat-box .chat-area .chat-content{position:relative;left:0;width:0;height:259px;overflow:hidden;transition:0s width linear .5s,.25s left ease-in-out}.chat-box .chat-area .chat-content .scroll-container{position:relative;width:100%;height:100%;transition:.25s left ease-in-out}.chat-box .chat-area .chat-content .contact-content{float:left;width:350px;height:100%;overflow-y:scroll;overflow-x:hidden;background:#fff}.chat-box .chat-area .chat-content .contact-content .overflow{width:100%;height:125%}.chat-box .chat-area .chat-content .conversation-content{float:left;width:250px;height:100%;overflow-y:scroll;overflow-x:hidden;background:#fff}.chat-box .chat-area .chat-content .conversation-content .nameMsg{display:inline-block;vertical-align:middle;width:110px}.chat-box .chat-area .chat-content .conversation-content .nameMsg .msg,.chat-box .chat-area .chat-content .conversation-content .nameMsg .name{display:block}.chat-box .chat-area .chat-content .conversation-content .nameMsg .name{margin-bottom:5px}.chat-box .chat-area .chat-content .conversation-content .nameMsg .msg{font-size:11px;color:grey;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-box .chat-area .chat-content .conversation-content .time{display:inline-block;width:67px;text-align:right;color:#404040;font-size:12px}.chat-box .chat-area .chat-content .calls-content{float:left;width:250px;height:100%;overflow-y:scroll;overflow-x:hidden;background:#fff}.chat-box .chat-area .chat-content .calls-content .namePhone{display:inline-block;vertical-align:middle}.chat-box .chat-area .chat-content .calls-content .namePhone .name{display:block;margin-bottom:5px}.chat-box .chat-area .chat-content .calls-content .namePhone .tel{display:block;color:grey;font-size:10px}.chat-box .chat-area .chat-content .user{width:100%;padding:5px 10px;background-color:#fff;transition:.5s background-color ease-in-out}.chat-box .chat-area .chat-content .user .icon{display:inline-block;height:40px;width:40px;vertical-align:middle;margin-right:5px;background:url(https://i.imgur.com/0pA4Loz.png) no-repeat}.chat-box .chat-area .chat-content .user .name{display:inline-block;vertical-align:middle;font-size:12px;color:#404040}.chat-box .chat-area .chat-content .user:hover{cursor:pointer;background-color:#f2f2f2}.chat-box .chat-area .chat-buttons{position:relative;overflow:hidden;width:0;height:41px;border-top:1px solid #ebebeb;transition:0s width linear .5s}.chat-box .chat-area .chat-buttons label{float:left;width:33.3333%;background-color:#fff;transition:.5s background-color ease-in-out}.chat-box .chat-area .chat-buttons .calls i,.chat-box .chat-area .chat-buttons .contacts i,.chat-box .chat-area .chat-buttons .conversations i{display:block;width:40px;height:40px;margin:0 auto;background-image:url(https://i.imgur.com/0pA4Loz.png)}.chat-box .chat-area .chat-buttons label:hover{background-color:#f2f2f2;cursor:pointer}.chat-box .chat-area .chat-buttons .contacts i{background-position:-80px 40px}.chat-box .chat-area .chat-buttons .conversations i{background-position:-40px 40px}.chat-box .chat-area .chat-buttons .calls i{background-position:-120px 40px}.chat-box .chat-area .chat-buttons .active-line{position:absolute;bottom:0;height:5px;width:33.3333%;background-color:#1E9C5A;transition:.25s left ease-in-out}.chat-box .chat-area .chat-buttons .clear{clear:both}.chat-box .quote-icon-close{position:absolute;bottom:0;left:0;height:40px;width:40px;background-color:#1E9C5A;border-radius:20px;background-image:url(https://i.imgur.com/0pA4Loz.png);background-position:0 40px;box-shadow:0 0 0 0 transparent;transition:.25s background-color ease-in-out 0s,.5s box-shadow ease-out 0s,.4s left linear .4s}.login .bar:before,.underline::after{left:50%}.chat-box .quote-icon-close:hover{cursor:pointer}fieldset{padding:0;margin-bottom:24px;border:none;position:relative}#chat-refresh label{height:46px;position:absolute;font-size:14px;font-family:Montserrat, sans-serif !important;top:5px;-webkit-transition:top .2s,font-size .2s,color .2s;transition:top .2s,font-size .2s,color .2s;z-index:99}.underline{width:100%}.underline::after,.underline::before{position:absolute;content:"";top:33px;width:0%;height:3px;opacity:0;background-color:#00b45a;-webkit-transition:width .2s,opacity .2s;transition:width .2s,opacity .2s}.login .bar,input,textarea{position:relative;display:block}input,textarea{width:100%;padding:10px 0;border-top:none;border-right:none;border-bottom:1px solid #c8c8c8;border-left:none;}input:focus{outline:0}input:focus~.underline::after,input:focus~.underline::before{opacity:1;width:50%}input:focus+label{color:#00b45a}input.filled+label,input:focus+label{font-size:.7em;top:-15px}.login input:focus~label,.login input:valid~label,.login input[type=email]:focus~label,.login input[type=email]:valid~label,.login textarea:focus~label,.login textarea:valid~label{top:-20px;font-size:14px;color:#02a451;font-weight:300}.login .bar{width:100%}.login .bar:after,.login .bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#02a451;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.login input:focus~.bar:after,.login input:focus~.bar:before{width:50%}.ng-chatBotForm{float:left;width:100%;padding:6px 0px}.icontextArea{position: relative;top:10px;left:-6px;z-index:9;color:#02a451;width:24px}.ng-char-button{width:auto !important;float:right;color:#02a451 !important;background-color:#fff !important;border:1px solid #02a451 !important;padding:3px 20px !important;font-size:14px !important;border-radius:40px;cursor:pointer}.ng-char-button:hover{background-color:#02a451 !important;color:#fff !important}fieldset.box_outr_layer{float:left;width:100%}.ng-chatBotForm .form-check input{float: left;width: 20px !important;padding: 0;font-size:14px}.ng-chatBotForm .input-group.image-preview{float:left;width:100%;}.image-preview label{display:none;}.ng-chatBotForm .image-preview-input{padding:6px 12px !important;background-color: #02a451;}.ng-chatBotForm .image-preview-input:hover{background-color: #008000;}.ng-chat-icon{font-size: 35px !important;cursor: pointer;}.ng-chatBotForm .image-preview-input span.fa-image{color:#fff !important}.ng-chat-bot-error-msg{float:left;width:100%;padding:5px 0}.ng-chat-bot-error-msg .alert {padding: 4px 10px;font-size: 12px;}.ng-chat-icon{color:#fff;padding:6px 12px;font-size:32px}.input-group.image-preview input{text-indent: 8px !important;}.ng-chatBotForm input, .ng-chatBotForm textarea{text-indent:32px!important;font-size:12px !important}.image-preview-input input[type=file] {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}.image-preview-input-title {margin-left:1px;font-size: 12px;color: #fff;}.input-group-btn{width: 30% !important;float: left !important;line-height: 32px;}.image-preview input{width: 70% !important;float: left !important;}.icontextAreaTextarea img{top:5px !important}.icontextAreaTextarea textarea{box-shadow:none !important}.image-preview-clear{backgrond-color:#02a451;color:#fff}::-webkit-scrollbar{width: 6px;}::-webkit-scrollbar{width: 6px;}::-webkit-scrollbar-thumb {background: linear-gradient(#d8d8d8, #5c7291 );border-radius: 3px;}.ng-info-report{font-size: 15px;padding: 3px 8px;color: #ffffff;background-color: #1e9c5a;border-radius: 2px;margin-left: 5px;}