#lowjp-service-widget,#lowjp-service-widget *{font-family:'digital_sans_ef_medium',Arial,Helvetica,sans-serif!important} #lowjp-service-widget{width:100%;margin:18px 0 22px} #lowjp-service-widget .wrapper-service{display:flex;align-items:center;flex-wrap:wrap;border-radius:10px;padding:.8rem;background:transparent;box-sizing:border-box} #lowjp-service-widget .item-service{display:grid;grid-template-columns:1fr auto;grid-column-gap:20px;width:33.3333%;padding:0 15px;margin:10px 0 15px;box-sizing:border-box} #lowjp-service-widget .service-average{align-self:center} #lowjp-service-widget .service-title{font-size:16px;font-weight:700;color:#f3dd7f} #lowjp-service-widget .service-subtitle{font-size:12px;font-weight:600;margin-bottom:5px;color:#d6d6d6} #lowjp-service-widget .server-status-title{font-size:12px;font-weight:600;color:#d6d6d6} #lowjp-service-widget .server-status-text{color:#6eff43;letter-spacing:1.1px;font-weight:700} #lowjp-service-widget .progress{padding:2px;margin-bottom:0;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem} #lowjp-service-widget .progress-bar{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;background:linear-gradient(0deg,#b88416 0%,#f3dd7f 100%);transition:width .6s ease} #lowjp-service-widget .service-time{background:linear-gradient(0deg,#b88416 0%,#f3dd7f 100%);color:#111;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,.25);border-radius:8px;padding:7px 10px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:80px;box-shadow:0 4px 12px rgba(184,132,22,.20)} #lowjp-service-widget .time-number{font-size:25px;font-weight:900;line-height:1} #lowjp-service-widget .time-title{font-size:13px;font-weight:900;margin-top:3px} #lowjp-service-widget .transaction-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:1em;box-sizing:border-box} #lowjp-service-widget .transaction-card{width:calc(50% - 8px);position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(90deg,#b88416,#f3dd7f) border-box;border-radius:.75em;box-shadow:0 8px 24px rgba(0,0,0,.30)} #lowjp-service-widget .transaction-title{position:relative;z-index:3;display:inline-block;padding:.65rem 2.4rem .65rem 1.2rem;margin:0;color:#111;background:linear-gradient(180deg,#f3dd7f 0%,#d7ae42 48%,#b88416 100%);font-size:1.15rem;font-weight:700;text-transform:none;text-shadow:.5px .5px rgba(255,255,255,.35);border-radius:.75rem 0 .75rem 0} #lowjp-service-widget .transaction-title::before{display:none} #lowjp-service-widget .transaction-title::after{content:"";position:absolute;top:0;right:-1.15em;width:2.5em;height:100%;z-index:-1;transform:skew(-30deg);background:linear-gradient(180deg,#f3dd7f 0%,#d7ae42 48%,#b88416 100%);border-radius:0 0 .75em 0} #lowjp-service-widget .transaction-head{display:grid;grid-template-columns:40% 30% 30%;align-items:center;padding:10px 16px;color:#8d8d8d;background:#0b0b0b;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid rgba(243,221,127,.10)} #lowjp-service-widget .transaction-head span:nth-child(2),#lowjp-service-widget .transaction-head span:nth-child(3){text-align:right} #lowjp-service-widget .transaction-viewport{width:100%;height:12rem;overflow:hidden;position:relative;padding:1rem;background:#0b0b0b;box-sizing:border-box} #lowjp-service-widget .transaction-track{width:100%;position:relative;will-change:transform} #lowjp-service-widget .transaction-list{width:100%;min-height:608px} #lowjp-service-widget .transaction-row{display:grid;grid-template-columns:40% 30% 30%;align-items:center;min-height:40px;padding:.5rem 1rem;color:#f5f5f5;background:#252525;font-size:1rem;font-weight:700;box-sizing:border-box;border:0} #lowjp-service-widget .transaction-list .transaction-row:nth-child(even){background:#1f1f1f} #lowjp-service-widget .transaction-row:hover{background:#323232} #lowjp-service-widget .trx-user{color:#f5f5f5;font-weight:700} #lowjp-service-widget .trx-amount{color:#f3dd7f;font-weight:700;text-align:right} #lowjp-service-widget .transaction-row>div:last-child{text-align:right} #lowjp-service-widget .trx-status{display:inline-block;width:auto;padding:0;color:#65e77a;font-size:1rem;font-weight:700;background:transparent;border:0;border-radius:0} #lowjp-service-widget .scroll-fade-top,#lowjp-service-widget .scroll-fade-bottom{position:absolute;z-index:10;left:0;width:100%;height:18px;pointer-events:none} #lowjp-service-widget .scroll-fade-top{top:0;background:linear-gradient(#0b0b0b,transparent)} #lowjp-service-widget .scroll-fade-bottom{bottom:0;background:linear-gradient(transparent,#0b0b0b)} @media only screen and (max-width:600px){#lowjp-service-widget .wrapper-service{display:flex;flex-direction:column}#lowjp-service-widget .item-service{width:100%}} @media (max-width:1024.5px){#lowjp-service-widget .transaction-grid{display:block;padding:10px 5px}#lowjp-service-widget .transaction-card{width:100%;margin-bottom:8px}} @media (max-width:768px){#lowjp-service-widget .transaction-title{font-size:.9rem;padding:.5rem 1.8rem .5rem .9rem}#lowjp-service-widget .transaction-title::after{right:-1em;width:2.1em}#lowjp-service-widget .transaction-head{padding:7px;font-size:8px}#lowjp-service-widget .transaction-viewport{height:180px;padding:6px}#lowjp-service-widget .transaction-row{min-height:32px;padding:5px 7px;font-size:9px}#lowjp-service-widget .trx-status{font-size:9px}} @media (max-width:400px){#lowjp-service-widget .transaction-viewport{height:175px}#lowjp-service-widget .transaction-row{min-height:31px;font-size:8.5px}#lowjp-service-widget .transaction-title{font-size:.85rem}}