body{background:#fff;font-family:Quicksand,sans-serif}.main-page{clear:both;display:block;float:none;margin:0 auto 0 270px;margin-bottom:70px!important;min-height:100vh;position:relative;right:0;transition:all .3s ease-in-out}.main-page.reduce-width{margin-left:70px!important}.main-page.reduce-width .header{left:70px!important}@media(max-width:991px){.main-page{margin:0}}.app-content{overflow-x:hidden;position:relative;top:70px}@media(max-width:991px){.app-content{padding-left:2.5%;padding-right:2.5%}}@media(min-width:991px){.app-content{padding-left:2%;padding-right:2%;padding-top:10px}}.session-check{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.preloader img{height:45px}.modal-view .title-content{margin-bottom:30px}.modal-view .title-content h5{font-weight:800;margin:0;padding:0}.modal-view .title-content button{background:none;border:0;display:inline-block;font-size:.8rem;font-weight:600;margin-top:5px;margin:0!important;outline:0;padding:0!important}.modal-view .upload-btn-wrapper{cursor:pointer;display:block;overflow:hidden;position:relative}.modal-view .upload-btn-wrapper .btn{align-items:center;background-color:#fff;border:2px solid gray;border-radius:8px;color:gray;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;padding:8px 20px}.modal-view .upload-btn-wrapper .btn svg{margin-right:10px}.modal-view .upload-btn-wrapper input[type=file]{cursor:pointer;font-size:100px;left:0;opacity:0;position:absolute;top:0}.modal-view button.up-btn{background:none;border:0;color:#0241ff;margin:0;outline:0;padding:0;text-decoration:underline}.modal-view .img{align-items:center;border:1px solid rgba(0,0,0,.3);border-radius:4px;display:flex;justify-content:space-between;margin-top:20px;padding:10px 7px;width:100%}.modal-view .img button{border:0;color:red;font-size:1.1rem;font-weight:bolder;outline:0}.modal-view .img span{font-weight:600}.title-page{margin-bottom:30px}.title-page h5{font-weight:700;text-transform:capitalize}.title-page button{background:none;border:0;display:inline-block;font-size:.9rem;font-weight:600;margin-top:5px;margin:0!important;outline:0;padding:0!important}.alert-div .div{align-items:center;display:flex;flex-direction:column;justify-content:center}.alert-div .div svg{font-size:3rem}.alert-div .div.success svg{color:#0241ff}.alert-div .div.error svg{color:red}.alert-div .div h5{margin:20px 0}.alert-div .div p{color:#666;font-size:.9rem}.alert-div .div button{background:none;border:0;color:#0241ff;outline:0}.analytics{margin-top:20px}.analytics .filter{margin-bottom:20px;text-align:right}.analytics .filter select{border:1px solid rgba(0,0,0,.5);font-size:.9rem;height:45px;outline:0;padding-left:15px;width:200px}.analytics .box{background:#f5f5f5}.analytics .box .head{border-bottom:1px solid #d9dbe9;padding:10px 20px}.analytics .box .head h5{margin:0;padding:0}.analytics .box .body{padding:20px 0}.analytics .box .body h6,.analytics .box .body p{margin:0;padding:0;text-align:center}.analytics .box .body p{font-size:1.3rem;font-weight:700;margin-top:10px}.analytics .box .body p.green{color:#4caf50}.analytics .box .body p.red{color:#f44336}.analytics .box .body p.yellow{color:#ff9800}.analytics .box .wallet{align-items:center;background:#000d33;border-radius:3px;display:flex;height:40px;margin:20px 50px;padding:0 20px}.analytics .box .wallet span{color:#fff}.analytics .box .wallet span:first-child{color:#ffb900;margin-right:20px}.plans h5{margin-bottom:30px;text-align:center}.plans button.close{background:none;border:0;color:#0241ff;font-weight:600;outline:0}.plans .plan-box{background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:4px;padding:10px 3px;text-align:center}.plans .plan-box h3{font-size:1.2rem;margin-bottom:20px}.plans .plan-box button{background:#0241ff;border:0;border-radius:4px;color:#fff;font-weight:600;outline:0;padding:5px 20px}.message-box{border:1px solid rgba(0,0,0,.15);border-radius:5px;margin-bottom:20px;padding:20px}.sidebar{background-color:#d4e9ff;font-size:.9rem;height:100vh;overflow-y:auto;position:fixed;transition:all .3s ease-in-out;width:270px;z-index:1029}.sidebar.minimize{width:70px}.sidebar.minimize .no-show{display:none}.sidebar.minimize .logo{padding:20px 3px}.sidebar.minimize img.icon{height:30px}@media(max-width:991px){.sidebar{height:100%!important;margin-left:-270px;padding-bottom:50px!important}.sidebar.open-m{margin-left:0}}.sidebar .logo{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:20px 15px}.sidebar .logo .images .sms{margin-left:10px}.sidebar .logo a{background:#0241ff;border:0;border-radius:6px;color:#fff;font-weight:bolder;outline:0;padding:3px 8px}@media(max-width:991px){.sidebar .logo a{display:none}}.sidebar .menu{margin-top:30px}.sidebar .menu ul{list-style:none;margin:0;padding:0}.sidebar .menu ul li{margin-bottom:20px}.sidebar .menu ul li a{align-items:center;color:#333;display:block;display:flex;padding:10px 15px;text-decoration:none}.sidebar .menu ul li a.active{font-weight:bolder}.sidebar .menu ul li a span{margin-left:20px}.header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;left:270px;padding:15px 20px;position:fixed;right:0;z-index:991}@media(max-width:991px){.header{background:#d4e9ff;left:0}}.header .sender-btn{background:#0241ff;border:0;border-radius:4px;color:#fff;font-size:.9rem;outline:0;padding:5px 15px}.header .sender-badge{background-color:orange;border-radius:25px;font-size:.7rem;margin-left:10px;padding:5px 10px}.header p{font-weight:600;margin:0;padding:0}.header a{color:#0241ff;display:inline-block;text-decoration:none}.header .flx{align-items:center;display:flex}.header .flx button{background:none;border:0;margin-left:20px;outline:0}@media(min-width:991px){.header .flx button{display:none}}.header .drops{background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;padding:10px 20px;position:absolute;right:20px;top:80px;transition:all .3s ease-in-out;z-index:999991}.header .drops .head{display:flex;margin-bottom:20px}.header .drops .head svg{margin-right:15px}.header .drops .head p{margin:0;padding:0}.header .drops .head p:first-child{font-size:1rem;font-weight:600}.header .drops .head p:last-child{font-size:.7rem;text-transform:uppercase}.header .drops .apps{display:flex;justify-content:space-between}.header .drops .apps a{align-items:center;border-radius:8px;color:#333;display:inline-flex;flex-direction:column;justify-content:center;margin-left:7px;margin-right:7px;padding:15px 25px;text-decoration:none}.header .drops .apps a p{font-size:.9rem;margin:10px 0 0;padding:0}.header .drops .apps a.others{border:1px solid #e0e0e0}.header .drops .apps a.bluepilo{background:#d4e9ff}.form input,.form select{border:1.2px solid #d9dbe9;border-radius:5px;display:block;height:45px;margin-bottom:20px;outline:0;padding-left:20px;width:100%}.form input.no-m,.form select.no-m{margin-bottom:0!important}.form .error{color:red;font-size:.8rem}.form label{display:inline-block;font-size:.85rem;margin-bottom:4px}.form .pos{position:relative}.form .pos button{background:none;border:0;font-size:1.4rem;outline:0;position:absolute;right:10px;top:2px}.main-btn{align-items:center;background:#0241ff;border:0;border-radius:5px;color:#fff;display:flex;font-weight:600;justify-content:center;outline:0;padding:10px 30px}.main-btn:disabled{background:#aaa}.main-btn.wide{width:100%}.main-btn.small{font-size:.8rem}.cancel-btn{align-items:center;background:transparent;border:1px solid #0241ff;border-radius:5px;color:#0241ff;display:flex;font-weight:600;justify-content:center;outline:0;padding:10px 30px}.cancel-btn.wide{width:100%}.cancel-btn.small{font-size:.8rem}.input-div{align-items:center;border:1.2px solid #d9dbe9;border-radius:5px;display:flex;flex-wrap:wrap;min-height:100px;padding:10px 20px}.input-div .list{background:#d4e9ff;border-radius:2px;cursor:pointer;font-size:.9rem;margin-right:15px;padding:3px 5px}.input-div .list span.bb{color:#007bff;margin-left:8px}.auth{background:#d9dbe9;height:100vh;overflow:hidden}.auth .auth-form{background:#fff;border-radius:5px;margin-top:15%;padding:30px}.auth .auth-form .title{margin-bottom:30px;text-align:center}.auth .auth-form .title h5{margin-top:20px}.auth .main-btn{font-weight:600;width:100%}.auth .others{text-align:center}.auth .others a{color:#505bda;font-size:1.1rem;text-decoration:none}.auth .copyright{margin-top:25px;text-align:center}.auth .copyright p{color:#666;font-size:.8rem}.auth .verify .box{align-items:center;border:1px solid #d9dbe9;display:flex;justify-content:center;margin-top:25px;padding:10px 3px}.auth .verify .box p{margin:0;padding:0}.auth .verify .box button{background:#0241ff;border:0;border-radius:4px;color:#fff;font-size:.9rem;margin-left:10px;outline:0;padding:6px 15px}.auth .verify button.logout{background:#fff;border:1px solid #d9dbe9;border-radius:4px;color:#666;display:block;font-weight:600;margin-top:30px;padding:12px 0;width:100%}.contacts-view .select-box{background:#f5f5f5;border:1px solid #d9dbe9;border-radius:5px;display:flex;justify-content:space-between;padding:8px 4px}.contacts-view .select-box button{background:none;border:0;border-radius:3px;color:#666;font-size:1.1rem;font-weight:600;outline:0;padding:10px 0;width:48%}.contacts-view .select-box button.active{border:1.6px solid #0241ff;color:#0241ff}.contacts-view .customer-summary{align-items:center;background:#000d33;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 10px}@media(max-width:900px){.contacts-view .customer-summary div.flx{justify-content:center}}.contacts-view .customer-summary h5,.contacts-view .customer-summary p{font-size:1.1rem;margin:0;padding:0}.contacts-view .customer-summary h5{color:hsla(0,0%,100%,.85);font-weight:300;margin-right:10px}.contacts-view .customer-summary div.flx{align-items:center;display:flex;padding:0 30px}.contacts-view .customer-summary div.dir div{align-items:center;display:flex}.contacts-view .customer-summary button{background:#d4e9ff;border:0;border-radius:3px;color:#000d33;font-size:.9rem;font-weight:600;outline:0;padding:10px 20px;text-transform:uppercase}.contacts-view .customer-summary button.text{text-transform:capitalize}.contacts-view .customer-summary button.upload{background:transparent;border:1px solid #d4e9ff;color:#d4e9ff}.contacts-view .search{margin-top:35px;position:relative}.contacts-view .search input{border:1px solid #d9dbe9;border-radius:4px;color:#000d33;display:block;height:50px;outline:0;padding-left:20px;width:100%}.contacts-view .search svg{background:none;border:0;color:#0241ff;outline:0;position:absolute;right:30px;top:15px}.contacts-view .selected{align-items:center;display:flex;margin-top:20px}.contacts-view .selected p{margin:0;padding:0}.contacts-view .selected button{background:#fff;border:1px solid #666;border-radius:4px;color:#666;font-size:.9rem;font-weight:600;margin-left:20px;outline:0;padding:7px 14px}.contacts-view p.load{font-style:italic;margin-top:20px}table.table{font-size:.9rem;white-space:nowrap}table.table tr{border-color:#d9dbe9}table.table td a.link{color:#0241ff;text-decoration:none}table.table td a.button{background:#0241ff;border-radius:4px;color:#fff;padding:4px 25px;text-decoration:none}.flx-table{margin-top:30px}.flx-table .title{align-items:center;border-bottom:.7px solid #000d33;display:flex;margin-bottom:20px;padding-bottom:4px}.flx-table .title span{font-weight:600}.flx-table .title input{display:inline-block;margin-right:6px}.flx-table .line{align-items:center;border-bottom:.7px solid #d9dbe9;display:flex;margin-bottom:20px;padding-bottom:4px}.flx-table .line input{display:inline-block;margin-right:6px}.main-pagination{align-items:center;display:flex;font-size:.9rem;padding:10px}@media(max-width:991px){.main-pagination{justify-content:center}}.main-pagination a{border:0!important;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1rem;margin-left:10px;outline:0;padding:5px 13px;text-decoration:none}.main-pagination a:disabled{background:rgba(43,11,187,.2)}.main-pagination a.active{background:#0241ff;color:#fff}.main-pagination span{color:gray;margin-left:10px}.main-pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:1px;margin-left:10px;outline:0;padding:5px 15px}@media(max-width:991px){.main-pagination button{display:none}}.sms-page{padding-bottom:50px}.sms-page .title{margin-top:20px}.sms-page .title h5{font-weight:600}.sms-page .send{align-items:center;display:flex;margin-top:30px}.sms-page .send span{margin-right:10px}.sms-page label{color:#666;display:inline-block;font-size:.85rem;margin-bottom:5px}.sms-page input,.sms-page select,.sms-page textarea{border:1.5px solid #d9dbe9;border-radius:3px;height:40px;outline:0;padding-left:20px;width:100%}.sms-page input[type=checkbox],.sms-page input[type=radio]{height:15px!important;width:15px!important}.sms-page .wallet{align-items:center;background:#000d33;border-radius:3px;display:flex;height:40px;padding:0 20px}.sms-page .wallet span{color:#fff}.sms-page .wallet span:first-child{color:#ffb900;margin-right:20px}.sms-page .tt-end{align-items:end}.sms-page button.group{background:#fff;border:1px solid #666;border-radius:5px;color:#666;display:inline-block;font-weight:600;margin-top:15px;outline:0;padding:6px 20px}.sms-page textarea{height:200px;padding-top:10px}.sms-page .rel{position:relative}.sms-page .rel .pos{border-top:1px solid rgba(0,0,0,.2);bottom:0;left:20px;padding:10px 20px;position:absolute;right:20px;text-align:right}.sms-page .rel .pos span{font-size:.9rem;font-weight:600}.sms-page .timing{margin-top:30px}.sms-page .timing .flx{align-items:center;display:flex;flex-wrap:wrap}.sms-page .timing .flx input{margin-right:5px}.sms-page .timing .flx span.blk{color:#000d33;margin-left:10px}@media(min-width:800px){.sms-page .timing .flx span.blk{margin-left:30px}}.sms-page .timing .flx span.blk.hide{opacity:.4}.sms-page .dates{margin-top:20px}.sms-page .dates.hide{opacity:.4}.sms-page .button{display:flex;justify-content:flex-end}.wallet-div{align-items:center;display:flex;justify-content:space-between;margin-top:30px}@media(max-width:900px){.wallet-div{flex-direction:column}.wallet-div .wallet{margin-top:20px}}.wallet-div .wallet{padding:0 50px}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}