.jps-boxes{display:flex;flex-wrap:wrap;margin:0 calc(-0.5*var(--gap))}.jps-boxes .jps--cell{flex:0 1 33.3334%;max-width:33.3334%;padding:calc(0.5*var(--gap))}@media (max-width:1199.98px){.jps-boxes .jps--cell{flex:0 1 50%;max-width:50%}}@media (max-width:767.98px){.jps-boxes .jps--cell{flex:0 1 100%;max-width:100%}}.jps-boxes .jps-box{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--gap);background-color:#fff;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.1);overflow:hidden}.jps-boxes .jps-box.jps--cover{padding:0;border-radius:18px 18px 6px 6px;box-shadow:none}.jps-boxes .jps-box .jps--overlap{position:relative;padding:var(--gap);margin-top:-1rem;background:#fff;border-radius:16px 16px 0 0;z-index:2}.jps-boxes .jps-box .jps--bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-position:50%;background-size:cover;z-index:1}.jps-boxes .jps-box.jps-active{background-color:#fdfbfc;border-color:#ec5b96;box-shadow:-2px 2px 8px rgba(0,0,0,.3),inset 0 0 0 1px var(--primary)}.jps-boxes .jps-box.jps-active .jps--badge{position:absolute;top:0;right:1.5rem;transform:translateY(-50%);display:block;padding:0 9px;background-color:#ec5b96;color:#fff;font-size:11px;line-height:26px;text-transform:uppercase;font-weight:600;border-radius:50px}.jps-boxes .jps-box .jps--heading{position:relative;padding:.85rem var(--gap) 2rem var(--gap);background:var(--primary);color:#fff;text-decoration:none;z-index:1}.jps-boxes .jps-box .jps--heading .jps--name{position:relative;opacity:.9;font-weight:700;z-index:1}.jps-boxes .jps-box .jps--heading-list{display:flex;align-items:center;border-bottom:1px solid #e7e7e7;padding-bottom:1.25rem;margin-bottom:1.25rem}.jps-boxes .jps-box .jps--heading-list .jps--image{flex:0 1 60px;max-width:60px;padding-right:1.25rem}.jps-boxes .jps-box .jps--heading-list .jps--image .jps-dummy-image{border-radius:7px}.jps-boxes .jps-box .jps--heading-list .jps--image .jps-dummy-image i{font-size:16px}.jps-boxes .jps-box .jps--heading-list .jps--image img{border-radius:7px;vertical-align:top}.jps-boxes .jps-box .jps--heading-list .jps--title{flex:1}.jps-boxes .jps-box .jps--heading-list .jps--title h4{padding:0;margin:0;font-size:14px}.jps-boxes .jps-box .jps--heading-list .jps--title h4 a{display:block;color:#111;text-decoration:none}.jps-boxes .jps-box .jps--content{margin:1.25rem 0;font-size:14px;line-height:24px}.jps-boxes .jps-box .jps--content table{margin:0;border:0}.jps-boxes .jps-box .jps--content table td{padding:2px 10px;border:0}.jps-boxes .jps-box .jps--content table td:last-child{text-align:right}.jps-boxes .jps-box .jps--content table tr{background:#fff}.jps-boxes .jps-box .jps--content table tr:nth-child(odd){background:#f9f9f9}.jps-boxes .jps-box .jps--content p:last-child{margin-bottom:0}.jps-boxes .jps-box .jps--actions{display:flex;justify-content:space-between;margin-top:auto}.jps-boxes .jps-box .jps--actions ul{display:flex;list-style:none;margin:0 -3px;padding:0}.jps-boxes .jps-box .jps--actions li{padding:0 3px}.jps-boxes .jps-box .jps--actions a:not(.jps-button){display:block;width:36px;height:36px;line-height:36px;background-color:var(--system-background);color:var(--system);font-size:20px;text-align:center;border-radius:4px}@media (min-width:1025px){.jps-boxes .jps-box .jps--actions a:not(.jps-button):hover{background-color:var(--system);color:var(--system-background)}}.jps-boxes .jps-box .jps--actions a:not(.jps-button) i{line-height:inherit}.jps-boxes .jps-box .jps--actions .jps-button{padding-top:0;padding-bottom:0;line-height:36px;height:36px}@media (max-width:767.98px){.jps-boxes-table{margin:0 -1rem;padding-left:1rem;overflow-x:auto}.jps-boxes-table .jps--inner{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:1rem}.jps-boxes-table table{min-width:768px}.jps-boxes-table table tr td{background-color:#ddd}}.jps-boxes-table table{margin:0;font-size:14px;border-collapse:collapse;border-radius:10px;border-style:hidden;box-shadow:0 0 0 1px hsla(0,0%,64.7%,.3);overflow:hidden}.jps-boxes-table tr{cursor:pointer}.jps-boxes-table tr td:first-child{width:0;padding-left:1.5rem}.jps-boxes-table tr td:last-child{width:0;padding-right:1.5rem}@media (min-width:1025px){.jps-boxes-table tr:hover td{background-color:#fbfbfb}}.jps-boxes-table tr.jps--active .jps--image{position:relative}.jps-boxes-table tr.jps--active .jps--image:after{position:absolute;top:-2px;right:-2px;content:"";width:15px;height:15px;background-color:red;border:4px solid #fff;border-radius:50%}.jps-boxes-table td{transition:all .3s;padding:1.25rem .75rem;background-color:#fff}.jps-boxes-table .jps--image{width:40px;height:40px}.jps-boxes-table .jps--image .jps-dummy-image{border-radius:50%}.jps-boxes-table .jps--image .jps-dummy-image i{font-size:16px}.jps-boxes-table .jps--image img{border-radius:50%;vertical-align:top}.jps-boxes-table .jps--name{margin:0;font-size:14px}.jps-boxes-table .jps--time{font-size:13px;color:#aaa}.jps-boxes-table .jps--actions ul{display:flex;list-style:none;margin:0 -3px;padding:0}.jps-boxes-table .jps--actions ul li{padding:0 3px}.jps-boxes-table .jps--actions ul li a{display:block;width:32px;height:32px;line-height:32px;background-color:#eee;color:#111;font-size:16px;text-align:center;text-decoration:none;border-radius:50px}.jps-boxes-table .jps--actions ul li a:hover{background-color:#111;color:#fff}.jps-boxes-table .jps--actions ul li a i{line-height:inherit}.jps-box-list .jps--cell{padding:var(--gap) 0}.jps-box-list .jps--item{position:relative;padding:1rem 1.5rem;background-color:#fff;border-radius:10px;box-shadow:-2px 2px 20px rgba(0,0,0,.03)}.jps-box-list .jps--heading{display:flex;align-items:center}.jps-box-list .jps--image{flex:0 1 40px;margin-right:1.25rem}.jps-box-list .jps--icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#f1f1f1;color:#111;border-radius:50%}.jps-box-list .jps--name{font-size:13px}.jps-box-list .jps--title{margin-bottom:0}.jps-account-payout{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.jps-account-payout .jps-account-balance{padding:10px;background-color:#f1f1f1;font-weight:600;border-radius:10px}.jps-chart{vertical-align:top}.jps-chart[data-id=dashboard]{min-height:275px}.jps-boxes-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media (max-width:767.98px){.jps-boxes-action{flex-wrap:wrap}.jps-boxes-action>*{flex:0 1 100%;text-align:center}.jps-boxes-action>:first-child{margin-bottom:1rem}}.jps-boxes-action .jps-form-group{margin-bottom:0}.jps-boxes-action .jps-form-group select{background-color:#fff;border:1px solid var(--border)}.jps-boxes-tabs{border-bottom:1px solid var(--border);margin-bottom:2rem}.jps-boxes-tabs ul{display:flex;list-style:none;margin:0 -.75rem}.jps-boxes-tabs ul li{margin:0 .75rem}.jps-boxes-tabs ul li.jps--active a{color:#000}.jps-boxes-tabs ul li.jps--active a:after{opacity:1}@media (min-width:1025px){.jps-boxes-tabs ul li:hover a:after{opacity:1}}.jps-boxes-tabs ul a{position:relative;display:block;padding-bottom:.75rem;color:#aaa;font-weight:600;text-decoration:none}.jps-boxes-tabs ul a:after{position:absolute;right:0;bottom:-1px;left:0;transition:all .3s;content:"";height:3px;background-color:#111;opacity:0}