#ServiceHistory{padding-bottom:0;overflow:hidden}#ServiceHistory .status-nav{display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;margin:30px 0}#ServiceHistory .status-nav li{white-space:nowrap;display:flex;align-items:center;justify-content:center}#ServiceHistory .keyword-search-wrap{margin:30px 0}#ServiceHistory .page-title.prw .pr{right:0}#ServiceHistory .page-title.prw .chat img{width:20px;height:auto}#ServiceHistory .page-title.prw .chat .alert{width:4px;height:4px;background-color:#1142bf;border-radius:4px;position:absolute;right:-5px;top:0}#ServiceHistory .bloc-tabs.simple{background-color:transparent}#ServiceHistory .bloc-tabs.simple ul{display:flex;gap:30px}#ServiceHistory .bloc-tabs.simple ul li{display:inline-flex;cursor:pointer;padding:10px 0;font-size:18px;color:#9b9fa8;text-align:center;font-family:var(--sr)}#ServiceHistory .bloc-tabs.simple ul li.active-tabs{color:#18171a;font-family:var(--sm);border-bottom:3px solid #18171a;box-sizing:border-box}#ServiceHistory .bloc-tabs.simple ul li.on:after{content:"";display:block;width:4px;height:4px;border-radius:100%;background-color:#1142bf;margin-left:3px;margin-top:3px}#ServiceHistory .border-link{height:30px;display:flex;gap:5px;border-radius:20px;border:1px solid #ededed;color:#18171a;font-size:14px;padding:7px 12px;align-items:center}#ServiceHistory .border-link img{height:12px}#ServiceHistory .search{width:22px;height:22px}#ServiceHistory .search-empty{margin-top:15px;padding:46px 15px 15px;background:url(/asset/img/modal/empty-icon.png) no-repeat;background-size:21px;background-position:top 15px center}#ServiceHistory .search-empty,#ServiceHistory .search-empty .ment{color:#8894a0;font-size:14px;text-align:center}#ServiceHistory .empty{background:#f6f8fa;width:calc(100% + 40px);margin-left:-20px;height:calc(100% - 130px);display:flex;flex-direction:column;align-items:center;justify-content:center}#ServiceHistory .empty img{width:52.5px;height:auto}#ServiceHistory .empty .main-text{font-size:15px;font-family:var(--sm);color:#18171a;display:flex;align-items:center;gap:8px}#ServiceHistory .empty .sub-text{font-size:13px;font-family:var(--sr);color:#8894a0;text-align:center}#ServiceHistory .empty button{width:-moz-fit-content;width:fit-content;padding:0 25px}#ServiceHistory .empty .card-preview{background-color:#f8f8f8;border:1px solid #ededed;padding:5px;border-radius:5px}#ServiceHistory .empty .card-preview img{width:auto;max-height:120px;margin:auto}#ServiceHistory .empty .card-preview .scanner-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0 15px}#ServiceHistory .empty .card-preview .scanner-btn p{font-family:var(--sm);font-size:15px;color:#ee404c;line-height:1}#ServiceHistory .empty .card-preview .scanner-btn img{width:5px;height:10px;margin:0}#ServiceHistory .list-content{width:calc(100% + 60px);height:calc(100% - 130px);margin-left:-30px;background-color:#f6f8fa;padding:40px 30px;flex:1 1;overflow-y:auto}#ServiceHistory .list-content .check-cnt{margin-bottom:30px;gap:10px;justify-content:flex-start;color:#f0932b}#ServiceHistory .list-content .check-cnt img{width:9px;height:12px}#ServiceHistory .list-content ul{display:flex;flex-direction:column;border-radius:10px}#ServiceHistory .list-content ul li{background:#fff url(/asset/img/home/arrow-simple-right.svg) no-repeat;background-position:right 15px top 23px;background-size:6px;width:100%;background-color:#fff;padding:20px 35px 20px 15px}#ServiceHistory .list-content ul li:not(:last-child){border-bottom:1px solid #ededed}#ServiceHistory .list-content ul li small{display:block;color:#8894a0;font-size:13px;margin-top:15px}#ServiceHistory .list-content ul li.alarm-card{background:none;background-color:#fff}#ServiceHistory .list-content ul li.alarm-card .alarm-list{padding:20px 15px;background:#f8f8f8;border-radius:10px;margin-top:15px}#ServiceHistory .list-content ul li.alarm-card .alarm-list ul li{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;background:none;padding:0}#ServiceHistory .list-content ul li.alarm-card .alarm-list ul li:first-child{margin-top:0}#ServiceHistory .list-content ul li.alarm-card .alarm-list ul li span{color:#999;width:110px;font-size:14px}#ServiceHistory .list-content ul li.alarm-card .alarm-list ul li div{text-align:right;width:calc(100% - 110px);word-break:keep-all;line-height:1.6;font-size:14px;font-family:var(--sr)}#ServiceHistory .list-content ul li.alarm-card .flex{display:flex;justify-content:space-between;align-items:center}#ServiceHistory .list-content ul li.alarm-card .flex .alarm{margin-top:0}#ServiceHistory .list-content ul li.alarm-card .flex.border{margin-top:15px;padding-top:15px;border-top:1px dashed #d1d1d1}#ServiceHistory .list-content ul li.alarm-card .alarm{font-size:15px;color:#999;margin-top:5px;background:url(/asset/img/payment/module/check-circle-blue.png) no-repeat;background-size:14px;background-position:left 2px top 4.5px;padding-left:22px;color:#1142bf;font-family:var(--sm)}#ServiceHistory .list-content ul li.alarm-card .alarm.danger{color:#e03d38;background:url(/asset/img/dashboard/check-circle-red.svg) no-repeat;background-size:14px;background-position:left 2px top 4.5px}#ServiceHistory .basic.light-gray{background:#f2f3f5;color:#464c52;border-radius:5px}#ServiceHistory .bottom-float{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:14px;background-color:#1142bf;border-radius:20px;box-shadow:0 4px 4px rgba(0,0,0,.251);position:absolute;bottom:50px;right:20px}#ServiceHistory .bottom-float.b-80{bottom:80px}#ServiceHistory .bottom-float.open{gap:10px}#ServiceHistory .bottom-float.open .float-ment{max-width:130px;overflow:visible}#ServiceHistory .bottom-float img{width:12px;height:12px}#ServiceHistory .bottom-float .float-ment{transition:max-width .3s ease-in-out;display:inline-block;text-overflow:clip;white-space:nowrap;color:#fff;font-family:var(--sm);font-size:15px;line-height:0;overflow:hidden;max-width:0}#ServiceHistory .footer-component{background:#f6f8fa;top:auto;width:100%;padding-bottom:20px;position:absolute;bottom:50px;display:flex;justify-content:center;align-items:center;gap:8px}#ServiceHistory .footer-component p{font-family:var(--sr)}#ServiceHistory .footer-component img{height:12px;width:auto}@media screen and (max-width:1220px){#ServiceHistory .list-content{width:calc(100% + 40px);margin-left:-20px;background-color:#f6f8fa;padding:20px;flex:1 1}}.PageTemplate:has(.NavigationTab) #ServiceHistory .bottom-float{bottom:82px}#ContextMenu .content{width:200px;right:42px;transform:translateY(-50%)}#ContextMenu .content .button-list li button{align-items:center}#ContextMenu .content .button-list li button img{width:auto;height:12px}@media screen and (max-width:1220px){#ContextMenu .content{right:32px}}#ProcessNotice{padding:20px;top:0}#ProcessNotice .content{height:-moz-fit-content;height:fit-content;position:absolute;bottom:20px;width:calc(100% - 40px);background:#fff;border-radius:10px;padding:20px}#ProcessNotice .content .main-comment{font-family:var(--sm);font-size:20px;line-height:30px}#ProcessNotice .content .flex{display:flex;gap:15px}#ProcessNotice .content .flex p{font-family:var(--sr);font-size:18px;color:#4e5968}#ProcessNotice .content .flex p span{font-family:var(--sm);color:#1142bf}#ProcessNotice .content .check-list{background:#f5f6fa;display:flex;flex-direction:column;gap:15px;padding:20px 15px;border-radius:10px;margin-top:30px}#ProcessNotice .content .check-list li{position:relative;padding-left:27px;color:#999}#ProcessNotice .content .check-list li:before{content:"";display:block;width:12px;height:9px;background:url(/asset/img/common/icon/check-gray.svg);background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:6px}#ProcessNotice .content .check-list li.on{color:#1142bf}#ProcessNotice .content .check-list li.on:before{background:url(/asset/img/common/icon/check-blue.svg);background-repeat:no-repeat;background-size:cover}