@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";
body{overflow-x:hidden;letter-spacing:.5px;font-size:14px;font-family:Roboto,sans-serif}
a{text-decoration:none}
.wrapper{position:relative;width:100%}
.sidebar-wrapper{position:fixed;top:60px;bottom:0;left:0;z-index:11;width:250px;height:calc(100% - 60px);border-right:1px solid rgb(255 255 255 / 15%);background:rgb(0 0 0 / 20%);box-shadow:0 .3rem .8rem rgba(0,0,0,.12)!important;transition:all .2s ease-out}
.sidebar-header{position:fixed;top:0;bottom:0;z-index:5;display:flex;padding:0 15px;width:250px;height:60px;border-right:1px solid rgb(255 255 255 / 12%);border-bottom:1px solid rgb(255 255 255 / 12%);background:rgb(255 255 255 / 12%);align-items:center}
.logo-icon{width:30px}
.logo-text{margin-bottom:0;margin-left:10px;color:#fff;letter-spacing:1px;font-size:22px}
.toggle-icon{color:#fff;font-size:22px;cursor:pointer}
.topbar{position:fixed;top:0;right:0;left:250px;z-index:10;height:60px;border-bottom:1px solid rgb(255 255 255 / 15%);background:rgb(0 0 0 / 20%);box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.topbar .navbar{padding-right:30px;padding-left:30px;width:100%;height:60px}
.page-wrapper{margin-top:60px;margin-bottom:0;margin-left:250px;height:100%}
.page-content{padding:1.5rem 1.5rem 0 1.5rem}
.page-footer{position:absolute;right:0;left:250px;z-index:3;padding:7px;border-top:1px solid rgb(255 255 255 / 15%);background:rgb(0 0 0 / 20%);color:#fff;text-align:center;font-size:14px}
.wrapper.toggled .topbar{left:70px}
.wrapper.toggled .page-wrapper{margin-left:70px}
.wrapper.toggled .page-footer{left:70px}
.sidebar-wrapper ul{margin:0;padding:0;background:0 0;list-style:none}
.sidebar-wrapper .metismenu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;padding:10px;background:0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sidebar-wrapper .metismenu li+li{margin-top:5px}
.sidebar-wrapper .metismenu li:first-child{margin-top:5px}
.sidebar-wrapper .metismenu li:last-child{margin-bottom:5px}
.sidebar-wrapper .metismenu>li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sidebar-wrapper .metismenu a{position:relative;display:flex;overflow:hidden;padding:8px 15px;outline-width:0;border:1px solid #ffffff00;color:rgb(255 255 255 / 75%);text-overflow:ellipsis;letter-spacing:.5px;font-size:15px;transition:all .3s ease-out;align-items:center;justify-content:left}
.sidebar-wrapper .metismenu a .parent-icon{font-size:24px;line-height:1}
.sidebar-wrapper .metismenu a .menu-title{margin-left:10px}
.sidebar-wrapper .metismenu ul a{padding:6px 15px 6px 15px;border:0;font-size:15px}
.sidebar-wrapper .metismenu ul a i{margin-right:10px}
.sidebar-wrapper .metismenu ul{border:1px solid rgb(255 255 255 / 12%);background:rgb(255 255 255 / 10%)}
.sidebar-wrapper .metismenu ul ul a{padding:8px 15px 8px 30px}
.sidebar-wrapper .metismenu ul ul ul a{padding:8px 15px 8px 45px}
.sidebar-wrapper .metismenu .mm-active>a,.sidebar-wrapper .metismenu a:active,.sidebar-wrapper .metismenu a:focus,.sidebar-wrapper .metismenu a:hover{background:rgb(255 255 255 / 15%);color:#fff;text-decoration:none}
.menu-label{padding:20px 15px 5px 5px;color:rgb(255 255 255 / 50%);text-transform:uppercase;letter-spacing:.5px;font-size:12px}
.metismenu .has-arrow:after{position:absolute;top:50%;right:15px;width:.5em;height:.5em;border-color:initial;border-style:solid;border-width:1.2px 0 0 1.2px;content:"";transition:all .3s ease-out;transform:rotate(-45deg) translateY(-50%);transform-origin:top}
@media screen and (min-width:1025px){.wrapper.toggled.sidebar-hovered .sidebar-wrapper{background-color:#171717}
.wrapper.toggled.sidebar-hovered .sidebar-header{border-bottom:1px solid rgba(255,255,255,.12);background-color:#171717}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text{display:none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper{width:70px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header{width:70px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon{display:none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header{justify-content:center}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header{width:70px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a{justify-content:center}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title{display:none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul{display:none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label{display:none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after{display:none}
.email-toggle-btn{display:none!important}
.chat-toggle-btn{display:none!important}
}
.product-show{left:15px;font-size:18px}
.product-discount{display:flex;width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(255 255 255 / 15%);color:#fff;font-size:14px;align-items:center;justify-content:center}
.color-indigator-item{width:1.2rem;height:1.2rem;border-radius:50%;background-color:#e6e0e0;cursor:pointer}
.product-grid .card{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
@media (min-width:992px){.product-grid .card:hover{margin-top:-.25rem;margin-bottom:.25rem;-webkit-box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.3);box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.3)}
}
.back-to-top{position:fixed;right:12px;bottom:20px;z-index:5;display:none;width:40px;height:40px;border-radius:10px;background-color:rgb(255 255 255 / 25%);color:#fff;text-align:center;font-size:26px;line-height:40px}
.back-to-top:hover{background-color:#000;color:#fff;transition:all .5s}
.breadcrumb-title{border-right:1.5px solid rgb(255 255 255 / 34%);font-size:20px}
.page-breadcrumb .breadcrumb li.breadcrumb-item{font-size:16px}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#fff;content:"\ea5c";font-family:LineIcons}
.icon-badge{display:flex;width:45px;height:45px;border-radius:50%;background:#f2f2f2;align-items:center;justify-content:center}
.widgets-icons{display:flex;width:50px;height:50px;border-radius:10px;background-color:rgb(255 255 255 / 15%);color:#fff;font-size:26px;align-items:center;justify-content:center}
#geographic-map{width:100%;height:440px}
#geographic-map-2{width:100%;height:330px}
#geographic-map-3{width:100%;height:350px}
.product-img{display:flex;width:60px;height:60px;border:1px solid rgb(255 255 255 / 15%);border-radius:10px;background-color:rgb(255 255 255 / 0%);align-items:center;justify-content:center}
.product-img img{padding:6px;width:60px;height:60px}
.product-img-2{display:flex;width:45px;height:45px;border:1px solid rgb(255 255 255 / 15%);border-radius:10px;background-color:rgb(255 255 255 / 0%);align-items:center;justify-content:center}
.product-img-2 img{padding:1px;width:45px;height:45px}
.product-list{position:relative;height:380px}
.product-list-2{position:relative;height:450px}
.dashboard-top-countries{position:relative;height:360px}
.customers-list{position:relative;height:450px}
.store-metrics{position:relative;height:450px}
.product-list .row{background-color:rgb(255 255 255 / 12%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
@media (min-width:992px){.product-list .row:hover{margin-top:-.25rem;margin-bottom:.25rem;background-color:rgb(255 255 255 / 25%);-webkit-box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.2);box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.2)}
}
.recent-product-img{display:flex;width:40px;height:40px;border:1px solid rgb(255 255 255 / 15%);border-radius:10px;background-color:rgb(255 255 255 / 15%);align-items:center;justify-content:center}
.recent-product-img img{padding:6px;width:40px;height:40px}
.theme-icons{background-color:rgb(0 0 0 / 15%)}
.lead-table .table{border-collapse:separate;border-spacing:0 10px}
.fm-menu .list-group a{display:flex;color:#fff;font-size:16px;align-items:center}
.fm-menu .list-group a i{font-size:23px}
.fm-menu .list-group a:hover{background:#0d6efd;color:#fff;transition:all .2s ease-out}
.fm-file-box{display:flex;width:44px;height:44px;border-radius:.25rem;background:#e9ecef;font-size:25px;align-items:center;justify-content:center}
.fm-icon-box{display:flex;width:52px;height:52px;border-radius:.25rem;background:rgb(255 255 255 / 15%);color:#fff;font-size:32px;align-items:center;justify-content:center}
.user-plus{margin-left:-14px;width:33px;height:33px;border:1px dotted #a9b2bb;border-radius:50%;background:#fff;color:#404142;text-align:center;font-size:22px;line-height:33px;cursor:pointer}
.user-groups img{margin-left:-14px;padding:2px;border:1px solid #e4e4e4;cursor:pointer}
.contacts-social a{width:36px;height:36px;border:1px solid #eeecec;border-radius:50%;background:#fff;color:#2b2a2a;text-align:center;font-size:16px;line-height:36px}
.customers-contacts a{display:flex;width:34px;height:34px;border:1px solid rgb(255 255 255 / 15%);border-radius:50%;background:rgb(255 255 255 / 15%);color:#fff;text-align:center;font-size:16px;align-items:center;justify-content:center}
.order-actions a{display:flex;width:34px;height:34px;border:1px solid rgb(255 255 255 / 15%);border-radius:20%;background:rgb(255 255 255 / 15%);color:#fff;text-align:center;font-size:18px;align-items:center;justify-content:center}
.customers-list .customers-list-item{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
@media (min-width:992px){.customers-list .customers-list-item:hover{margin-top:-.25rem;margin-bottom:.25rem;border-radius:10px;background-color:rgb(255 255 255 / 15%);-webkit-box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.2);box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.2)}
}
.right-15{right:15px!important}
.font-13{font-size:13px}
.font-14{font-size:14px}
.font-18{font-size:18px}
.font-20{font-size:20px}
.font-22{font-size:22px}
.font-24{font-size:24px}
.font-30{font-size:30px}
.font-35{font-size:35px}
.font-50{font-size:50px}
.font-60{font-size:60px}
.radius-30{border-radius:30px}
.radius-10{border-radius:10px}
.radius-15{border-radius:15px}
.row.row-group>div{border-right:1px solid rgba(255,255,255,.12)}
.row.row-group>div:last-child{border-right:none}
.cursor-pointer{cursor:pointer}
.dash-wrapper{margin:-1.5rem -1.5rem -5.5rem -1.5rem;padding:1.5rem 1.5rem 6.5rem 1.5rem}
.dash-array-chart-box{position:relative;top:-15px;right:30px;width:105px;height:90px}
.chart-container-1{position:relative;height:260px}
.chart-container-2{position:relative;height:210px}
.chart-container-3{position:relative;height:188px}
.chart-container-4{position:relative;height:162px}
.chart-container-5{position:relative;height:110px}
.chart-container-6{position:relative;height:205px}
.chart-container-7{position:relative;height:60px}
.chart-container-8{position:relative;height:260px}
.chart-container-9{position:relative;height:280px}
.chart-container-10{position:relative;top:20px;height:300px}
.chart-container-11{position:relative;height:280px}
.chart-container-12{position:relative;height:160px}
.chart-container-13{position:relative;height:240px}
.chart-container-14{position:relative;height:40px}
.w_chart{position:relative;display:inline-block;width:65px!important;height:65px!important;text-align:center}
.w_chart canvas{position:absolute;top:0;left:0;width:65px!important;height:65px!important}
.w_percent{z-index:2;display:inline-block;color:#fff;line-height:65px!important}
.w_percent:after{margin-left:.1em;color:#fff;content:'%';font-size:.8em}
.chip{display:inline-block;margin-right:1rem;margin-bottom:1rem;padding:0 12px;height:32px;border:1px solid rgba(0,0,0,.15);border-radius:16px;background-color:#f1f1f1;box-shadow:none;color:rgba(0,0,0,.7);font-weight:500;font-size:14px;line-height:32px;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}
.chip img{float:left;margin:0 8px 0 -12px;width:32px;height:32px;border-radius:50%}
.chip .closebtn{float:right;padding-left:10px;font-weight:700;font-size:16px;cursor:pointer}
.chip.chip-md{height:42px;border-radius:21px;line-height:42px}
.chip.chip-md img{width:42px;height:42px}
#invoice{padding:0}
.invoice{position:relative;padding:15px;min-height:680px;background-color:rgb(255 255 255 / 12%)}
.invoice header{margin-bottom:20px;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 12%)}
.invoice .company-details{text-align:right}
.invoice .company-details .name{margin-top:0;margin-bottom:0}
.invoice .contacts{margin-bottom:20px}
.invoice .invoice-to{text-align:left}
.invoice .invoice-to .to{margin-top:0;margin-bottom:0}
.invoice .invoice-details{text-align:right}
.invoice .invoice-details .invoice-id{margin-top:0;color:#fff}
.invoice main{padding-bottom:50px}
.invoice main .thanks{margin-top:-100px;margin-bottom:50px;font-size:2em}
.invoice main .notices{padding:10px;padding-left:6px;border-left:6px solid #fff;background:rgb(255 255 255 / 15%);color:#fff}
.invoice main .notices .notice{font-size:1.2em}
.invoice table{margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
.invoice table td,.invoice table th{padding:15px;border-bottom:1px solid rgb(255 255 255 / 15%);background:rgb(0 0 0 / 15%)}
.invoice table th{white-space:nowrap;font-weight:400;font-size:16px}
.invoice table td h3{margin:0;color:#fff;font-weight:400;font-size:1.2em}
.invoice table .qty,.invoice table .total,.invoice table .unit{text-align:right;font-size:1.2em}
.invoice table .no{background:rgb(255 255 255 / 15%);color:#fff;font-size:1.6em}
.invoice table .unit{background:rgb(255 255 255 / 15%)}
.invoice table .total{background:rgb(255 255 255 / 15%);color:#fff}
.invoice table tbody tr:last-child td{border:none}
.invoice table tfoot td{padding:10px 20px;border-top:1px solid #aaa;border-bottom:none;background:0 0;text-align:right;white-space:nowrap;font-size:1.2em}
.invoice table tfoot tr:first-child td{border-top:none}
.invoice table tfoot tr:last-child td{border-top:1px solid rgb(255 255 255 / 15%);color:#fff;font-size:1.4em}
.invoice table tfoot tr td:first-child{border:none}
.invoice footer{padding:8px 0;width:100%;border-top:1px solid rgb(255 255 255 / 15%);color:#fff;text-align:center}
@media print{.invoice{overflow:hidden!important;font-size:11px!important}
.invoice footer{position:absolute;bottom:10px;page-break-after:always}
.invoice>div:last-child{page-break-before:always}
}
.main-row{height:100vh}
.main-col{max-width:500px;min-height:300px}
.todo-done{text-decoration:line-through}
.chat-wrapper{position:relative;width:auto;height:600px;border-radius:.25rem;background:rgb(0 0 0 / 14%);box-shadow:0 .1rem .7rem rgba(0,0,0,.1)}
.chat-sidebar{position:absolute;top:0;bottom:0;left:0;z-index:2;overflow:hidden;width:340px;height:100%;border-right:1px solid rgb(255 255 255 / 15%);border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;background:rgb(0 0 0 / 14%)}
.chat-sidebar-header{position:relative;padding:15px;width:auto;height:auto;border-right:0 solid rgba(0,0,0,.125);border-bottom:1px solid rgb(255 255 255 / 13%);border-top-left-radius:.25rem;background:rgb(255 255 255 / 0%)}
.chat-sidebar-content{padding:0}
.chat-user-online{position:relative}
.chat-sidebar-header .chat-user-online:before{position:absolute;bottom:7px;left:40px;width:8px;height:8px;border-radius:50%;background:#16e15e;box-shadow:0 0 0 2px #fff;content:''}
.chat-list .chat-user-online:before{position:absolute;bottom:7px;left:36px;width:8px;height:8px;border-radius:50%;background:#16e15e;box-shadow:0 0 0 2px #fff;content:''}
.chat-content{margin-left:340px;padding:15px 15px 15px 15px}
.chat-header{position:absolute;top:0;right:0;left:340px;z-index:1;padding:15px;height:70px;border-bottom:1px solid rgb(255 255 255 / .14);border-top-right-radius:.25rem;background:rgb(0 0 0 / .14)}
.chat-footer{position:absolute;right:0;bottom:0;left:340px;padding:15px;height:70px;border-top:1px solid rgb(255 255 255 / .14);border-bottom-right-radius:.25rem;background:rgb(0 0 0 / .2)}
.chat-footer-menu a{display:inline-block;margin:3px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background-color:rgb(255 255 255 / 14%);color:#fff;text-align:center;font-size:18px;line-height:40px}
.chat-tab-menu li a.nav-link{padding:.3rem .2rem;color:rgb(255 255 255 / 63%);line-height:1.2}
.chat-tab-menu .nav-pills .nav-link.active,.chat-tab-menu .nav-pills .show>.nav-link{background-color:rgb(255 255 255 / 0%);color:#fff}
.chat-title{color:rgb(255 255 255);font-size:16px}
.chat-msg{color:rgb(255 255 255 / 63%);font-size:14px}
.chat-time{color:#fff;font-size:13px}
.chat-list{position:relative;height:300px}
.chat-list .list-group-item{border:1px solid rgb(0 0 0 / 0%);background-color:transparent}
.chat-list .list-group-item:hover{border:1px solid rgb(0 0 0 / 0%);background-color:rgb(255 255 255 / 15%)}
.chat-list .list-group-item.active{background-color:rgb(255 255 255 / 15%)}
.chart-online{color:#16e15e}
.chat-top-header-menu a{display:inline-block;margin:3px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background-color:rgb(255 255 255 / 14%);color:#fff;text-align:center;font-size:18px;line-height:40px}
.chat-content{position:relative;top:70px;width:auto;height:450px}
.chat-content-leftside .chat-left-msg{padding:.8rem;width:fit-content;max-width:480px;border-radius:12px;border-top-left-radius:0;background-color:rgb(0 0 0 / 21%);color:#fff;text-align:left}
.chat-content-rightside .chat-right-msg{float:right;padding:.8rem;width:fit-content;max-width:480px;border-radius:12px;border-bottom-right-radius:0;background-color:rgb(255 255 255 / 22%);color:#fff;text-align:left}
.chat-toggle-btn{margin-right:15px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 23%);border-radius:50%;background-color:rgb(255 255 255 / 21%);color:#fff;text-align:center;font-size:24px;line-height:40px;cursor:pointer}
.email-wrapper{position:relative;overflow:hidden;width:auto;height:600px;border-radius:.25rem;background:rgb(0 0 0 / 14%);box-shadow:0 .1rem .7rem rgba(0,0,0,.1)}
.email-sidebar{position:absolute;top:0;bottom:0;left:0;z-index:2;overflow:hidden;width:250px;height:100%;border-right:1px solid rgb(255 255 255 / 14%);border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;background:#fff0}
.email-sidebar-header{position:relative;padding:15px;width:auto;height:auto;border-right:0 solid rgb(0 0 0 / 18%);border-bottom:1px solid rgb(255 255 255 / 13%);border-top-left-radius:.25rem;background:#ffffff00}
.email-navigation{position:relative;padding:0;height:330px;border-bottom:1px solid rgb(255 255 255 / 13%)}
.email-header{position:absolute;top:0;right:0;left:250px;z-index:1;padding:15px;height:70px;border-bottom:1px solid rgb(255 255 255 / 14%);border-top-right-radius:.25rem;background:rgb(0 0 0 / 14%)}
.email-content{position:absolute;top:70px;right:0;left:0;margin-left:250px;padding:0;width:auto;height:auto;border-top-right-radius:.25rem;border-top-left-radius:.25rem;background:rgb(0 0 0 / 0%)}
.email-navigation a.list-group-item{padding:.35rem 1.25rem;border-bottom:1px solid rgb(0 0 0 / 0%);background-color:#ffffff00;color:#e4e8ec;transition:all .3s ease-out}
.email-navigation a.list-group-item:hover{background-color:rgb(255 255 255 / 22%);color:#fff}
.email-navigation a.list-group-item.active{background-color:rgb(255 255 255 / 22%);color:#fff;font-weight:600}
.email-meeting{position:absolute;right:0;bottom:0;left:0}
.email-meeting a.list-group-item{padding:.35rem 1.25rem;border-bottom:1px solid rgb(0 0 0 / 0%);background-color:transparent;color:#e4e8ec}
.email-meeting a.list-group-item:hover{background-color:rgb(255 255 255 / 22%);color:#fff;transition:all .3s ease-out}
.email-hangout .chat-user-online:before{position:absolute;bottom:7px;left:37px;width:8px;height:8px;border-radius:50%;background:#16e15e;box-shadow:0 0 0 2px #fff;content:''}
.email-toggle-btn{margin-right:10px;width:auto;height:auto;border:0 solid rgb(0 0 0 / 15%);border-radius:0;background-color:transparent;color:#fff;text-align:center;font-size:24px;cursor:pointer}
.email-actions{width:230px}
.email-time{color:#fff;font-size:13px}
.email-list div.email-message{border-bottom:1px solid rgb(255 255 255 / 12%);background:0 0;color:#e4e8ec}
.email-list div.email-message:hover{background-color:rgb(255 255 255 / 14%);transition:all .2s ease-out}
.email-list{position:relative;height:530px}
.email-star{color:#fff}
.email-read-box{position:relative;height:530px}
.compose-mail-popup{position:fixed;right:30px;bottom:-30px;z-index:15;display:none;width:42%;background:#2e3338}
.compose-mail-toggled{display:block}
.compose-mail-title{font-size:16px}
.compose-mail-close{width:25px;height:25px;border-radius:2px;background-color:rgb(255 255 255 / 0%);text-align:center;font-size:14px;line-height:25px}
.compose-mail-close:hover{background-color:rgb(255 255 255 / 20%)}
.nav-primary.nav-tabs .nav-link.active{border-color:#0d6efd #0d6efd #fff;color:#0d6efd}
.nav-danger.nav-tabs .nav-link.active{border-color:#f41127 #f41127 #fff;color:#f41127}
.nav-success.nav-tabs .nav-link.active{border-color:#17a00e #17a00e #fff;color:#17a00e}
.nav-warning.nav-tabs .nav-link.active{border-color:#ffc107 #ffc107 #fff;color:#ffc107}
.nav-pills-danger.nav-pills .nav-link.active{background-color:#f41127;color:#fff}
.nav-pills-success.nav-pills .nav-link.active{background-color:#17a00e;color:#fff}
.nav-pills-warning.nav-pills .nav-link.active{background-color:#ffc107;color:#000}
.nav-search input.form-control{border:1px solid rgb(255 255 255 / 45%);background-color:rgb(255 255 255 / 20%);color:#fff}
.nav-search button[type=submit]{border:1px solid rgb(255 255 255 / 32%);background-color:rgb(255 255 255 / 20%);color:#fff}
.nav-search input.form-control::placeholder{color:#fff!important;opacity:.5!important}
.nav-search input.form-control::-ms-input-placeholder{color:#fff!important}
.round-pagination.pagination .page-item:first-child .page-link{border-bottom-left-radius:30px;border-top-left-radius:30px}
.round-pagination.pagination .page-item:last-child .page-link{border-top-right-radius:30px;border-bottom-right-radius:30px}
.bg-light-primary{background-color:rgb(13 110 253 / .11)!important}
.bg-light-success{background-color:rgb(23 160 14 / .11)!important}
.bg-light-danger{background-color:rgb(244 17 39 / .11)!important}
.bg-light-warning{background-color:rgb(255 193 7 / .11)!important}
.bg-light-info{background-color:rgb(13 202 240 / 18%)!important}
.bg-light-white-2{background-color:rgba(255,255,255,.7)!important}
.bg-light-white-3{background-color:rgba(255,255,255,.55)!important}
.bg-light-white-4{background-color:rgba(255,255,255,.25)!important}
.bg-gradient-cosmic{background:linear-gradient(to right,#8e2de2,#4a00e0)!important}
.bg-gradient-burning{background:linear-gradient(to right,#ff416c,#ff4b2b)!important}
.bg-gradient-lush{background:linear-gradient(to right,#56ab2f,#a8e063)!important}
.bg-gradient-kyoto{background:linear-gradient(to right,#f7971e,#ffd200)!important}
.bg-gradient-blues{background:linear-gradient(to right,#56ccf2,#2f80ed)!important}
.bg-gradient-moonlit{background:linear-gradient(to right,#0f2027,#203a43,#2c5364)!important}
.split-bg-primary{border-color:#0c62e0;background-color:#0c62e0}
.split-bg-secondary{border-color:#515a62;background-color:#515a62}
.split-bg-success{border-color:#128e0a;background-color:#128e0a}
.split-bg-info{border-color:#0bb2d3;background-color:#0bb2d3}
.split-bg-warning{border-color:#e4ad07;background-color:#e4ad07}
.split-bg-danger{border-color:#e20e22;background-color:#e20e22}
.bg-facebook{background-color:#3b5998!important}
.bg-twitter{background-color:#55acee!important}
.bg-google{background-color:#e52d27!important}
.bg-linkedin{background-color:#0976b4!important}
.section-authentication-signin{height:100vh}
.authentication-forgot{padding:0 1rem;height:100vh}
.authentication-reset-password{padding:0 1rem;height:100vh}
.authentication-lock-screen{padding:0 1rem;height:100vh}
.error-404{padding:0 1rem;height:100vh}
.error-social a{display:inline-block;margin:5px;width:40px;height:40px;border-radius:50%;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#fff;text-align:center;font-size:18px;line-height:40px}
.bg-login{background-image:url(../images/login-images/bg-login-img.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.bg-forgot{background-image:url(../images/login-images/bg-forgot-password.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.bg-lock-screen{background-image:url(../images/login-images/bg-lock-screen.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.login-separater span{position:relative;top:26px;z-index:1;margin-top:-10px;padding:5px;border-radius:4px;background:rgb(0 0 0 / 34%);color:#fff;font-size:12px}
.btn i{margin-top:-1em;margin-right:5px;margin-bottom:-1em;vertical-align:middle;font-size:1.3rem}
.btn-facebook{border-color:#3b5998;background-color:#3b5998;box-shadow:0 2px 2px 0 rgba(59,89,152,.14),0 3px 1px -2px rgba(59,89,152,.2),0 1px 5px 0 rgba(59,89,152,.12);color:#fff}
.btn-facebook:hover{color:#fff}
.btn-white{border-color:#e7eaf3;background-color:#fff}
.chart-container1{position:relative;height:340px}
.gmaps,.gmaps-panaroma{height:400px;border-radius:3px;background:#eee}
.pricing-table .card{-webkit-border-radius:15px;border-radius:15px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.pricing-table .card .card-header{border-top-right-radius:15px;border-top-left-radius:15px}
@media (min-width:992px){.pricing-table .card:hover{margin-top:-.25rem;margin-bottom:.25rem;-webkit-box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.3);box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.3)}
}
.pricing-table .card .card-title{letter-spacing:.2rem;font-weight:500;font-size:1rem}
.pricing-table .card .card-price{font-size:2.7rem}
.pricing-table .card .card-price .term{font-size:.875rem}
.pricing-table .card ul li.list-group-item{border-bottom:1px solid rgb(255 255 255 / 15%);color:rgb(255 255 255 / 85%);font-size:16px}
input::placeholder{color:#fff!important;opacity:.3!important}
.card-group{margin-bottom:1.5rem}
.search-bar-box{width:75%}
.search-control{padding-right:2.5rem;border:1px solid rgb(255 255 255 / 15%);background-color:rgb(0 0 0 / 15%)}
.search-control:focus{padding-right:2.5rem;border:1px solid rgb(255 255 255 / 15%);background-color:rgb(0 0 0 / 15%)}
.search-show{right:15px;color:#fff;font-size:18px}
.search-close{right:15px;display:none;font-size:18px;cursor:pointer}
.topbar .navbar .navbar-nav .nav-link{padding-right:.8rem;padding-left:.8rem;color:#fff;font-size:22px}
.dropdown-toggle-nocaret:after{display:none}
.alert-count{position:absolute;top:5px;left:22px;display:flex;width:18px;height:18px;border-radius:50%;background:#f62718;color:#fff;font-weight:500;font-size:12px;align-items:center;justify-content:center}
.user-img{padding:0;width:42px;height:42px;border:0 solid #e5e5e5;border-radius:50%}
.user-info .user-name{color:#fff;font-weight:500;font-size:15px}
.user-info .designattion{color:rgb(255 255 255 / 64%);font-size:13px}
.user-box{display:flex;margin-left:1rem;height:60px;border-left:1px solid rgb(255 255 255 / 15%);align-items:center}
.dropdown-large{position:relative}
.dropdown-large .dropdown-menu{padding:0 0;width:360px;border:0;border-radius:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.topbar .navbar .dropdown-large .dropdown-menu::after{position:absolute;top:-6px;right:16px;width:13px;height:13px;border-top:1px solid #767676;border-left:1px solid #767676;background:#1e1e1e;content:'';transform:rotate(45deg)}
.topbar .navbar .dropdown-menu::after{position:absolute;top:-6px;right:16px;width:13px;height:13px;border-top:1px solid #767676;border-left:1px solid #767676;background:#1e1e1e;content:'';transform:rotate(45deg)}
.dropdown-large .msg-header{display:flex;padding:.8rem 1rem;border-bottom:1px solid rgb(237 237 237 / 20%);border-top-right-radius:10px;border-top-left-radius:10px;background:#1e1e1e;background-clip:border-box;text-align:left;align-items:center}
.dropdown-large .msg-header .msg-header-title{margin-bottom:0;color:rgb(255 255 255 / 85%);font-weight:500;font-size:15px}
.dropdown-large .msg-header .msg-header-clear{margin-bottom:0;color:rgb(255 255 255 / 85%);font-size:12px}
.dropdown-large .msg-footer{padding:.8rem 1rem;border-top:1px solid rgb(255 255 255 / 15%);border-bottom-right-radius:10px;border-bottom-left-radius:10px;background:0 0;background-clip:border-box;color:rgb(255 255 255 / 85%);font-weight:500;font-size:14px}
.dropdown-large .user-online{position:relative}
.dropdown-large .msg-name{margin-bottom:0;color:rgb(255 255 255);font-size:14px}
.dropdown-large .msg-info{margin-bottom:0;color:rgb(255 255 255 / 50%);font-size:13px}
.dropdown-large .msg-avatar{margin-right:15px;width:45px;height:45px;border-radius:50%}
.dropdown-large .msg-time{margin-bottom:0;color:rgb(255 255 255 / 50%);font-size:12px}
.dropdown-large .user-online:after{position:absolute;right:17px;bottom:1px;width:8px;height:8px;border-radius:50%;background:#16e15e;box-shadow:0 0 0 2px #fff;content:''}
.dropdown-large .dropdown-menu .dropdown-item{padding:.5rem 1.3rem;border-bottom:1px solid rgb(255 255 255 / 15%)}
.header-message-list{position:relative;height:360px}
.header-notifications-list{position:relative;height:360px}
.dropdown-large .notify{margin-right:15px;width:45px;height:45px;border-radius:50%;background-color:rgb(255 255 255 / 15%);color:#fff;text-align:center;font-size:22px;line-height:45px}
.app-box{display:flex;width:45px;height:45px;border-radius:10px;background-color:rgb(255 255 255 / 15%);color:#fff;font-size:26px;cursor:pointer;align-items:center;justify-content:center}
.app-title{font-size:14px}
.user-box .dropdown-menu i{margin-right:10px;vertical-align:middle}
.dropdown-menu{border:0 solid #e9ecef;border-radius:10px;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);font-size:14px}
.topbar .navbar .dropdown-menu{-webkit-animation:.6s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 animdropdown;animation:.6s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 animdropdown}
@-webkit-keyframes animdropdown{from{opacity:0;-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes animdropdown{from{opacity:0;-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.mobile-search-icon{display:none}
.mobile-toggle-menu{display:none;color:#fff;font-size:26px;cursor:pointer}
.switcher-wrapper{position:fixed;top:0;right:-280px;bottom:0;z-index:1030;width:280px;height:100%;border-left:0 solid #d2d2d2;background:#111314;box-shadow:0 .3rem .6rem rgba(0,0,0,.13);transition:all .2s ease-out}
.switcher-btn{position:absolute;top:40%;right:100%;width:40px;height:40px;border-bottom-left-radius:10px;border-top-left-radius:10px;background:rgb(255 255 255 / 15%);box-shadow:0 .3rem .6rem rgba(0,0,0,.13);color:#fff;text-align:center;font-size:24px;line-height:40px;cursor:pointer}
.switcher-wrapper.switcher-toggled{right:0}
.switcher-body{padding:1.25rem}
.switcher{overflow:hidden;margin:0;margin-left:20px;padding:0;list-style:none}
.switcher li{float:left;margin:0 15px 15px 0;width:55px;height:55px;border:0 solid #000;border-radius:10px}
.bg-theme{background-position:center;background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed;transition:background .2s}
#theme1{background-image:url(../images/bg-themes/1.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme2{background-image:url(../images/bg-themes/2.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme3{background-image:url(../images/bg-themes/3.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme4{background-image:url(../images/bg-themes/4.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme5{background-image:url(../images/bg-themes/5.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme6{background-image:url(../images/bg-themes/6.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme7{background-image:url(../images/bg-themes/7.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme8{background-image:url(../images/bg-themes/8.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme9{background-image:url(../images/bg-themes/9.jpg);background-size:100% 100%;background-position:center;transition:background .3s}
#theme10{background-image:linear-gradient(45deg,#0c675e,#069e90);background-position:center;background-size:100% 100%;transition:background .3s}
#theme11{background-image:linear-gradient(567deg ,rgba(165,42,4,.89),rgba(113,102,8,.89),rgba(13,95,16,.93),rgba(4,79,88,.94),rgba(19,56,86,.9),rgba(24,32,78,.94),rgba(100,8,115,.95));background-position:center;background-size:100% 100%;transition:background .3s}
#theme12{background-image:linear-gradient(45deg,#29323c,#485563);background-position:center;background-size:100% 100%;transition:background .3s}
#theme13{background-image:linear-gradient(45deg,#795548,#945c48);background-position:center;background-size:100% 100%;transition:background .3s}
#theme14{background-image:linear-gradient(45deg,#1565c0,#1e88e5);background-position:center;background-size:100% 100%;transition:background .3s}
#theme15{background-image:linear-gradient(45deg,#65379b,#886aea);background-position:center;background-size:100% 100%;transition:background .3s}
#theme16{background-image:linear-gradient(180deg,#ff5447,#f1076f);background-position:center;background-size:100% 100%;transition:background .3s}
#theme17{background-image:linear-gradient(180deg,#08a50e,#69bb03);background-position:center;background-size:100% 100%;transition:background .3s}
#theme18{background-image:linear-gradient(45deg,#6a11cb,#2575fc);background-position:center;background-size:100% 100%;transition:background .3s}
body.bg-theme1{background-image:url(../images/bg-themes/1.jpg)}
body.bg-theme2{background-image:url(../images/bg-themes/2.jpg)}
body.bg-theme3{background-image:url(../images/bg-themes/3.jpg)}
body.bg-theme4{background-image:url(../images/bg-themes/4.jpg)}
body.bg-theme5{background-image:url(../images/bg-themes/5.jpg)}
body.bg-theme6{background-image:url(../images/bg-themes/6.jpg)}
body.bg-theme7{background-image:url(../images/bg-themes/7.jpg)}
body.bg-theme8{background-image:url(../images/bg-themes/8.jpg)}
body.bg-theme9{background-image:url(../images/bg-themes/9.jpg)}
body.bg-theme10{background-image:linear-gradient(45deg,#0c675e,#069e90)}
body.bg-theme11{background-image:linear-gradient(567deg ,rgba(165,42,4,.89),rgba(113,102,8,.89),rgba(13,95,16,.93),rgba(4,79,88,.94),rgba(19,56,86,.9),rgba(24,32,78,.94),rgba(100,8,115,.95))}
body.bg-theme12{background-image:linear-gradient(45deg,#29323c,#485563)}
body.bg-theme13{background-image:linear-gradient(45deg,#795548,#945c48)}
body.bg-theme14{background-image:linear-gradient(45deg,#1565c0,#1e88e5)}
body.bg-theme15{background-image:linear-gradient(45deg,#65379b,#886aea)}
body.bg-theme16{background-image:linear-gradient(180deg,#ff5447,#f1076f)}
body.bg-theme17{background-image:linear-gradient(180deg,#08a50e,#69bb03)}
body.bg-theme18{background-image:linear-gradient(45deg,#6a11cb,#2575fc)}
.bg-theme{background-size:100% 100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;transition:background .2s}

@media screen and (max-width:1280px){.email-header{height:auto}
.email-content{padding:100px 0 0 0}
}
@media only screen and (max-width:1199px){.row.row-group>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.row.row-group>div:last-child{border-right:none;border-bottom:0}
}
@media screen and (max-width:1024px){.topbar{left:0!important}
.mobile-search-icon{display:block}
.mobile-toggle-menu{display:block}
.sidebar-wrapper{left:-300px;background:#171717;box-shadow:none}
.sidebar-header{background:#171717}
.page-wrapper{margin-left:0}
.page-footer{left:0}
.search-bar{display:none}
.full-search-bar{position:absolute;left:0;z-index:100;display:flex;padding:0 1.4rem;width:100%;height:60px;background:rgb(11 12 15);align-items:center}
.search-bar-box{width:100%}
.search-close{display:block}
.search-show{right:auto;left:15px}
.search-control{padding-left:2.5rem;border:1px solid rgb(242 239 239 / 15%);background-color:rgb(0 0 0 / 60%)}
.wrapper.toggled .sidebar-wrapper{left:0}
.wrapper.toggled .page-wrapper{margin-left:0}
.wrapper.toggled .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:block;background:#000;opacity:.6;cursor:move;transition:all .2s ease-out}
.error-404{padding:6rem 1rem;height:auto}
.chat-header{border-top-left-radius:.25rem}
.chat-footer{border-bottom-left-radius:.25rem}
.chat-sidebar{left:-370px}
.chat-content{margin-left:0}
.chat-header{left:0}
.chat-footer{left:0}
.chat-toggled .chat-sidebar{left:0;background:#343a40}
.chat-toggled .overlay{position:absolute;top:0;right:0;bottom:0;left:340px;z-index:11;display:block;background:#fff;opacity:.5;cursor:move;transition:all .3s ease-out}
.email-header{border-top-left-radius:.25rem}
.email-sidebar{left:-280px;background:#343a40}
.email-content{margin-left:0}
.email-header{left:0}
.email-toggled .email-sidebar{left:0}
.email-toggled .overlay{position:absolute;top:0;right:0;bottom:0;left:250px;z-index:9;display:block;background:#000;opacity:.5;cursor:move;transition:all .3s ease-out}
}
@media screen and (max-width:991px){.section-authentication-signin{margin-top:6rem;margin-bottom:2rem;height:100%}
.authentication-reset-password{padding:2rem 1rem;height:auto}
.authentication-lock-screen{padding:2rem 1rem;height:auto}
.compose-mail-popup{position:fixed;right:0;bottom:-30px;left:0;width:auto}
}
@media screen and (max-width:767px){.user-box .user-info{display:none}
.authentication-forgot{padding:2.5rem 1rem;height:auto}
}
@media screen and (max-width:620px){.topbar .navbar .dropdown-menu::after{display:none}
.topbar .navbar .dropdown{position:static!important}
.topbar .navbar .dropdown-menu{width:100%!important}
}
@media screen and (max-width:520px){.chat-footer-menu,.chat-top-header-menu{display:none}
}