@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900&display=swap);*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}* ::-webkit-scrollbar{display:none}input:focus{outline:none;box-shadow:none}::-webkit-input-placeholder{color:#727272}li,ul{padding:0;margin:0;list-style:none}body{font-size:16px;background:#fff;transition:all .5s ease;color:#000;word-break:break-word}body,input,textarea{font-family:Roboto,sans-serif}.elm-flex,.inner-header,.optionbox,.tab-type{height:auto;display:flex}.create-ticketcnt,.view_h{width:100%;height:100vh;position:relative;overflow-y:auto}.icon-Btn{width:32px;height:32px;position:relative;display:inline-block}.icon-Btn svg{width:16px;height:16px;fill:#0063d2;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.button,.gotoButton,.noads-data .button{width:100%;height:auto;padding:8px 16px;border-radius:6px;font-size:14px;color:#fff;font-weight:700;background:#138808;border:none;transition:all .3s ease}.disable{background:#b9b9b9;color:#8a8a8a}.mid-cnt{width:100%;padding:16px}.inner-header{background:#0063d2;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:flex;align-items:center}.inner-header h1{color:#fff;font-size:1em;font-weight:500;margin-top:2px}.inner-header .goback{left:-8px}.inner-header .icon-Btn svg{fill:#fff;width:18px;height:18px}.footerfix{width:100%;height:auto;padding:16px;position:fixed;left:0;bottom:0;background:#fff}.filter-srch{width:100%;display:block;height:auto;margin-bottom:16px;position:relative}.filter-srch .input-srch{width:100%;height:auto;padding:12px 16px 12px 35px;border:none;background:#f1f1f1;font-size:.875em;border-radius:40px}.filter-srch svg{fill:#434343;width:12px;height:12px;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.ft-panel{width:100%;height:auto;background:#fff;z-index:1;box-shadow:0 0 30px 0 rgba(0,0,0,.25);position:fixed;top:auto;bottom:0;left:0}.ft-panel:before{width:60px;height:60px;background:#fff;border-radius:100px;position:absolute;left:50%;top:-18px;z-index:-1;content:"";transform:translateX(-50%)}.noads-data{width:100%;text-align:center;line-height:normal;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;padding:16px}.noads-data p{font-size:.813em;color:#727272;font-weight:600;margin-bottom:16px}.noads-data .button{border-radius:30px;width:auto;margin-top:8px;background:#0063d2;font-weight:500;font-size:.875em;padding:8px 24px}.tab-type{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:flex;align-items:center;background:#0063d2;justify-content:center}.tab-type li{width:100%;padding:12px 8px;position:relative;color:#fff;font-size:.875em;font-weight:500;transition:all .3s ease;text-align:center}.tab-type li:after{border-bottom:3px solid #fff;content:"";position:absolute;left:0;bottom:-1px;width:100%;transform:scaleX(0);transition:transform .3s ease-in-out}.tab-type li.selected-tab:after{transform:scaleX(1)}.card-list{width:100%;height:auto;padding:8px;border-radius:8px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.2);margin-bottom:16px}.card-list:last-child{margin-bottom:0}.optionbox{margin:16px 0}.optionbox .input_radicol{width:auto;flex-shrink:0;flex-grow:0;padding:0 0 0 0}.optionbox .input-check{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:4px 8px 0 36px}.optionbox input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.optionbox input:checked+span.text-label{color:#138808}.optionbox input:checked+span.text-label,.optionbox input:checked~.checkmark{-webkit-animation:anim_Scale .5s ease-in-out;animation:anim_Scale .5s ease-in-out}.optionbox input:checked~.checkmark{border-color:#138808;background:#fff}.optionbox input:checked~.checkmark:after{display:block;background:#138808}.optionbox .text-label{font-size:.875em;color:#000;margin:0}.optionbox .checkmark{position:absolute;top:0;left:0;height:26px;width:26px;background:#fff;border-radius:100%;border:1px solid #ddd}.optionbox .checkmark:after{content:"";display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:18px;height:18px;border-radius:100%;background:#138808;transition:all .5s ease}.form-box{text-align:left;width:100%}.field-row .input-style,.field-row .textare-style,.input-placebox,.select-opt{width:100%;height:auto;padding:12px 8px;border:1px solid #ddd;color:#000;font-size:.875em;border-radius:6px}.field-row .input-style:focus,.field-row .textare-style:focus,.input-placebox:focus,.select-opt:focus{outline:none;box-shadow:none}.field-row .input-style::-webkit-input-placeholder,.field-row .textare-style::-webkit-input-placeholder,.input-placebox::-webkit-input-placeholder,.select-opt::-webkit-input-placeholder{color:#727272}.field-row{width:100%;height:auto;display:block;margin-bottom:16px;position:relative}.field-row .text-label{display:block;font-size:.875em;font-weight:500;color:#484848;margin-bottom:8px}.field-row .text-label span{font-size:.875em;color:#727272;font-weight:400}.field-row .input-style.input-lot{padding-left:24px}.field-row .textare-style{height:150px;resize:none}.field-row .note-msg{width:100%;text-align:right;margin-top:8px;color:#838485;font-size:.75em}.field-row .pos-relate{position:relative;width:100%}.field-row .pos-relate .input-style{padding:12px 8px 12px 32px}.field-row .pos-relate .text-label{font-size:1em;color:#3a3a3a;font-weight:700;position:absolute;left:16px;top:48%;transform:translateY(-50%)}.field-row .drop-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-row .drop-icon svg{fill:#999;width:10px;height:6px}.select-opt{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff}.inputfile{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0}.input-placebox{color:#727272;position:relative;background:#fff}.input-placebox .icon-Btn{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.input-placebox .icon-Btn img{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.attachment-data{width:100%;height:auto;display:flex;position:relative;margin-bottom:32px;flex-wrap:wrap}.attachment-data .item-col{width:30.333%;position:relative;flex-shrink:0;flex-grow:0;margin:2px 4px}.attachment-data .delete-item{width:16px;height:16px;position:absolute;left:auto;right:8px;top:8px}.attachment-data .delete-item svg{width:16px;height:16px;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;fill:rgba(0,0,0,.4117647058823529)}.attachment-data img{width:100%;height:15vh;border:5px solid #fff;border-radius:8px;box-shadow:0 0 5px 0 rgba(0,0,0,.3);-o-object-fit:contain;object-fit:contain}.rating-box{width:100%;display:flex;justify-content:space-between}.rating-box .optionbox{margin:0;width:100%}.rating-box .optionbox .input_radicol{padding:0 4px;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;position:relative}.rating-box .optionbox .input_radicol .input-check{padding:0;position:static;padding:8px 8px 40px 8px;border:1px solid #ddd;border-radius:4px}.rating-box .optionbox .input_radicol .face-icon{width:100%;display:block;text-align:center}.rating-box .optionbox .input_radicol .face-icon svg{width:48px;height:48px;opacity:.3}.rating-box .optionbox .input_radicol .text-label{font-size:.75em;display:block;text-align:center;margin:4px 0 8px 0;text-transform:capitalize}.rating-box .optionbox .checkmark{left:50%;top:auto;transform:translateX(-50%);bottom:12px}.rating-box .optionbox input:checked+.face-icon svg{opacity:1}.rating-box .optionbox input:checked~.text-label{color:#138808}#bg_remove .title-block{text-align:left;margin:0}#bg_remove .title-block h2{text-align:center;margin:8px 0 12px 0;color:#000;text-transform:capitalize;font-size:1.125em}#bg_remove .field-row .textare-style{height:80px;font-size:.75em;margin:-8px 4px 0 4px;width:calc(100% - 8px)}#bg_remove .bar-bottom{position:relative;left:0;width:100%;padding:0}#bg_remove .bar-bottom .button{background:#0063d2;padding:12px;text-transform:uppercase}#bg_remove .barmodelbox,#bg_remove .barmodelbox .incontent,#bg_remove .barmodelbox .incontent .bar-mid{height:auto}.attachment_docnt .attachment-data{flex-wrap:nowrap;overflow-y:auto}.attachment_docnt .attachment-data .item-col{width:28.333%}.create-ticketcnt{background:#f5f6f8}.create-ticketcnt h2{font-size:1em;font-weight:700;color:#000;line-height:20px;margin-bottom:16px}.create-ticketcnt .form-box .button{background:#0063d2;text-transform:uppercase;padding:16px;font-size:1em}.create-ticketcnt .or-text{width:100%;display:block;position:relative;padding:8px 0;text-align:center}.create-ticketcnt .or-text:before{border-top:1px solid rgba(0,0,0,.16);content:"";top:18px;left:0;position:absolute;width:100%}.create-ticketcnt .or-text span{background:#f5f6f8;font-size:.75em;color:rgba(0,0,0,.6);padding:0 8px;display:inline-block;position:relative;z-index:1;top:2px;font-weight:700}.create-ticketcnt .phone-txtcard{width:100%;display:flex;padding:12px;border:1px solid #ddd;background:#fff;border-radius:6px;margin-top:16px}.create-ticketcnt .phone-txtcard .phone-icon{width:60px;height:60px;display:inline-block;align-self:flex-start;position:relative;background:#e4f2fe;flex-shrink:0;flex-grow:0;margin-right:12px;border-radius:100px}.create-ticketcnt .phone-txtcard .phone-icon svg{width:auto;height:36px;fill:#2196f3}.create-ticketcnt .phone-txtcard .data-col{width:100%;margin-top:6px}.create-ticketcnt .phone-txtcard .data-col .phone-link{width:100%;display:block;font-size:1em;font-weight:700;color:#2196f3;text-decoration:none}.create-ticketcnt .phone-txtcard .data-col p{font-size:.75em;line-height:normal;display:block;padding:4px 0 0 0}.create-ticketcnt .upload-item{border-radius:8px;border:1px solid #ddd;width:100%;padding:8px;background:#fff;position:relative;height:98px}.create-ticketcnt .upload-item .upload-file{width:100%;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;text-align:center}.create-ticketcnt .upload-item .upload-file p{font-size:.875em;color:#838485}.create-ticketcnt .upload-item .inputfile{width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;opacity:0}.create-ticketcnt .upload-item .upload-icon{width:100%;height:auto}.create-ticketcnt .upload-item .upload-icon svg{width:37px;height:30px;fill:#838485}