@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:regular,500,700,700&display=swap);body,html{height:100%!important}body{font-family:Space Grotesk,Helvetica,Arial,sans-serif;font-weight:500;margin:0!important}.whole-height{height:100%!important}.custom-header{align-items:center;display:flex;height:50px;margin-bottom:7px;padding:1px 10px 1px 1px;position:sticky;top:0;width:100%;z-index:9}.custom-footer{bottom:0;display:block;padding:7px;position:fixed;text-align:center;width:100%;z-index:1}.custom-footer-items{padding:5px!important}.logo-main{height:30px;margin-left:7px}.home-grid{box-shadow:-2px 2px 3px 0 #0003,0 2px 4px 0 #00000030!important}.boxpesa-grid,.home-grid{border-radius:.541rem;height:100%;object-fit:cover;width:100%}.boxpesa-grid{padding:10px}.boxpesa-grid-selected{box-shadow:-2px 2px 3px 0 #0003,0 2px 4px 0 #00000030!important}.boxpesa-div{align-items:center;display:flex;justify-content:center;margin:5px}.promo-right{padding:5px;transform:skew(0deg,359deg)}.promo-left{padding:5px;transform:skew(0deg,1deg)}.promo-outer{height:3.2rem;position:absolute;top:-1.5rem;width:3.2rem}.promo-inner,.promo-outer{align-items:center;border-radius:50%;display:flex;justify-content:center}.promo-inner{height:2.5rem;width:2.5rem}.simplebar-track.simplebar-vertical{width:9px!important}.custom-primary{color:#52c41a!important}.custom-primary-bc{background-color:#52c41a!important}.custom-danger{color:#db2323!important}.custom-danger-bc{background-color:#db2323!important}.custom-button{background:linear-gradient(0deg,#24d366,#78f39e) #24d366!important;border:0!important;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#000!important}.my-gradient{border-radius:.541rem;margin-bottom:.1rem;margin-right:3px;padding:5px}.my-border{border:1px solid #d4dbe0!important;border-radius:.541rem}.custom-card{border-radius:.541rem;padding:4px 8px 5px!important}.custom-shadow{border-color:#0000;box-shadow:0 1px 2px -2px #00000029,0 3px 6px 0 #0000001f,0 5px 12px 4px #00000017}.custom-button-shadow{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.my-table-row{font-size:10px}.my-table-cell{padding:2px!important}.--menu-item{align-items:center;display:flex!important}.home-grid-users{background-color:#0000004d;border-radius:.541rem;font-size:.55rem!important;min-width:35px;padding:3px!important;position:absolute;right:.47rem;top:.17rem}.home-grid-names{bottom:.1rem;color:#ffffffb3;font-weight:700;position:absolute;width:91%}.custom-loading{align-items:center;background:#0000;display:flex;font-size:14px;height:15vh;justify-content:center;margin:0 auto;position:relative;text-align:center;width:100%;z-index:10}.custom-loading div{height:0;margin-top:-.4rem;position:relative;width:0}.custom-loading .first{animation:rotate 2s linear infinite;background-image:linear-gradient(45deg,#00ec35 2%,#00ec354d 40%,#00ec3500 80%);border:2px solid #00ec35;border-left:none;border-top:none;height:7rem;left:-3.5rem;top:-3.5rem;width:7rem;z-index:1}.custom-loading .two{animation:rotateR 2s linear infinite;background-image:linear-gradient(-125deg,#009d81,#009d8133 50%,#009d811a 60%,#009d8100 80%);height:5.4rem;left:-2.7rem;top:-2.7rem;width:5.4rem;z-index:2}.custom-loading .three{animation:rotate_ 2s linear infinite;background-image:linear-gradient(-45deg,#ffd602,#ffd60233 50%,#ffd6021a 60%,#ffd60200 80%);height:3.6rem;left:-1.8rem;top:-1.8rem;width:3.6rem;z-index:3}.custom-loading span{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.custom-loading .first:after{height:6.6rem;width:6.6rem}.custom-loading .first:after,.custom-loading .two:after{background-color:#f5f5f5;border-radius:50%;content:"";display:inline-block}.custom-loading .two:after{height:5rem;width:5rem}.custom-loading .three:after{background-color:#f5f5f5;border-radius:50%;content:"";display:inline-block;height:3.4rem;width:3.4rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateR{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes rotate_{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}.custom-grow-double{height:16px;position:relative;width:16px}.custom-grow-double:before{animation:pulse 1.25s cubic-bezier(.215,.61,.355,1) 0s infinite normal none running;background-color:#52c41a;border-radius:45px;box-sizing:border-box;content:"";display:block;height:250%;margin-left:-75%;margin-top:-75%;position:relative;width:250%}.custom-grow-double:after{animation:circle 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite normal none running;background-color:#52c41a;border-radius:50px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes circle{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}@keyframes pulse{0%{transform:scale(.33)}80%,to{opacity:0}}.spinner-grow{animation:spinner-grow 1.25s linear infinite;background-color:currentColor;border-radius:50%;height:3rem;opacity:0;vertical-align:text-bottom;width:3rem}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{-ms-overflow-style:scrollbar!important;direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}