@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Raleway:wght@400;600;700&display=swap";&:root {--white: #FFF;--yellow: #FFE492;--darkblue: #043873;--bg-maincolor: #C4DEFD;}html {scroll-behavior: smooth;}body {font-family: 'Lato', sans-serif;color: orange;text-transform: capitalize;font-weight: 400;margin: 0;padding: 0;line-height: 1.8;}h1 {font-weight: 400;margin: 0;}h2 {font-weight: 400;margin: 0;}h3 {font-weight: 400;margin: 0;}h4 {font-weight: 400;margin: 0;}h5 {font-weight: 400;margin: 0;}h6 {font-weight: 400;margin: 0;}p {font-size: 15px;margin: 12px 0 0;line-height: 30px;}ul {margin: 0;padding: 0;list-style: none;}a {color: #333;font-weight: 400;text-decoration: none;display: inline-block;}img {vertical-align: middle;height: auto;}button {&:foucs {box-shadow: none;outline: none;border: none;}cursor: pointer;}.theme-btn {font-family: 'Inter', sans-serif !important;font-weight: 700;padding: 14px 16px !important;text-decoration: none;color: #1e0b0b;display: inline-block;border: 2px solid #000;transition: .5s ease;}.theme-btn2 {font-family: 'Inter', sans-serif !important;font-weight: 500;line-height: 23px;padding: 10px 18px !important;background: #FFE492;border-radius: 8px;display: inline-block;}.main-wrapper {height: 100%;overflow: hidden;width: 100%;}.header {display: flex;justify-content: space-between;align-items: center;background: #282E38;padding: 8px 0;}.header-area.fixed-top {background: #6f666612;box-shadow: 2px 2px 13px 0px #0000001f;}.header-area {.nav-item {position: relative;padding-left: 12px;p.count {position: absolute;top: -15px;right: 2px;background: orange;width: 20px;text-align: center;border-radius: 50%;height: 20px;line-height: 1.3;}i {color: #999;font-size: 20px;padding-right: 14px;}}.dropdown-menu {box-shadow: 0px 0px 5px 5px #0000001a;top: 100%;left: inherit;margin-top: 0.125rem;right: 0;}.media {background: orange;padding: 14px;empty-cells: c;text-align: center;i {font-size: 38px;color: #fff;padding: 18px 0;}}}.logo {width: 240px;background: linear-gradient(to left, orange, #fff);color: #fff;font-weight: 500;padding: 10px 0;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;a {font-size: ;font-weight: bold;font-size: 18px;}}.sidebarCollapse {color: #999;font-size: 20px;padding-left: 16px;padding-top: 6px;span.fa-close {transition: 2s ease;-webkit-transition: 2s ease;-moz-transition: 2s ease;-ms-transition: 2s ease;-o-transition: 2s ease;}}.user-notify-info {span {display: block;}}.main-area {margin-top: 68px;}.dropdown-menu {li {.status-link {text-align: right;display: block;position: absolute;right: 0;right: ;top: 0;}}}.user-profile-dropdown {img {width: 36px;height: 36px;border-radius: 50%;}}.navbar-nav {align-items: center;flex-direction: row;}.dropdown-menu.ntifon-area {width: 320px;padding: 14px;border-radius: 8px;}.noti-title {p {border-bottom: 1px solid #e9ecef;padding: 5px 20px 10px;color: #0a043c;font-weight: 600;font-size: 14px;margin: 0;}}.input-app {position: relative;input {width: 210px;border-radius: 20px;background: transparent;outline: 0;}label {position: absolute;top: 4px;right: -4px;i {font-size: 16px !important;}}}.noti-item {display: flex;align-items: center;padding: 6px 0;border-bottom: 1px solid #eae3e3;transition: .5s ease;-webkit-transition: .5s ease;-moz-transition: .5s ease;-ms-transition: .5s ease;-o-transition: .5s ease;.noti-icon {i {font-size: 20px;color: #0d0c0c !important;}}}.noti-wrap {a {&:hover {background: #dddddd54;color: orange;}display: block;}}.noti-time {h5 {font-size: 14px;font-weight: 400;margin: 0 0 5px 0;}p {font-size: 12px;font-weight: 400;margin: 0;color: #90A1AC;}padding: 0 20px;width: 90%;}.noti-arrow {i {font-size: 18px;color: #90a1ac;}width: 10%;text-align: right;}.noti-icon {width: 10%;}.seeall {a {padding: 8px 15px 8px;color: #0a043c;font-weight: 400;font-size: 14px;display: inline-block;text-align: center;}}.all-user {.admin-item {&::after {display: none;}background: #313844;padding: 10px 26px;}.admin-icon {img {width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}}.admin-info {p {font-size: 18px;color: #e8e5e5;}}.col-md-3 {&:nth-child(1) {.admin-info {span {color: #08d5b8;}}}&:nth-child(2) {.admin-info {span {color: #f9c851 !important;}}}&:nth-child(3) {.admin-info {span {color: #ff8acc !important;}}}&:nth-child(4) {.admin-info {span {color: #35b8e0 !important;}}}}}.admin-setting {img {width: 16px;height: 16px;margin-left: 10px;}}.admin-area {text-align: center;padding-top: 65px;padding-bottom: 14px;.admin-info {p {font-size: 18px;font-weight: 500;margin: 0;padding-top: 6px;color: #807777;}}}.admin-img {margin-bottom: 8px;img {max-width: 80px;}}.admin-info {h5 {font-size: 18px;font-weight: bold;}margin-bottom: 12px;p {font-weight: bold;font-size: 18px;color: #f7f7f7;margin-top: 16px;cursor: pointer;}span {color: #aca6a6;font-size: 15px;}}.left-side-menu {height: 100%;width: 240px;position: fixed;box-shadow: 2px 6px 19px 1px #bbb;overflow-y: scroll;transition: .5s ease;-webkit-transition: .5s ease;-moz-transition: .5s ease;-ms-transition: .5s ease;-o-transition: .5s ease;overflow-x: hidden;scrollbar-color: orange #f000;scrollbar-width: thin;&::-webkit-scrollbar {width: 10px;}&::-webkit-scrollbar-track {background: red;}&::-webkit-scrollbar-thumb {background: linear-gradient(#fff, orange);}&::-moz-scrollbar {width: 10px;}&::-moz-scrollbar-track {background: red;}&::-moz-scrollbar-thumb {background: linear-gradient(#fff, orange);}}.animated.bounceInDown {width: 240px;position: relative;}ul#sidebar {li {a {display: block;color: #918e8e;padding: 12px 22px;transition: .5s ease;border-left: 5px solid transparent;position: relative;-webkit-transition: .5s ease;-moz-transition: .5s ease;-ms-transition: .5s ease;-o-transition: .5s ease;&:hover {color: orange;background: #dddddd47;border-left: 5px solid orange;}i {&:first-child {margin-right: 10px;}&:last-child {position: absolute;right: 10%;top: 50%;transform: translateY(-50%);}}}position: relative;}li.active {a {color: orange;background: #dddddd47;border-left: 5px solid orange;}}}.content-wrapper {width: calc(100% - 240px);position: relative;left: 240px;background: #282E38;}.main-content {margin-top: 66px;display: flex;position: relative;}.left-side-menu.hide {width: 0;transition: 2s;-webkit-transition: 2s;-moz-transition: 2s;-ms-transition: 2s;-o-transition: 2s;}.content-wrapper.hide {width: 100%;transition: 2s;left: 0;}.chart-earn {border: 1px solid #ddd;}.last-month {text-align: center;h5 {font-size: 22px;font-weight: bold;margin-bottom: 8px;}p {color: #aaa3a3;margin: 0;}}.earn-title {h4 {font-size: 18px;color: #fff;fot-w: ;font-weight: bold;}}.earn-dot {i {color: #fff;}}.earn-head {display: flex;justify-content: space-between;align-items: center;}.earn-item {padding: 26px;background: #313844;min-height: 382px;}.earn {margin: 14px 0;h2 {font-weight: bold;}}.earn-view {display: flex;justify-content: center;align-items: center;}.earn-text {p {color: #a4a1a1;color: #a4a1a1;margin: 0;}h5 {color: #000;font-weight: bold;margin-top: 10px;}}.earn-icon {span {color: #fff;border-radius: 50%;width: 40px;height: 40px;background: orange;text-align: center;line-height: 2.5;}margin-right: 14px;}.wre-area {margin-top: 40px;.col-sm-3 {&:nth-child(1) {.earn-icon {span {background: orange;}}}&:nth-child(2) {.earn-icon {span {background: navy;}}}&:nth-child(3) {.earn-icon {span {background: #08d5b8;}}}&:nth-child(4) {.earn-icon {span {background: #D3225A;}}}}}.chart-area {margin-bottom: 28px;}.revinue-head {display: flex;align-items: center;color: #fff;justify-content: space-between;}.revinue-item {background: #313844;margin-bottom: 30px;padding: 30px 24px;}.progress {display: flex;height: 1rem;overflow: hidden;font-size: 0.75rem;background-color: #e9ecef;border-radius: 0.25rem;height: 6px;background: #FA87C8;}.revinue-content {margin-top: 30px;display: flex;align-items: center;justify-content: space-between;position: relative;cursor: pointer;margin-top: 30px;}.chart-revinue {.col-sm-6 {&:nth-child(4) {.revinue-content {margin-top: 12px;}.revinue-item {padding-bottom: 22px;}.progress {background: #59485E;}.progress-bar {background-color: #FA87C8;}.chart-trand {span {color: white;background: #FA87C8;}}}&:nth-child(2) {.revinue-content {margin-top: 12px;}.revinue-item {padding-bottom: 22px;}.progress-bar {background-color: #10C469;}.progress {background: #2A544B;}}}padding: 50px 0;padding-bottom: 20px;}.chart-trand {span {color: white;font-size: 10px;background: #10C469;padding: 4px 8px;border-radius: 20px;}}.revinue-progress {margin-top: 16px;}.chart-info {text-align: right;h4 {color: #fff;font-size: 25px;margin-bottom: 8px;}span {color: #ddd;}}.head-dot {i {color: #fff;}}.revinue-icon {span {font-size: 26px;padding-right: 12px;}}.revinue-info {p {margin: 0;}h5 {margin-top: 8px;}}.admin-icon {img {width: 45px;height: 45px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}margin-right: 20px;margin-top: 10px;}.admin-time {span {font-size: 14px;}margin-left: 16px;}.admin-title {color: orange;font-size: 20px;font-weight: bold;border-bottom: 2px solid orange;display: inline-block;}.all-admin {padding: 25px 0;.admin-item {display: flex;align-items: center;position: relative;justify-content: space-around;}}.admin-item {display: flex;align-items: center;position: relative;justify-content: center;}.admin-list {padding: 20px;background: #313844;}.order-list {padding: 20px;background: #313844;padding: 20px;}.order-title {color: orange;font-size: 20px;font-weight: bold;border-bottom: 2px solid orange;display: inline-block;}#order-table_filter {float: right;padding-top: 18px;}#order-table_length {float: left;padding: 18px 0;}table.dataTable.table-striped {>tbody {>tr.odd {>* {box-shadow: none !important;}}}}#order-table_wrapper {tbody {tr {border: 2px solid #ffa50070;&:last-child {border: 0px solid transparent;}}tr.odd {td {a.td-hold {background: linear-gradient(to right, gray, aliceblue) !important;color: orange !important;padding: 2px 6px;}}}}thead {tr {border-bottom: 2px solid #000000b2;}}a.td-success {background: linear-gradient(to right, orange, aliceblue);color: white;font-weight: bold;padding: 2px 6px;}color: #000;color: #aca6a6 !important;td {font-size: 16px;white-space: nowrap;}}#order-table_paginate {margin-top: -30px;}#order-table {width: 100% !important;}.nav-pills {.nav-link.active {color: orange;background-color: transparent;border-bottom: 1px solid orange;}.nav-link {color: #000;}}.chart-box {canvas {height: 300px;}}.table {color: #aca6a6;}.table-striped {>tbody {>tr {&:nth-of-type(2n+1) {>* {--bs-table-accent-bg: var(--bs-table-striped-bg);color: #edf6ff;}}}}}#chartitem3 {canvas {height: 300px;width: 100% !important;}}#chartitem2 {canvas {height: 300px;width: 100% !important;}}#myChart {margin: auto;}