*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sociomile-container{z-index:100000000;overflow:hidden;font-family:Helvetica,Arial,Lucida Grande,sans-serif;font-weight:400;position:fixed;width:320px;height:450px;display:block;bottom:0;right:12px;box-sizing:border-box;border:0 solid #aaa;box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.sociomile-container .i1,.sociomile-container .message,.sociomile-container .s-select{height:38px!important}.sociomile-container *{line-height:135%!important;outline:none!important;font-family:Helvetica,Arial,Lucida Grande,sans-serif!important}.sociomile-container .sociomile-col-6{display:block;width:50%;min-height:2px;position:relative;float:left;padding:0 12px;box-sizing:border-box}.sociomile-container .sociomile-col-6:first-child{padding-left:0}.sociomile-container .sociomile-col-6:last-child{padding-right:0}.sociomile-container .sociomile-loader{background:#4950af;background-size:50px 50px;z-index:10}.sociomile-container .sociomile-loader.sociomile-fs{width:100%;height:100%;position:absolute;top:40px;left:0;padding-top:10%;text-align:center;color:#fff;padding-left:15px;padding-right:15px}.sociomile-container input{outline-style:none}.sociomile-container .sociomile-top{width:100%;display:block;background:#4950af;overflow:hidden;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.sociomile-container .sociomile-top .sociomile-title{color:#fff;font-family:Helvetica;padding:15px;float:left;font-weight:700}.sociomile-container .sociomile-top .sociomile-agent{float:left}.sociomile-container .sociomile-top .sociomile-agent img{margin-top:5px;margin-left:5px;float:left}.sociomile-container .sociomile-top .sociomile-agent .sociomile-agent-info{float:left;padding-top:5px;margin-left:5px;color:#f1fbff}.sociomile-container .sociomile-top .sociomile-agent .sociomile-agent-info .ion{cursor:pointer;font-size:18px;margin-right:8px}.sociomile-container .sociomile-top .nav-logout{float:right;padding:15px;cursor:pointer;color:#fff}.sociomile-container .sociomile-footer{height:30px;text-align:center;font-size:12px;padding-bottom:6px;font-weight:400;background:inherit;color:#373a3c;position:absolute;width:100%;bottom:1px}.sociomile-container .sociomile-footer a{color:#373a3c}.sociomile-container .sociomile-agent{background:#4950af;height:56px;box-sizing:border-box;padding:8px 15px;border-bottom:1px solid #eee;color:#fff}.sociomile-container .sociomile-agent .sociomile-avatar{border-radius:50%;height:40px;width:40px;float:left}.sociomile-container .sociomile-agent .sociomile-avatar-info{margin-left:12px;float:left}.sociomile-container .sociomile-agent .sociomile-avatar-info .sociomile-avatar-info-child{font-weight:600;margin-top:2px;font-size:14px}.sociomile-container .sociomile-agent .sociomile-avatar-info .sociomile-avatar-info-child-sub{font-size:14px}.sociomile-container .sociomile-banner{margin:0 auto;width:100%;max-width:600px!important;max-height:250px!important}.sociomile-container .sociomile-banner img{margin:0 auto;display:block}.sociomile-container .sociomile-body{height:337px;width:100%;background:#f5f6fa;box-sizing:border-box;padding:15px;overflow:auto;color:#777}.sociomile-container .sociomile-body .sociomile-btn{border:none;cursor:pointer;text-transform:capitalize;font-weight:700;border-radius:4px;margin-bottom:10px 12px;width:100%;color:#fff;padding:12px;box-sizing:border-box;text-align:center;background:#4950af;font-size:14px}.sociomile-container .sociomile-body .sociomile-btn.fb{background:#425f9c}.sociomile-container .sociomile-body .sociomile-btn.twitter{background:#1da1f2}.sociomile-container .sociomile-body .sociomile-item{color:#333;font-family:Helvetica;font-size:14px;box-sizing:border-box;margin-bottom:4px;min-height:10px;display:table;width:100%}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-body{word-wrap:break-word;max-width:250px;font-size:14px;line-height:115%}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-body li,.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-body li>button{margin:0!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-body ul>li>button{border-radius:unset!important;height:inherit!important;white-space:normal!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-body a{display:block!important;color:#0475d8!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-body a:hover{text-decoration:underline!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box{background:#fff;max-width:80%;display:inline-block;padding:10px 15px;box-shadow:0 1px 1px -1px rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.06)!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box small{font-size:12px!important;line-height:115%!important;margin-bottom:5px!important;display:inline-block!important;font-weight:bolder!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box img{width:90%!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box.left{border-top-left-radius:7px!important;border-top-right-radius:7px!important;border-bottom-right-radius:7px!important;border-bottom-left-radius:7px!important;float:left!important;box-shadow:1px 2px 5px 0 rgba(0,0,0,.03)!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box.right{border-top-right-radius:7px!important;border-top-left-radius:7px!important;border-bottom-left-radius:7px!important;border-bottom-right-radius:7px!important;float:right!important;text-align:right!important;background:#4950af;color:#fff!important;padding-left:18px!important}.sociomile-item-bottom .sociomile-date{margin-right:-5px!important}.sociomile-item .sociomile-item-summary{display:table-footer-group!important;font-size:12px!important}.sociomile-item .sociomile-item-summary.right{text-align:right!important;float:inherit!important}.sociomile-item .sociomile-item-summary.left{float:inherit!important}.sociomile-item .sociomile-item-summary label.sociomile-date{margin:5px 0!important;display:inline-block!important;font-size:12px!important;font-weight:400!important}.sociomile-item .days-chat{display:block;text-align:center;font-size:.875rem;margin-bottom:.75rem;color:#43425d50}.sociomile-item-bottom i{margin-left:5px!important}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box.right .sociomile-item-bottom .sociomile-date{color:#fff}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box.welcome{text-align:center;background:none;color:#777;border-bottom:2px dashed #aaa;width:100%;max-width:100%;border-radius:4px;font-size:18px;font-weight:200;box-sizing:border-box;padding:0}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box.welcome .sociomile-item-bottom .sociomile-date{display:none}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-bottom{margin-top:8px}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-bottom .sociomile-date{color:#7a7a7a;font-size:12px}.sociomile-container .sociomile-body .sociomile-item .sociomile-item-box .sociomile-item-bottom .sociomile-name{color:#4950af}.sociomile-container .sociomile-bottom{background:#fff;height:48px;width:100%;display:block;position:absolute;bottom:0;box-sizing:border-box;padding:0 12px}.sociomile-container .sociomile-bottom .sociomile-chat-length{font-size:12px;line-height:34px}.sociomile-container .sociomile-bottom .sociomile-chat-length.red{color:#4950af}.sociomile-container .sociomile-bottom form{display:flex;align-items:center;justify-content:space-between}.sociomile-container .sociomile-bottom input,.sociomile-container .sociomile-bottom textarea{border-radius:0;border:none;width:230px;height:100%;box-sizing:border-box;padding:12px 0;font-size:14px;float:left;resize:none;max-height:48px;min-height:48px!important;line-height:1.5}.sociomile-container .sociomile-bottom label{font-size:1.25em;font-weight:700;color:#777;display:inline-block;cursor:pointer;float:right;padding-top:6px!important;padding:0;margin:0;margin-left:15px}.sociomile-container .sociomile-bottom label .ion{font-size:28px}.sociomile-container .sociomile-bottom label .ion.ion-paperclip{transform:rotate(30deg)}.sociomile-container.sociomile-login{background:#fff;height:500px;box-sizing:border-box;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.sociomile-container.sociomile-login.sociomile-error{height:540px}.sociomile-container.sociomile-login .sociomile-body{height:335px;background:#fff;border:0;box-sizing:border-box;overflow:scroll;color:#5e5e5e}.sociomile-container.sociomile-login .sociomile-body .wording{font-size:16px;color:#555;font-weight:400;margin-bottom:15px;line-height:115%}.sociomile-container.sociomile-login .sociomile-body .message{border-radius:4px}.sociomile-container.sociomile-login .sociomile-body .s-select{margin-top:12px;height:34px;font-size:12px;line-height:18px;box-shadow:none;border:0 solid #d5d5d5;background:#fff;border-radius:4px;width:100%;padding:6px 12px}.sociomile-container.sociomile-login .sociomile-body input{border:0;width:100%;height:100%;box-sizing:border-box;padding:8px;font-size:14px;background-image:none;display:block;outline-style:none;border-radius:4px;background:#f4f4f4}.sociomile-container.sociomile-login .sociomile-body input::placeholder{color:inherit !Important;opacity:1}.sociomile-container.sociomile-login .sociomile-body button{margin-top:12px;border:none;height:40px;font-weight:700;font-size:14px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)!important}.sociomile-container.sociomile-login .sociomile-body .sociomile-f-ctrl input{margin-bottom:4px;border:1px solid #fff!important}.sociomile-container.sociomile-login .sociomile-body .sociomile-f-ctrl .sociomile-warning-text{display:none}.sociomile-container.sociomile-login .sociomile-body .sociomile-f-ctrl.sociomile-warning input{border-color:#f77474;border:1px solid #f77474!important}.sociomile-container.sociomile-login .sociomile-body .sociomile-f-ctrl.sociomile-warning .sociomile-warning-text{color:#f77474;display:block;font-size:13px;font-style:italic}.sociomile-container.sociomile-wait-confirm{height:220px}.sociomile-container.sociomile-init{height:38px;width:170px;text-align:center;line-height:28px;background:#4950af;color:#fff;cursor:pointer;border-top-right-radius:4px;border-top-left-radius:4px}.sociomile-container.sociomile-init.sociomile-offline{text-align:left;line-height:20px;font-size:14px;width:320px;height:160px;padding:0;color:#777}.sociomile-container.sociomile-init.sociomile-offline a{color:#777}.sociomile-container.sociomile-init.sociomile-check{width:210px}.sociomile-container.sociomile-init i.ion{font-size:22px;line-height:42px;vertical-align:middle;margin-right:4px}.sociomile-container .notifikasi{font-size:10px;background:#fff;color:#4950af;border-radius:50px;padding:3px}.sociomile-container.alert{background:#4950af;color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;padding:25px}.sociomile-container .sociomile-alert-btn{cursor:pointer;position:relative;box-sizing:border-box;display:block;width:100%;border:0;padding:0 15px;text-align:center;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-weight:400;text-shadow:0 0 0 transparent;border-radius:4px;color:#4950af;background:#fff;height:50px;line-height:49px;font-size:20px;margin:0 auto 54px}.sociomile-container .sociomile-sorry{font-size:16px;font-weight:400;color:#5e5e5e}.sociomile-container .sociomile-sorry a{color:#4950af;text-decoration:none}.sociomile-container .sociomile-warning-survey{color:#4950af}.sociomile-container .sociomile-thumbs-c{width:100%;height:60px;margin-top:12px;display:block}.sociomile-container .sociomile-thumbs-c .sociomile-thumbs{height:50px;margin-right:22px;float:left;color:#777;cursor:pointer}.sociomile-container .sociomile-thumbs-c .sociomile-thumbs.selected,.sociomile-container .sociomile-thumbs-c .sociomile-thumbs:hover{color:#4950af}.sociomile-container .sociomile-thumbs-c .sociomile-thumbs .sociomile-thumbs-title{line-height:20px;float:left;line-height:50px;font-size:24px;font-weight:200;margin-left:8px}.sociomile-container .sociomile-thumbs-c .sociomile-thumbs i{font-size:48px;float:left}.sociomile-container .sociomile-choice-3{width:100%;height:30px;margin:12px 0;margin-bottom:4px}.sociomile-container .sociomile-choice-3 div{width:25px;height:25px;background:#777;border-radius:50%;display:inline-block;text-align:center;line-height:25px;font-size:13px;color:#fff;margin:0;margin-left:1px;padding:0;float:left;cursor:pointer}.sociomile-container .sociomile-choice-3 div.sociomile-choice-star{background:#e94f1d}.sociomile-container .sociomile-choice-3 div.sociomile-choice-star.selected,.sociomile-container .sociomile-choice-3 div.sociomile-choice-star:hover{background:#000}.sociomile-container .sociomile-choice-3 div.sociomile-choice-middle{background:#f9a706}.sociomile-container .sociomile-choice-3 div.sociomile-choice-middle.selected,.sociomile-container .sociomile-choice-3 div.sociomile-choice-middle:hover{background:#000}.sociomile-container .sociomile-choice-3 div.sociomile-choice-end{background:#64d448}.sociomile-container .sociomile-choice-3 div.sociomile-choice-end.selected,.sociomile-container .sociomile-choice-3 div.sociomile-choice-end:hover{background:#000}.sociomile-container.sociomile-survey{overflow:hidden;font-size:15px}.sociomile-container.sociomile-survey.sociomile-survey-one-page{height:450px;width:320px}.sociomile-container.sociomile-survey.sociomile-survey-thanks{height:60px}.sociomile-container.sociomile-survey.sociomile-item-1,.sociomile-container.sociomile-survey.sociomile-item-2{height:250px}.sociomile-container.sociomile-survey.sociomile-item-3{height:270px}.sociomile-container.sociomile-survey .sociomile-body{height:100%}.sociomile-container.sociomile-survey .sociomile-choice-info{margin-bottom:8px;height:20px}.sociomile-container.sociomile-survey .sociomile-choice-info div{font-size:12px;float:left}.sociomile-container.sociomile-survey .sociomile-choice-info div.x-netral{margin-left:160px}.sociomile-container.sociomile-survey .sociomile-choice-info div.x-ya{margin-left:30px}.sociomile-container .sociomile-popup-main{box-sizing:border-box;border:0 solid #4950af;box-shadow:0 0 4px 0 rgba(0,0,0,.1);height:100%;width:100%;background:#fff}.sociomile-container .sociomile-popup-main .sociomile-popup-body{font-family:Helvetica;padding:12px;font-weight:200;font-size:18px;color:#777}.sociomile-container .sociomile-popup-main .sociomile-popup-body .sociomile-upload-info{font-size:13px;color:#aaa}.sociomile-container .sociomile-popup-main .sociomile-popup-body .sociomile-file-info{border:1px solid #aaa;padding:8px;float:left;width:160px;overflow:hidden}.sociomile-container .sociomile-popup-main .sociomile-popup-body .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.sociomile-container .sociomile-popup-main .sociomile-popup-body .inputfile+label{border:none;cursor:pointer;text-transform:uppercase;font-weight:200;border-radius:4px;color:#fff;padding:12px;box-sizing:border-box;text-align:center;background:#fdc437;float:right}.sociomile-container .sociomile-popup-main .sociomile-popup-bottom .sociomile-upload-wait{padding:12px}.sociomile-container .sociomile-popup-main .sociomile-popup-bottom button{margin-bottom:12px;margin-right:12px;background:#fdc437}.sociomile-container.sociomile-minimize{height:42px}:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:inherit!important}.p-new-chat .btn-new-chat{padding:10px 12px;background-color:#4950af;border-radius:4px;color:#fff}@media (max-width:767px){.sociomile-banner{margin-bottom:45px!important}.sociomile-no-scroll{height:100%;overflow:hidden}.sociomile-container{background:#fff;border:0;bottom:0;right:0;width:100%;height:100%}.sociomile-body,.sociomile-container,.sociomile-container.sociomile-login .sociomile-body{color:#333}.sociomile-container.sociomile-login{height:100%!important}.sociomile-container.sociomile-login .sociomile-body{height:100%!important;background:#fff}.sociomile-container.sociomile-login .sociomile-body button{margin-top:22px;height:48px}.sociomile-container.sociomile-login .sociomile-body input{padding:18px;color:#333}.sociomile-container.sociomile-login .sociomile-body .wording{font-size:17px}.sociomile-title{padding:15px 20px}.sociomile-container.sociomile-login .i1,.sociomile-container.sociomile-login .sociomile-body input{height:48px!important}.sociomile-container.sociomile-survey{font-size:16px}.sociomile-container.sociomile-survey .sociomile-body,.sociomile-container.sociomile-survey.sociomile-item-1,.sociomile-container.sociomile-survey.sociomile-item-2,.sociomile-container.sociomile-survey.sociomile-item-3,.sociomile-container.sociomile-survey.sociomile-survey-one-page,.sociomile-container.sociomile-survey.sociomile-survey-thanks{height:100%;width:100%}.sociomile-container .sociomile-body{height:80%}.sociomile-container .sociomile-top{border-top-left-radius:0;border-top-right-radius:0}.sociomile-container.sociomile-init.sociomile-offline{height:100%;width:100%}.sociomile-container .sociomile-footer{position:absolute;bottom:0;width:100%}}@media (max-width:568px){.sociomile-banner{margin-bottom:90px!important}}@media (max-width:420px){.sociomile-banner{margin-bottom:45px!important}.sociomile-container .sociomile-footer{bottom:10px!important}}.animated{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1!important}.sc-upload-form{display:flex;align-items:center;align-content:center;justify-content:center;justify-items:center;height:100%;flex-direction:column}.sociomile-popup-main{position:relative}.sociomile-container .sociomile-popup-main{height:calc(100% - 45px)}.sociomile-container .sociomile-popup-main .sociomile-popup-body .inputfile+label{font-size:12px;font-weight:600;background:#fff;color:#3a96d2;text-transform:none;border:2px dashed #3a96d2;margin-bottom:0;margin-top:5px;width:100%;height:150px;flex-direction:column;display:flex;justify-content:center}.sociomile-text-info{color:#bbb;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.sociomile-text-info,.sociomile-upload-info{font-weight:600;margin-bottom:0;margin-top:5px}.sociomile-upload-info{color:#989898!important;font-size:11px!important}.sociomile-container .sociomile-popup-main .sociomile-popup-bottom{position:absolute;bottom:0;width:100%;padding:0 15px}.sociomile-container .sociomile-popup-main .sociomile-popup-bottom button{border:none;cursor:pointer;text-transform:uppercase;font-weight:200;border-radius:4px;color:#fff;padding:12px;box-sizing:border-box;text-align:center;background:#3a96d2;font-size:12px;float:right;width:100%;margin-left:0;margin-right:0;margin-bottom:15px;font-weight:600}.sociomile-popup-main .nav-logout{text-align:right;padding:15px;position:absolute;right:0;z-index:1}.sociomile-popup-main .nav-logout:hover{cursor:pointer;color:#6d6d6d}.sociomile-container .sociomile-popup-main .sociomile-popup-bottom button:disabled{background:#a2daff;cursor:no-drop}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}