:root{--mainbg:#0c1427;--maincolor:#4e56d4;--color3:#bfc3ce;--color4:#6e6b7b;--border:#172340;--border2:#e0e6ed;--bgcolor:#ebedf3;--other:#62d45e;--other2:#ea5455;--other3:#ff9f43;--other4:#66d1d1}*{box-sizing:border-box;outline:none;list-style:none;word-wrap:break-word}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#6e6b7b;background-color:var(--color4);border-radius:20px}body{padding:0;margin:0;font-size:14px!important;font-family:"overpass"!important;line-height:1.2!important;color:#6e6b7b!important;color:var(--color4)!important}.row,p{margin:0!important}.butn{font-size:14px;text-transform:capitalize;font-weight:500;text-align:center;color:#fff;padding:10px 20px;cursor:pointer;background-color:#4e56d4;background-color:var(--maincolor);border:1px solid #4e56d4;border:1px solid var(--maincolor);border-radius:6px}.butn:active,.butn:hover{text-decoration:none;color:#fff}.butn:hover{box-shadow:0 20px 30px -10px #4e56d4;box-shadow:var(--maincolor) 0 20px 30px -10px}mark{background-color:none!important}.navbar{background-color:var(--mainbg);min-width:240px;height:100%;position:fixed!important;top:0;left:0;z-index:999;padding:0!important;display:block!important;transition:width .1s ease,margin .1s ease-out}.navbar.tog{margin-left:0}.navbar .Navbar-Head{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:1px solid var(--border);padding:10px 25px}.navbar .Navbar-Head .navbar-brand{font-size:25px}.navbar .Navbar-Head .navbar-brand span{color:#fff;font-weight:700}.navbar .Navbar-Head .navbar-brand mark{color:var(--maincolor);background-color:transparent;font-weight:300;padding:0;text-transform:uppercase}.navbar .Navbar-Head .toggler{background-color:transparent;border:none;padding:0;color:#9fa2ab;font-size:22px}.navbar .Sidebar-body{padding:25px;text-transform:capitalize}.navbar .Sidebar-body .item{margin-bottom:20px}.navbar .Sidebar-body .item .active span{color:var(--maincolor)}.navbar .Sidebar-body .item h5{font-size:11px;color:#fff;text-transform:uppercase;margin-bottom:5px;font-weight:700}.navbar .Sidebar-body .item .icon{margin-right:15px}.navbar .Sidebar-body .item span{font-size:14px}.navbar .Sidebar-body .item a:active,.navbar .Sidebar-body .item a:hover{text-decoration:none}.navbar .Sidebar-body .item .menuitem{background-color:transparent;display:-webkit-flex;display:flex;border:none;cursor:pointer;padding:8px 0}.navbar .Sidebar-body .item .menuitem span{transition:all .3s ease-in-out}.navbar .Sidebar-body .item .menuitem.active span,.navbar .Sidebar-body .item .menuitem:hover span{color:var(--maincolor)}.navbar .Sidebar-body .item .menuitem:hover .item-text{font-size:14px;margin-left:2px}.navbar .Sidebar-body .item .menuitem span{color:var(--color3)}.navbar .Sidebar-body .item .menuitem span.arrow{margin-left:auto}.navbar .Sidebar-body .submenu ul{margin-top:10px;padding-left:32px}.navbar .Sidebar-body .submenu ul li{position:relative;color:var(--color3);margin:10px 0;cursor:pointer;transition:all .4s ease-in-out;font-size:13px}.navbar .Sidebar-body .submenu ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid #a9b4ca;position:absolute;left:-29px;top:5px;transition:all .4s ease-in-out}.navbar .Sidebar-body .submenu ul li:hover{color:var(--maincolor);padding-left:2px}.navbar .Sidebar-body .submenu ul li:hover:before{background-color:var(--maincolor);border:1px solid var(--maincolor)}@media (max-width:992px){.navbar{margin-left:-240px}}.topbar{height:60px;background-color:#fff;-webkit-justify-content:space-between;justify-content:space-between;padding:0 25px;width:100%;border-bottom:1px solid var(--border2)}.topbar,.topbar .left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.topbar .left .toggle{margin-right:25px;font-size:20px;color:var(--color4);display:none;cursor:pointer}.topbar .left p{font-size:14px;text-transform:capitalize;margin:0}.topbar .left p,.topbar .left p :first-child{color:var(--color4)}.topbar .left p span{color:var(--mainbg)}.topbar .left p .icon{font-size:10px;margin:0;color:var(--color4)}.topbar .right{display:-webkit-flex;display:flex}.topbar .right form{position:relative;margin-right:25px}.topbar .right form input{width:224px;height:32px;border:1px solid transparent;border-radius:20px;padding:5px 15px;background-color:var(--bgcolor);color:var(--color4)}.topbar .right form .icon{position:absolute;top:8px;right:15px;color:var(--color4);cursor:pointer}.topbar .right .notify{margin-right:25px;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.topbar .right .notify a{cursor:pointer}.topbar .right .notify a:after{content:none}.topbar .right .notify a .icon{font-size:20px;color:var(--maincolor)}.topbar .right .notify a .circle{top:3px;width:7px;height:7px}.topbar .right .notify a .circle,.topbar .right .notify a .circle:before{position:absolute;right:2px;background-color:var(--maincolor);border:1px solid transparent;border-radius:50%}.topbar .right .notify a .circle:before{content:"";display:table;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes pulse{0%{opacity:1;width:7px;height:7px;left:0;top:0}95%{opacity:.1;left:-10.5px;top:-10.5px;width:28px;height:28px}to{opacity:0;width:7px;height:7px;left:0;top:0}}@keyframes pulse{0%{opacity:1;width:7px;height:7px;left:0;top:0}95%{opacity:.1;left:-10.5px;top:-10.5px;width:28px;height:28px}to{opacity:0;width:7px;height:7px;left:0;top:0}}.topbar .right .notify .dropdown-menu{width:280px;position:absolute;right:-20px;left:auto;border-radius:0;padding:0;margin-top:10px!important;border:1px solid #f2f4f9;box-shadow:0 5px 10px 0 #b7c0ce}.topbar .right .notify .dropdown-menu .dropdown-header{padding:12px 20px;font-size:13px;font-weight:600;text-transform:capitalize;color:var(--color4);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid var(--border2)}.topbar .right .notify .dropdown-menu .dropdown-header p{color:#000}.topbar .right .notify .dropdown-menu .dropdown-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:9px 16px;transition:background .2s ease-in-out}.topbar .right .notify .dropdown-menu .dropdown-item:hover .item-text p{color:var(--maincolor)}.topbar .right .notify .dropdown-menu .dropdown-item .icon{font-size:15px;width:30px;height:30px;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.topbar .right .notify .dropdown-menu .dropdown-item:first-of-type .icon{color:var(--maincolor);background-color:rgba(114,124,245,.1)}.topbar .right .notify .dropdown-menu .dropdown-item:nth-of-type(2) .icon{color:var(--other);background-color:rgba(98,212,94,.1)}.topbar .right .notify .dropdown-menu .dropdown-item:nth-of-type(3) .icon{color:var(--other2);background-color:rgba(255,84,85,.1)}.topbar .right .notify .dropdown-menu .dropdown-item:nth-of-type(4) .icon{color:var(--other3);background-color:rgba(255,159,67,.1)}.topbar .right .notify .dropdown-menu .dropdown-item:nth-of-type(5) .icon{color:var(--other4);background-color:rgba(102,209,209,.1)}.topbar .right .notify .dropdown-menu .dropdown-item .item-text{margin-left:15px;text-transform:capitalize}.topbar .right .notify .dropdown-menu .dropdown-item .item-text p{color:#000;font-size:13px;line-height:1.5}.topbar .right .notify .dropdown-menu .dropdown-item .item-text p:nth-of-type(2){color:var(--color4);font-size:12px}.topbar .right .admin img{width:32px;height:32px;object-fit:cover;border:1px solid transparent;border-radius:50%}@media (max-width:992px){.topbar .left .toggle{display:block}}@media (max-width:992px) and (max-width:768px){.topbar .right form{display:none}}@media (max-width:992px) and (max-width:580px){.topbar .left p :first-child{display:none}}.records{background-color:#fff;width:100%;border-radius:6px}.records .head{padding:20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}@media (max-width:540px){.records .head{padding:20px 10px}}.records .head .left{text-transform:capitalize}.records .head .left,.records .head .left form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.records .head .left form{margin-right:20px}.records .head .left form label{font-size:12px;color:var(--color4);margin-bottom:0}.records .head .left form select{margin-left:7px;padding:9px 42px 9px 14px;border:1px solid var(--border2);border-radius:6px;-webkit-appearance:none;appearance:none;background:url(/static/media/svgarrow.a2795055.svg);background-position:calc(100% - 10px) 10px;background-size:18px 14px,18px 14px;background-repeat:no-repeat;font-size:14px;color:var(--color4)}.records .head .left form select:focus{border:1px solid var(--maincolor)}.records .head .right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-transform:capitalize}@media (max-width:992px){.records .head .right{margin-top:15px}}@media (min-width:992px) and (max-width:1025px){.records .head .right{margin-top:15px}}.records .head .right form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.records .head .right form label{font-size:12px;color:var(--color4);margin-bottom:0}.records .head .right form .search{margin:0 20px 0 7px;padding:9px 42px 9px 14px;border:1px solid var(--border2);border-radius:6px}.records .head .right form .search:focus{border:1px solid var(--maincolor)}.records .head .right form select{padding:9px 42px 9px 14px;border:1px solid var(--border2);border-radius:6px;-webkit-appearance:none;appearance:none;background:url(/static/media/svgarrow.a2795055.svg);background-position:calc(100% - 10px) 10px;background-size:18px 14px,18px 14px;background-repeat:no-repeat;font-size:14px;color:var(--color4)}.records .head .right form select:focus{border:1px solid var(--maincolor)}@media (max-width:480px){.records .head .right form select{margin-top:15px}}.records .body{overflow-x:auto}.records .body table{width:100%;overflow-x:auto}.records .body table thead{background-color:var(--bgcolor);border:1px solid var(--border2)}.records .body table thead tr th{padding:10px 20px;color:var(--color4);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;text-transform:capitalize;overflow:hidden}.records .body table thead tr th:first-of-type .sorticon,.records .body table thead tr th:nth-of-type(2) .sorticon{display:none}.records .body table thead tr th .sorticon{font-size:18px;color:var(--color4);visibility:hidden}.records .body table thead tr th:hover .sorticon{visibility:visible}.records .body table tbody tr td{padding:10px 28px;white-space:nowrap;font-size:13px;font-weight:400;text-transform:capitalize;color:var(--color4)}.records .body table tbody tr td:first-of-type{color:var(--maincolor)}.records .body table tbody tr td .client{display:-webkit-flex;display:flex}.records .body table tbody tr td .client img{width:32px;height:32px;object-fit:cover;object-position:top;border-radius:50%;margin-right:15px}.records .body table tbody tr td .client .avater{font-size:13px;margin-right:13px;width:32px;height:32px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%}.records .body table tbody tr td .client .avater:nth-of-type(2){color:#28c76f;background-color:rgba(40,199,111,.12549019607843137)}.records .body table tbody tr td .client .text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:var(--color4)}.records .body table tbody tr td .client .text .name{font-size:14px}.records .body table tbody tr td .client .text .mail{font-size:13px;color:var(--color3);text-transform:none;font-weight:400}.records .body table tbody tr td .Sicon{font-size:14px;width:32px;height:32px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%}.records .body table tbody tr td .icon-1{color:#28c76f;background-color:rgba(40,199,111,.12549019607843137)}.records .body table tbody tr td .icon-2{color:#ff9f43;background-color:rgba(255,159,67,.12549019607843137)}.records .body table tbody tr td .icon-3{color:#ea5455;background-color:rgba(234,84,85,.12549019607843137)}.records .body table tbody tr td .icon-4{color:#82868b;background-color:rgba(130,134,139,.12549019607843137)}.records .body table tbody tr td .icon-5{color:var(--maincolor);background-color:rgba(78,86,212,.12549019607843137)}.records .body table tbody tr td .active{color:#28c76f;border-radius:20px;background-color:rgba(40,199,111,.12549019607843137);padding:6px}.records .body table tbody tr td .action{display:-webkit-flex;display:flex}.records .body table tbody tr td .action .Aicon{font-size:17px;cursor:pointer}.records .body table tbody tr td .action .Aicon:nth-of-type(2){margin:0 14px}.records .body table tbody tr td .action .dropdown{cursor:pointer}.records .body table tbody tr td .action .dropdown .dropicon{font-size:17px}.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item{padding:4px 14px}.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item .icon{font-size:14px;margin-right:8px;color:var(--color4)}.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item .text{font-size:13px;color:var(--color4);text-transform:capitalize}.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--bgcolor)}.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item:hover .icon,.records .body table tbody tr td .action .dropdown .dropdown-menu .dropdown-item:hover .text{color:var(--maincolor)}.records .foot{padding:14px;margin-left:20px;margin-right:20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.records .foot .size{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:5px;font-weight:400;color:var(--color3)}.records .foot .pagination{display:-webkit-flex;display:flex;margin:0}.records .foot .pagination :nth-child(2){border-top-left-radius:80px!important;border-bottom-left-radius:80px!important}.records .foot .pagination li{width:32px;height:32px;padding:5px;font-size:14px;font-weight:600;cursor:pointer;background-color:var(--bgcolor);color:var(--color4);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.records .foot .pagination li:nth-last-of-type(2){border-top-right-radius:80px!important;border-bottom-right-radius:80px!important}.records .foot .pagination li:first-of-type{margin-right:5px;border-radius:80px;font-size:18px}.records .foot .pagination li:last-of-type{margin-left:5px;border-radius:80px;font-size:18px}.records .foot .pagination li.active{background-color:var(--maincolor);border-radius:80px;color:#fff;position:relative;z-index:3}.records .foot .pagination li.none{display:none}.records .foot .pagination li.disabled{color:var(--color3)}.wrapper{display:-webkit-flex;display:flex;overflow:hidden}.wrapper .page-wrapper{width:100%;width:calc(100% - 240px);margin-left:240px;position:relative}.wrapper .page-wrapper .over{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:none}.wrapper .page-wrapper .over.active{display:block}.wrapper .page-wrapper .page-content{padding:25px;background-color:var(--bgcolor)}.wrapper .page-wrapper .page-content .statictics{margin-bottom:30px}.wrapper .page-wrapper .page-content .statictics .row .item:first-of-type{padding-left:0}.wrapper .page-wrapper .page-content .statictics .row .item:last-of-type{padding-right:0}.wrapper .page-wrapper .page-content .statictics .row .item .parent{background-color:#fff;height:auto;padding:20px;margin-right:30px;border:1px solid transparent;border-radius:6px}.wrapper .page-wrapper .page-content .statictics .row .item .parent:last-of-type{margin-right:0}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6px}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head h5{font-size:14px;text-transform:uppercase;font-weight:700;color:var(--color4)}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head a span{color:var(--color4);cursor:pointer}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item{padding:4px 14px}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item .icon{font-size:14px;margin-right:8px;color:var(--color4)}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item .text{font-size:13px;color:var(--color4);text-transform:capitalize}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item:hover{background-color:var(--bgcolor)}.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item:hover .icon,.wrapper .page-wrapper .page-content .statictics .row .item .parent .head .dropdown-menu .dropdown-item:hover .text{color:var(--maincolor)}.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .left,.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .right{padding:0}.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .left h2{font-size:30px;color:var(--color4);margin-bottom:8px}.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .left h5{font-size:14px;color:var(--other);display:-webkit-flex;display:flex}.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .left h5 span{margin-right:5px}.wrapper .page-wrapper .page-content .statictics .row .item .parent .body .left h5.low{color:var(--other2)}.wrapper .page-wrapper .page-content .main-charts{margin-bottom:30px}.wrapper .page-wrapper .page-content .main-charts .item{padding:0}.wrapper .page-wrapper .page-content .main-charts .item.left{padding-right:15px}.wrapper .page-wrapper .page-content .main-charts .item.right{padding-left:15px}.wrapper .page-wrapper .page-content .main-charts .item .revenue{background-color:#fff;border:1px solid transparent;border-radius:6px;padding:20px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head h5{font-size:20px;color:var(--color4)}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head a span{color:var(--color4);cursor:pointer}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item{padding:4px 14px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item .icon{font-size:14px;margin-right:8px;color:var(--color4)}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item .text{font-size:13px;color:var(--color4);text-transform:capitalize}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item:hover{background-color:var(--bgcolor)}.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item:hover .icon,.wrapper .page-wrapper .page-content .main-charts .item .revenue .head .dropdown-menu .dropdown-item:hover .text{color:var(--maincolor)}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body{background-color:#fff;border:1px solid var(--border2);border-radius:6px;padding:15px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body h5{font-size:16px;color:var(--color4);text-transform:capitalize;margin-bottom:15px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body h5 span{color:var(--maincolor)}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body p{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body p .text1{color:var(--color4);font-size:14px;margin-right:30px;text-transform:capitalize}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body p .text1:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--maincolor);border:1px solid transparent;border-radius:50%;margin-right:8px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body p .text2{color:var(--color4);font-size:14px;text-transform:capitalize;margin-right:15px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body p .text2:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--mainbg);border:1px solid transparent;border-radius:50%;margin-right:8px}.wrapper .page-wrapper .page-content .main-charts .item .revenue .body .main-chart{margin-top:30px;padding:0}.wrapper .page-wrapper .page-content .main-charts .item .sales{background-color:#fff;border:1px solid transparent;border-radius:6px;padding:20px}.wrapper .page-wrapper .page-content .main-charts .item .sales .head{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.wrapper .page-wrapper .page-content .main-charts .item .sales .head h5{font-size:20px;color:var(--color4);text-transform:capitalize}.wrapper .page-wrapper .page-content .main-charts .item .sales .head .next{width:32px;height:32px;background-color:rgba(78,86,212,.3137254901960784);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer}.wrapper .page-wrapper .page-content .main-charts .item .sales .head .next span{font-size:15px;color:var(--maincolor)}.wrapper .page-wrapper .page-content .main-charts .item .sales .body{margin-top:30px;margin-bottom:68px}.wrapper .page-wrapper .page-content .main-charts .item .sales .foot{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.wrapper .page-wrapper .page-content .main-charts .item .sales .foot .text1{color:var(--color4);font-size:14px;margin-right:30px;text-transform:capitalize}.wrapper .page-wrapper .page-content .main-charts .item .sales .foot .text1:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--maincolor);border:1px solid transparent;border-radius:50%;margin-right:8px}.wrapper .page-wrapper .page-content .main-charts .item .sales .foot .text2{color:var(--color4);font-size:14px;text-transform:capitalize;margin-right:15px}.wrapper .page-wrapper .page-content .main-charts .item .sales .foot .text2:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--mainbg);border:1px solid transparent;border-radius:50%;margin-right:8px}@media (min-width:992px) and (max-width:1200px){.information .left .invoice .body table tbody tr td:last-of-type,.information .left .invoice .body table tbody tr td:nth-of-type(2),.information .left .invoice .body table thead tr th:last-of-type,.information .left .invoice .body table thead tr th:nth-of-type(2){display:none}}@media (min-width:992px){.wrapper .page-wrapper .over.active{display:none}}@media (max-width:992px){.wrapper .page-wrapper{margin-left:0;width:100%}.wrapper .page-wrapper .main-charts .item{padding:0!important}.wrapper .page-wrapper .main-charts .left{margin-bottom:30px}}@media (max-width:768px){.statictics .item{padding:0;margin-bottom:30px}.statictics .item:last-of-type{margin-bottom:0}}@media (max-width:580px){.wrapper .page-wrapper .page-content{padding:25px 15px}}.email{border-radius:6px;border:1px solid var(--border2);width:100%;height:calc(100vh - 170px);background-color:#fff;display:-webkit-flex;display:flex}.email .email-sidebar{width:260px;height:100%}.email .email-sidebar .head{padding:21px 20px;width:100%;display:-webkit-flex;display:flex}.email .email-sidebar .head .butn{width:100%}.email .email-sidebar .body{height:calc(100% - 80px);overflow-y:scroll;position:relative}.email .email-sidebar .body .actions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0;padding:0}.email .email-sidebar .body .actions li .list-item-group{padding:8px 20px;color:#4e5154;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;border-left:2px solid transparent}.email .email-sidebar .body .actions li .list-item-group.active{color:var(--maincolor);border-left:2px solid var(--maincolor)}.email .email-sidebar .body .actions li .list-item-group:hover{color:var(--maincolor);text-decoration:none}.email .email-sidebar .body .actions li .list-item-group .icon{font-size:18px;margin-right:10px}.email .email-sidebar .body .actions li .list-item-group a{text-transform:capitalize;color:var(--color4)}.email .email-sidebar .body .actions li .list-item-group .badge{justify-self:flex-end;margin-left:auto}.email .email-sidebar .body h3{margin:42px 0 20px;padding:0 20px;text-transform:uppercase;font-size:14px;color:var(--color3)}.email .email-sidebar .body .labels{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0;padding:0}.email .email-sidebar .body .labels li{padding:8px 20px;color:#4e5154;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.email .email-sidebar .body .labels li:before{content:"";width:10px;height:10px;display:inline-block;margin-right:14px;border-radius:50%}.email .email-sidebar .body .labels li:first-of-type:before{background-color:var(--other)}.email .email-sidebar .body .labels li:nth-of-type(2):before{background-color:var(--maincolor)}.email .email-sidebar .body .labels li:nth-of-type(3):before{background-color:var(--other2)}.email .email-sidebar .body .labels li:nth-of-type(4):before{background-color:var(--other3)}.email .email-sidebar .body .labels li:nth-of-type(5):before{background-color:var(--other4)}.email .email-body{width:calc(100% - 260px);border-left:1px solid var(--border2);height:inherit;overflow:hidden}.email .email-body .search{width:100%;padding:5px 7px;border-bottom:1px solid var(--border2)}.email .email-body .search form{width:100%;text-transform:capitalize;-webkit-flex-direction:row;flex-direction:row;height:37px}.email .email-body .search form,.email .email-body .search form span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.email .email-body .search form span{height:inherit;padding:6px 14px;-webkit-justify-content:center;justify-content:center;color:var(--color3)}.email .email-body .search form input{height:inherit;border:none;padding:6px 14px 6px 0;width:100%}.email .email-body .search form input::-webkit-input-placeholder{color:var(--color3)}.email .email-body .search form input:-ms-input-placeholder{color:var(--color3)}.email .email-body .search form input::placeholder{color:var(--color3)}.email .email-body .email-check{padding:12px 20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid var(--border2)}.email .email-body .email-check .form-check{padding:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.email .email-body .email-check .form-check input[type=checkbox]{margin-right:7px;-webkit-appearance:none;appearance:none;transition:all .1s ease-in-out;width:18px;height:18px;display:block;border-radius:3px;border:1px solid var(--border2);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");background-size:70%;background-position:50%;background-repeat:no-repeat}.email .email-body .email-check .form-check input[type=checkbox]:active,.email .email-body .email-check .form-check input[type=checkbox]:checked{background-color:var(--maincolor)!important;border-color:var(--maincolor)}.email .email-body .email-check .form-check label{text-transform:capitalize;color:var(--color4);line-height:0!important;font-size:14px;font-weight:400}.email .email-body .email-check .options{font-size:18px;display:-webkit-flex;display:flex;margin-left:auto;line-height:0}.email .email-body .email-check .options span{margin-left:14px;color:var(--color4);cursor:pointer}.email .email-body .email-users{overflow-y:scroll;position:relative;height:calc(100% - 92px)}.email .email-body .email-users .item{padding:20px;border-bottom:1px solid var(--border2)}.email .email-body .email-users .item .main-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6px}.email .email-body .email-users .item .main-info .user-info{display:-webkit-flex;display:flex}.email .email-body .email-users .item .main-info .user-info img{width:40px;height:40px;border-radius:50%;margin-right:7px}.email .email-body .email-users .item .main-info .user-info .text h3{font-size:15px;font-weight:600;text-transform:capitalize;margin-bottom:2px}.email .email-body .email-users .item .main-info .user-info .text p{text-transform:capitalize}.email .email-body .email-users .item .main-info .other-info{display:-webkit-flex;display:flex;text-transform:capitalize;color:var(--color3)}.email .email-body .email-users .item .main-info .other-info .status{margin:0 7px;width:10px;height:10px;border-radius:50%}.email .email-body .email-users .item .main-info .other-info .status.personal{background-color:#28c76f}.email .email-body .email-users .item .main-info .other-info .status.company{background-color:#7367f0}.email .email-body .email-users .item .main-info .other-info .status.important{background-color:#ff9f43}.email .email-body .email-users .item .main-info .other-info .status.private{background-color:#ea5455}.email .email-body .email-users .item .bottom-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.email .email-body .email-users .item .bottom-info .left{display:-webkit-flex;display:flex}.email .email-body .email-users .item .bottom-info .left input{margin-right:7px;-webkit-appearance:none;appearance:none;transition:all .1s ease-in-out;width:18px;height:18px;border-radius:3px;border:1px solid var(--border2);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");background-size:70%;background-position:50%;background-repeat:no-repeat}.email .email-body .email-users .item .bottom-info .left input:active,.email .email-body .email-users .item .bottom-info .left input:checked{background-color:var(--maincolor)!important;border-color:var(--maincolor)}.email .email-body .email-users .item .bottom-info .left span{font-size:18px;margin-right:7px}.email .email-body .email-users .item .bottom-info .right{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;color:var(--color3)}
/*# sourceMappingURL=main.ef740f8e.chunk.css.map */