/* Default CSS
-------------------------------------------*/
/* Variables */
/* End Variables */
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i&display=swap");
body {
  font-family: "Nunito", sans-serif;
  color: #686c71;
  font-size: 14px;
  background-color: #eeeef8;
}

a {
  transition: .4s;
  -webkit-transition: .4s;
}

a:hover {
  text-decoration: none;
  color: #017136;
}

h1, h2, h3, h4, h5, h6 {
  color: #212529;
  font-weight: bold;
}

p {
  color: #686c71;
  line-height: 24px;
  margin-bottom: 10px;
}

img {
  max-width: 100%;
}

/* Scrollbar CSS */
::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #f6f6f7;
          box-shadow: inset 0 0 6px #f6f6f7;
  border-radius: 30px;
}

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #017136;
  -webkit-box-shadow: inset 0 0 6px #f6f6f7;
          box-shadow: inset 0 0 6px #f6f6f7;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #017136;
}

/* End Scrollbar CSS */
button:focus {
  outline: 0;
}

.btn {
  font-size: 14px;
  padding: 10px 15px;
  line-height: 1;
  border-radius: 4px;
}

.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg-purple {
  background-color: #886cff;
}

.gray-color {
  color: #35d26b;
}

.mt-15 {
  margin-top: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-7 {
  margin-bottom: 7px;
}

.wh-50 {
  width: 50px;
  height: 50px;
}

.lh-50 {
  line-height: 50px;
}

.pt-12 {
  padding-top: 12px;
}

.fw-600 {
  font-weight: 600;
}

.progress.progress-sm {
  height: 4px;
}

.btn-outline-light {
  color: #848484;
}

.border-bottom {
  border-bottom: 1px solid #f6f6f7 !important;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 25px;
  font-size: 16px;
  line-height: 1.5;
}

.btn-md {
  padding: 10px 20px;
  font-size: 15px;
}

.btn-xs {
  padding: 8px 16px;
  font-size: 13px;
}

.radius-0 {
  border-radius: 0 !important;
}

.position-right {
  position: absolute;
  right: 0;
}

.dropdown-item {
  font-size: 14px;
}

.btn-warning {
  color: #fff;
}

.btn-warning:hover {
  color: #fff;
}

.btn-outline-warning:hover {
  color: #fff;
}

.form-control {
  background-color: #eeeef8;
  border: 1px solid #eeeef8;
  height: 42px;
  padding: 6px 15px;
  font-size: 14px;
  color: #222222;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.form-control:focus {
  background-color: #eeeef8;
  border: 1px solid #c8c8f1;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control-lg {
  height: 45px;
  font-size: 14px;
}

.form-control-sm {
  height: 35px;
  font-size: 12px;
}

.form-group .form-text {
  margin-top: 10px;
  font-size: 12px;
}

.form-check-input {
  margin-top: 2px;
}

.custom-control-label {
  padding-top: 4px;
}

.input-group-text {
  color: #fff;
  background-color: #017136;
  border-radius: 0;
}

form label {
  font-weight: bold;
  text-transform: capitalize;
  color: #212529;
}

form .form-group {
  margin-bottom: 20px;
}

.form-check-label {
  font-weight: normal;
}

/* End Default CSS */
/* Badge */
.badge {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
}

.badge-cyan {
  color: #00c9a7;
  background: rgba(0, 201, 167, 0.1);
  border-color: transparent;
  font-weight: 500;
}

.badge-red {
  color: #de4436;
  background: rgba(222, 68, 54, 0.05);
  border-color: transparent;
  font-weight: 500;
}

.badge-gold {
  color: #ffc107;
  background: rgba(255, 193, 7, 0.1);
  border-color: transparent;
  font-weight: 500;
}

.badge_warning {
  background-color: rgba(255, 190, 11, 0.2);
  color: #ffbe0b;
}

.badge_success {
  color: #00c9a7;
  background: rgba(0, 201, 167, 0.1);
}

.badge_danger {
  background-color: rgba(255, 92, 117, 0.2);
  color: #ff5c75;
}

.primary-color {
  color: #017136;
}

.success-color {
  color: #00c9a7;
}

.warning-color {
  color: #00c9a7;
}

.danger-color {
  color: #00c9a7;
}

/* End Badge */
/* Helper class */
.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-40 {
  font-size: 40px;
}

.fs-50 {
  font-size: 50px;
}

.fs-12 {
  font-size: 12px;
}

.fs-25 {
  font-size: 25px;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-40 {
  margin-top: 40px;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-minus-1 {
  margin-top: -1px;
}

.mt-minus-2 {
  margin-top: -2px;
}

.mt-minus-3 {
  margin-top: -3px;
}

.mt-minus-4 {
  margin-top: -4px;
}

.mt-minus-5 {
  margin-top: -5px;
}

.pr-70 {
  padding-right: 70px;
}

.p-30 {
  padding: 30px;
}

.fr {
  float: right;
}

.wh-13 {
  width: 13px;
  height: 13px;
  margin-top: -2px;
}

.wh-15 {
  width: 15px;
  height: 15px;
}

.wh-30 {
  width: 30px;
  height: 30px;
}

.wh-20 {
  width: 20px;
  height: 20px;
}

.wh-35 {
  width: 35px;
  height: 35px;
}

.wh-40 {
  width: 40px;
  height: 40px;
}

.wh-35 {
  width: 35px;
  height: 35px;
}

.w-80 {
  width: 80px;
}

.w-full {
  width: 100%;
}

.mw-350 {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.relative {
  position: relative;
}

.text-vertical-middle td, .text-vertical-middle th {
  vertical-align: middle;
}

.border {
  border: 1px solid #f6f6f7;
}

.spin {
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

.black-text {
  color: #686c71 !important;
}

.primary-text {
  color: #017136 !important;
}

.purple-text {
  color: #7266ba !important;
}

.success-text {
  color: #7ed320 !important;
}

.danger-text {
  color: #f75d81 !important;
}

.theme-color {
  color: #017136;
}

.danger-color {
  color: #f75d81;
}

.global-color {
  color: #47404f;
}

.gray-color {
  color: #a1aab2;
}

.light-blue-bg {
  background: #42a5f6;
}

.purple-bg {
  background: #7266ba;
}

.primary-bg {
  background: #017136;
}

.success-bg {
  background: #7ed320;
}

.danger-bg {
  background: #f75d81;
}

.theme-bg {
  background-color: #017136 !important;
}

.right {
  right: 0;
}

.bottom {
  bottom: 0;
}

.right-3 {
  right: 4px;
}

.bottom-2 {
  bottom: 2px;
}

.bottom-3 {
  bottom: 4px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-tablecell {
  display: table-cell;
  vertical-align: middle;
}

.line-height-1 {
  line-height: 1;
}

.bg-white {
  background-color: #fff !important;
}

.border-radius-fl-item .page-item:first-child .page-link {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.border-radius-fl-item .page-item:last-child .page-link {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.height-408 {
  height: 408px;
  overflow-y: auto;
}

.height-310 {
  height: 310px;
  overflow-y: auto;
}

.height-500 {
  height: 500px;
  overflow-y: auto;
}

.height-365 {
  height: 365px;
  overflow-y: auto;
}

.height-265 {
  height: 265px;
  overflow-y: auto;
}

.rounded {
  border-radius: 50px !important;
}

.alert-light {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

.alert:last-child {
  margin-bottom: 0;
}

.alert-dismissible .close {
  padding: 0.60rem 1.20rem;
}

.alert-primary {
  background-color: rgba(63, 135, 245, 0.1);
  border: 1px solid rgba(63, 135, 245, 0.15);
  color: #53535f;
}

.alert-success {
  background-color: rgba(0, 201, 167, 0.1);
  border: 1px solid rgba(0, 201, 167, 0.15);
  color: #53535f;
}

.alert-info {
  background-color: rgba(2, 211, 239, 0.1);
  border: 1px solid rgba(2, 211, 239, 0.15);
  color: #53535f;
}

.alert-warning {
  background-color: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.15);
  color: #53535f;
}

.alert-danger {
  background-color: rgba(222, 68, 54, 0.1);
  border: 1px solid rgba(222, 68, 54, 0.15);
  color: #53535f;
}

.white-color {
  color: #fff;
}

.card-img-overlay {
  background: rgba(41, 98, 255, 0.5);
}

.card-img-overlay .card-title {
  color: #fff !important;
}

.alert-success p {
  color: #155724;
}

.dropdown-menu {
  border-radius: 0;
}

.dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #686c71;
}

.badge-warning {
  color: #fff;
}

.btn-primary {
  background-color: #017136;
  border-color: #017136;
}

.btn-primary:hover {
  background-color: #02024f;
  border-color: #02024f;
}

.btn-outline-primary {
  color: #017136;
  border-color: #017136;
}

.btn-outline-primary:hover {
  background-color: #017136;
  border-color: #017136;
}

.line-height-1-4 {
  line-height: 1.4;
}

/* End helper class */
/* Top menu CSS */
.top-menu {
  background: #ffffff;
  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0 10px rgba(0, 0, 0, 0.08);
}

.top-menu .navbar-brand .large-logo {
  max-width: 30px;
}

.top-menu .left-nav {
  padding-right: 15px;
}

.top-menu .burger-menu {
  padding-right: 15px;
  margin-left: 70px;
  cursor: pointer;
  transition: all .50s ease-in-out;
  -webkit-transition: all .50s ease-in-out;
}

.top-menu .burger-menu span {
  height: 1px;
  width: 25px;
  background: #303030;
  display: block;
  margin: 6px 0;
  transition: all .50s ease-in-out;
  -webkit-transition: all .50s ease-in-out;
}

.top-menu .mega-menu .mega-menu-btn .icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.top-menu .mega-menu .dropdown-menu {
  width: 900px;
  margin-top: 5px;
  padding: 15px 10px;
}

.top-menu .mega-menu .dropdown-menu .title {
  font-size: 13px;
  padding: 0 15px 10px;
  margin: 8px 0 8px;
  border-bottom: 1px solid #f3ebeb;
}

.top-menu .mega-menu .dropdown-menu::before, .top-menu .mega-menu .dropdown-menu::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  left: 8px;
  width: 10px;
}

.top-menu .mega-menu .dropdown-menu::before {
  border-bottom: 5px solid #000;
  top: -10px;
  height: 10px;
}

.top-menu .mega-menu .dropdown-menu::after {
  border-bottom: 5px solid #fff;
  top: -9px;
  height: 9px;
}

.top-menu .navbar-nav .nav-link {
  color: #686c71;
}

.top-menu .nav-search-form {
  display: inline-block;
  position: relative;
  width: 230px;
}

.top-menu .nav-search-form .form-control {
  height: 36px;
  border-radius: 30px;
  background: #eef5f9;
  border-color: #eef5f9;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 300;
}

.top-menu .nav-search-form .search-success {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-color: transparent;
  border-radius: 0px 30px 30px 2px;
  height: 36px;
  color: #717171;
  font-size: 20px;
  line-height: 20px;
  padding: 0 15px;
}

.top-menu .nav-search-form .search-success .icon {
  width: 15px;
  height: 15px;
  margin-top: -3px;
}

.top-menu .nav-search-form .search-success:hover {
  color: #017136;
}

.top-menu .nav-search-form .search-success:active {
  background-color: transparent;
  border-color: transparent;
  color: #017136;
}

.top-menu .nav-search-form .search-success:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.top-menu .right-nav .nav-item {
  padding-left: 15px;
}

.top-menu .right-nav .dropdown-menu {
  left: auto;
  right: 0;
}

.top-menu .right-nav .dropdown-menu::before, .top-menu .right-nav .dropdown-menu::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  right: 8px;
  width: 10px;
}

.top-menu .right-nav .dropdown-menu::before {
  border-bottom: 5px solid #000;
  top: -10px;
  height: 10px;
}

.top-menu .right-nav .dropdown-menu::after {
  border-bottom: 5px solid #fff;
  top: -9px;
  height: 9px;
}

.top-menu .right-nav .count-info {
  position: relative;
  margin-top: 5px;
}

.top-menu .right-nav .count-info .icon {
  width: 18px;
  height: 18px;
}

.top-menu .right-nav .count-info .ci-number {
  position: absolute;
  background: #f75d81;
  color: #fff;
  height: 10px;
  width: 10px;
  text-align: center;
  border-radius: 50%;
  line-height: 22px;
  font-size: 10px;
  top: -3px;
  right: -5px;
  z-index: 1;
}

.top-menu .right-nav .count-info .ci-number .ripple {
  background-color: #f75d81;
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: -1;
  right: -6px;
  top: -6px;
  opacity: 0;
  margin: 0;
  border-radius: 100px;
  -webkit-animation: ripple 2.8s infinite;
  animation: ripple 2.8s infinite;
}

.top-menu .right-nav .count-info .ci-number .ripple:nth-child(2) {
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
}

.top-menu .right-nav .count-info .ci-number .ripple:nth-child(3) {
  animation-delay: .9s;
  -webkit-animation-delay: .9s;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.top-menu .dropdown-toggle::after {
  display: none;
}

.top-menu .profile-nav-item .menu-profile img {
  width: 30px;
  height: 30px;
  margin-left: 8px;
}

.top-menu .profile-nav-item .dropdown-item .icon {
  width: 14px;
  margin-right: 5px;
  height: 14px;
  margin-top: -3px;
}

.top-menu .dropdown-item {
  font-size: 13px;
  padding: 0.40rem 1rem;
  font-weight: 300;
  color: #686c71;
  position: relative;
  overflow: hidden;
}

.top-menu .dropdown-item:hover, .top-menu .dropdown-item:focus {
  background: #eef5f9;
  color: #017136;
}

.top-menu .dropdown-item:hover::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(-45deg);
  bottom: 0;
}

.top-menu .dropdown-menu {
  border-radius: 0;
}

.top-menu .dropdown-menu .dropdown-item.active, .top-menu .dropdown-menu .dropdown-item:active {
  color: #017136;
  background-color: #eef5f9;
}

.top-menu .dropdown-menu .dropdown-item.active::before, .top-menu .dropdown-menu .dropdown-item:active::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(-45deg);
  bottom: 0;
}

.top-menu .message-box .dropdown-menu {
  min-width: 260px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

.top-menu .message-box .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #f6f6f7;
  padding: 0.80rem 1rem;
}

.top-menu .message-box .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}

.top-menu .message-box .dropdown-menu .dropdown-item .icon {
  width: 15px;
  height: 15px;
}

.top-menu .message-item {
  position: relative;
  padding-left: 45px;
  text-align: left;
}

.top-menu .message-item .user-pic {
  position: absolute;
  left: 0;
  top: 2px;
}

.top-menu .message-item .user-pic img {
  width: 35px;
  height: 35px;
}

.top-menu .message-item .user-pic .profile-status {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  right: 0;
  bottom: 0;
}

.top-menu .message-item .chat-content .message-title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #2a2a2a;
}

.top-menu .message-item .chat-content .mail-desc {
  display: block;
  color: #474d52;
  font-size: 13px;
  margin: 3px 0 0;
  position: relative;
}

.top-menu .message-item .chat-content .mail-desc .amount {
  background: #017136;
  color: #fff;
  padding: 8px 5px 7px;
  border-radius: 30px;
  font-size: 8px;
  line-height: 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

.top-menu .message-item .time {
  display: block;
  color: #a1aab2;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
}

.top-menu .toggle-menu {
  margin-left: 30px;
}

.top-menu .x .top-bar {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
          transform-origin: 10% 10%;
}

.top-menu .x .middle-bar {
  opacity: 0;
}

.top-menu .x .bottom-bar {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
          transform-origin: 10% 90%;
  margin-top: 5px;
}

/* End Top menu CSS */
/* Sidemenu area CSS */
.sidemenu-area {
  background: #fff;
  border-top: 1px solid #f6f6f7;
  position: fixed;
  height: 100%;
  width: 220px;
  -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05);
  z-index: 1030;
  left: 0;
  top: 62px;
}

.sidemenu-area .sidemenu {
  padding: 0;
}

.sidemenu-area .sidemenu .navbar-nav {
  display: block;
  width: 100%;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item {
  padding: 8px 1rem;
  font-weight: 300;
  overflow: hidden;
  position: relative;
  color: #686c71;
  border-radius: 0;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item .icon {
  width: 14px;
  height: 14px;
  margin-top: -3px;
  margin-right: 5px;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:hover::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #017136;
  background-color: #eef5f9;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link {
  padding: 10px 15px;
  font-size: 14px;
  color: #303030;
  white-space: nowrap;
  border-bottom: 1px solid #f9f9f9;
  position: relative;
  overflow: hidden;
  -webkit-transition: .0s;
  transition: .0s;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #017136;
  width: 15px;
  height: 15px;
  margin-top: -3px;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #eef5f9;
  color: #017136;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #017136;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

.sidemenu-area .sidemenu .navbar-nav .nav-link .title {
  -webkit-transition: .5s;
  transition: .5s;
  padding-left: 5px;
}

.sidemenu-area .sidemenu .navbar-nav .active {
  background: #eef5f9;
  color: #017136;
}

.sidemenu-area .sidemenu .navbar-nav .active::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

.sidemenu-area .sidemenu .navbar-nav .active .icon {
  color: #017136;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  background: #eef5f9;
  color: #017136;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-title {
  position: relative;
  width: 100%;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-title .icon.fr {
  position: absolute;
  right: 0;
  padding-right: 0;
  margin-top: 4px;
  font-size: 10px !important;
  -webkit-transition: all .50s ease-in-out;
  transition: all .50s ease-in-out;
}

.sidemenu-area .sidemenu .navbar-nav .dropdown-toggle::after {
  display: none;
}

.sidemenu-area .sidemenu .navbar-nav .show.dropdown.nav-item .nav-link {
  background-color: #eef5f9;
}

@media only screen and (min-width: 768px) {
  .sidemenu .dropdown {
    position: static;
  }
  .sidemenu .dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    display: block;
    width: 200px;
    left: auto;
    right: -200px;
    top: 0;
    border-radius: 0;
    border-color: #ebebeb;
    margin-top: 0;
    height: 100vh;
    overflow-y: auto;
  }
  .sidemenu .dropdown:hover > .dropdown-menu {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .sidemenu .collapse ul li {
    position: relative;
  }
}

/* Primary BG SideMenu */
.sidemenu-bg-primary .sidemenu-area {
  background-color: #017136;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #3268fd;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #017136;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #017136;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #017136;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #017136;
}

/* Success BG SideMenu */
.sidemenu-bg-success .sidemenu-area {
  background-color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #0dc3a5;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #00c9a7;
  background-color: #eef5f9;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #00c9a7;
}

.sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #00c9a7;
}

/* Decondary BG SideMenu */
.sidemenu-bg-secondary .sidemenu-area {
  background-color: #223143;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #25364a;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #017136;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #017136;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .active {
  background: #fff;
  color: #017136;
}

.sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .active .icon {
  color: #017136;
}

/* Purple BG SideMenu */
.sidemenu-bg-purple .sidemenu-area {
  background-color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #8b70ff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #886cff;
  background-color: #eef5f9;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #886cff;
}

.sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #886cff;
}

/* Danger BG SideMenu */
.sidemenu-bg-danger .sidemenu-area {
  background-color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #de4d40;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #de4436;
  background-color: #eef5f9;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #de4436;
}

.sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #de4436;
}

/* Warning BG SideMenu */
.sidemenu-bg-warning .sidemenu-area {
  background-color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #f7a943;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #FDAC41;
  background-color: #eef5f9;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #FDAC41;
}

.sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #FDAC41;
}

/* Purple indigo BG SideMenu */
.sidemenu-bg-purple-indigo .sidemenu-area {
  background-color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #6c399f;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #663399;
  background-color: #eef5f9;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #663399;
}

.sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #663399;
}

/* Pink BG SideMenu */
.sidemenu-bg-pink .sidemenu-area {
  background-color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #d1356b;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #CB3066;
  background-color: #eef5f9;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #CB3066;
}

.sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #CB3066;
}

/* Indigo BG SideMenu */
.sidemenu-bg-indigo .sidemenu-area {
  background-color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #3F51B5;
  background-color: #eef5f9;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #3F51B5;
}

.sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #3F51B5;
}

/* Nightblue BG SideMenu */
.sidemenu-bg-nightblue .sidemenu-area {
  background-color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #14143c;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #0C0C3C;
  background-color: #eef5f9;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #0C0C3C;
}

.sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #0C0C3C;
}

/* Gray BG SideMenu */
.sidemenu-bg-gray .sidemenu-area {
  background-color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #262626;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #212121;
  background-color: #eef5f9;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #212121;
}

.sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #212121;
}

/* Gray blue BG SideMenu */
.sidemenu-bg-gray-blue .sidemenu-area {
  background-color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #28363c;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #263238;
  background-color: #eef5f9;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #263238;
}

.sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #263238;
}

/* Green BG SideMenu */
.sidemenu-bg-green .sidemenu-area {
  background-color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #0ac056;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #00C853;
  background-color: #eef5f9;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #00C853;
}

.sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #00C853;
}

/* Deep Purple BG SideMenu */
.sidemenu-bg-deep-purple .sidemenu-area {
  background-color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link {
  color: #fff;
  border-bottom: 1px solid #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link .icon {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus {
  background: #fff;
  color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon {
  color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before {
  background: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active {
  background: #fff;
  color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before {
  display: none;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon {
  color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #6200EA;
  background-color: #eef5f9;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon {
  color: #4e4d4c;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before {
  background-color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus {
  color: #6200EA;
}

.sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before {
  background: #6200EA;
}

/* BG Color */
.bg_primary {
  background-color: #017136;
}

.bg_success {
  background-color: #00c9a7;
}

.bg_secondary {
  background-color: #223143;
}

.bg_purple {
  background-color: #886cff;
}

.bg_danger {
  background-color: #de4436;
}

.bg_warning {
  background-color: #FDAC41;
}

.purple_indigo {
  background-color: #663399;
}

.bg_pink {
  background-color: #CB3066;
}

.bg_indigo {
  background-color: #3F51B5;
}

.bg_night_blue {
  background-color: #0C0C3C;
}

.bg_gray {
  background-color: #212121;
}

.bg_gray_blue {
  background-color: #263238;
}

.bg_green {
  background-color: #00C853;
}

.bg_deep_purple {
  background-color: #6200EA;
}

/* End BG Color */
/* End sidemenu area CSS */
/* Main content style */
.main-content {
  width: 100%;
  margin-top: 62px;
  transition: all .50s ease-in-out;
  -webkit-transition: all .50s ease-in-out;
  padding: 30px 30px 0;
  position: relative;
  min-height: calc(100vh - 62px);
  padding-left: 250px;
  overflow: hidden;
}

/* End main content style */
/* Dashboard landing page v.1 style */
.main-content-header {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}

.main-content-header h1 {
  margin: 0;
  font-size: 18px;
  padding-right: 15px;
  float: left;
}

.main-content-header .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}

.main-content-header .breadcrumb a {
  color: #686c71;
}

.main-content-header .breadcrumb a:hover {
  color: #017136;
}

.single-sales-card .card-body {
  padding: 0 !important;
}

.single-sales-card .card-body .icon {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  width: 80px;
  height: 80px;
  padding: 22px;
  border-radius: 4px 0 0 4px;
}

.single-sales-card .card-body .content p {
  color: #fff;
  line-height: 1;
}

.card {
  border-radius: 4px;
  border: none;
}

.card .card-body {
  padding: 25px;
}

.card .card-header {
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  margin-bottom: 20px;
}

.card .card-header::before {
  content: '';
  background: #017136;
  height: 1px;
  width: 30px;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.card .card-header .day {
  background-color: #017136;
  position: absolute;
  bottom: 10px;
  right: 0;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding: 5px 10px 5px 22px;
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 16% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 16% 50%, 0% 0%);
}

.card .card-header .btn {
  font-size: 12px;
  padding: 6px 10px;
  margin-top: -3px;
}

.card .card-title {
  font-size: 16px;
  padding-bottom: 10px;
  padding: 0;
  color: #212529;
  font-weight: bold;text-transform: uppercase;
}

.card .header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  font-weight: 600;
}

.card .header::before {
  right: 0;
  margin: auto;
}

.card .content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 120px;
}

.hide-card-shadow {
  -webkit-box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
          box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
}

.card-dropdown .btn {
  border-radius: 30px;
  font-size: 15px;
  padding: 0 !important;
  line-height: 20px;
  background: #fff;
  color: #017136;
  height: 25px;
  width: 25px;
  margin-top: -5px;
}

.card-dropdown .btn .icon {
  width: 13px;
  height: 13px;
  margin-top: -2px;
}

.card-dropdown .btn:hover {
  background: #017136;
  color: #fff;
}

.card-dropdown .btn:after {
  display: none;
}

.card-dropdown .dropdown-menu {
  left: auto !important;
  right: 0;
  -webkit-transform: inherit !important;
          transform: inherit !important;
  top: 24px !important;
  border-radius: 5px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
}

.card-dropdown .dropdown-item {
  font-size: 13px;
  padding: 0.40rem 1rem;
  white-space: pre-wrap;
  font-weight: 300;
  color: #212529;
}

.card-dropdown .dropdown-item.active, .card-dropdown .dropdown-item:active {
  color: #16181b;
  background-color: #f8f9fa;
}

.card-header .select-month-form {
  position: absolute;
  right: 0;
  bottom: -1px;
}

.card-header .select-month-form .form-control {
  height: 30px;
}

.hover-card {
  -webkit-transition: all .30s ease;
  transition: all .30s ease;
}

.hover-card:hover {
  -webkit-transform: translateY(-4px) scale(1.01);
  transform: translateY(-4px) scale(1.01);
  -webkit-box-shadow: 0 15px 25px rgba(60, 50, 100, 0.1);
          box-shadow: 0 15px 25px rgba(60, 50, 100, 0.1);
}

/* stats card */
.stats-card {
  background-color: #fff;
  padding: 25px;
  position: relative;
  border-radius: 4px;
}

.stats-card h3 {
  margin: 0;
  font-size: 22px;
}

.stats-card h3 .icon {
  width: 18px;
  height: 18px;
  margin-top: -4px;
}

.stats-card p {
  margin: 10px 0 0;
  line-height: 1;
}

.stats-card .stats-icon {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  height: 50px;
  width: 50px;
  border-radius: 30px 0 30px 30px;
  -webkit-transition: .5s;
  transition: .5s;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
}

.stats-card:hover .stats-icon {
  height: 100%;
  border-radius: 0 4px 4px 0;
  width: 70px;
  line-height: 85px;
  font-size: 35px;
}

.stats-card:hover .icon-hover {
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 30px 0 30px 30px;
  font-size: 30px;
}

.purple-card h3 .icon {
  color: #7266ba;
}

.purple-card .stats-icon {
  background: #7266ba;
}

.purple-card .progress .progress-bar {
  background-color: #7266ba !important;
}

.light-blue-card h3 .icon {
  color: #42a5f6;
}

.light-blue-card .stats-icon {
  background: #42a5f6;
}

.light-blue-card .progress .progress-bar {
  background-color: #42a5f6 !important;
}

.success-card h3 .icon {
  color: #7ed320;
}

.success-card .stats-icon {
  background: #7ed320;
}

.success-card .progress .progress-bar {
  background-color: #7ed320 !important;
}

.danger-card h3 .icon {
  color: #f75d81;
}

.danger-card .stats-icon {
  background: #f75d81;
}

.danger-card .progress .progress-bar {
  background-color: #f75d81 !important;
}

/* Stats card style one */
.stats-card-one {
  background-color: #ffffff;
  padding: 25px;
  border-radius: 4px;
}

.stats-card-one h3 {
  margin: 0;
  line-height: 1;
}

/* Stats card two */
.stats-card-two {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 25px;
}

.stats-card-two .avatar {
  font-size: .875rem;
  text-align: center;
  background: #f1f2f3;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
}

.stats-card-two .align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.avatar-blue {
  color: #017136 !important;
  background: rgba(63, 135, 245, 0.1) !important;
}

.avatar-cyan {
  color: #00c9a7 !important;
  background: rgba(0, 201, 167, 0.1) !important;
}

.avatar-gold {
  color: #ffc107 !important;
  background: rgba(255, 193, 7, 0.1) !important;
}

.avatar-purple {
  color: #886cff !important;
  background: rgba(136, 108, 255, 0.1) !important;
}

.avatar-red {
  color: #de4436 !important;
  background: rgba(222, 68, 54, 0.05) !important;
}

.top-rated-products {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.top-rated-products .single-product {
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  padding-left: 80px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 45px;
}

.top-rated-products .single-product img {
  border: 1px solid #f3f3f3;
  width: 65px;
  height: 65px;
  position: absolute;
  left: 0;
  top: 14px;
}

.top-rated-products .single-product .product-title {
  font-size: 13px;
  color: #212529;
  font-weight: 700;
  line-height: 1;
}

.top-rated-products .single-product .product-title:hover {
  color: #017136;
}

.top-rated-products .single-product p {
  margin-bottom: 2px;
  margin-top: 2px;
}

.top-rated-products .single-product .price {
  display: inline-block;
  color: #f75d81;
}

.top-rated-products .single-product .price del {
  color: #baabab;
  padding-right: 5px;
}

.top-rated-products .single-product .rating {
  line-height: 0;
  display: inline-block;
}

.top-rated-products .single-product .rating span {
  color: #ffce00;
  margin-right: 1px;
  font-size: 12px;
}

.top-rated-products .single-product .view-link {
  position: absolute;
  top: 30px;
  right: 10px;
  border: 1px solid #017136;
  color: #017136;
  height: 26px;
  width: 26px;
  text-align: center;
  display: inline-block;
  line-height: 27px;
  border-radius: 30px;
  font-size: 9px;
}

.top-rated-products .single-product .view-link:hover {
  background: #017136;
  color: #fff;
}

.tickets-lists {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 365px;
  overflow-y: auto;
}

.tickets-lists li {
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  padding-left: 65px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 40px;
}

.tickets-lists li img {
  border: 1px solid #f3f3f3;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 11px;
}

.tickets-lists li .product-title {
  font-size: 13px;
  color: #212529;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 3px;
}

.tickets-lists li .product-title:hover {
  color: #017136;
}

.tickets-lists li .date, .tickets-lists li .time {
  color: #686c71;
}

.tickets-lists li .date .icon, .tickets-lists li .time .icon {
  width: 12px;
  height: 12px;
}

.height-365 {
  height: 365px;
  overflow-y: auto;
}

.product-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.product-categories li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 17px;
}

.product-categories li:last-child {
  margin-bottom: 0;
}

.product-categories li::before {
  background-color: #017136;
  content: '';
  border: 1.4px solid #017136;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50px;
}

.product-categories li a {
  color: #686c71;
}

.product-categories li a:hover {
  color: #017136;
}

.table .bg-none {
  background: none;
}

.table .border-none th {
  border-top: none;
  padding-top: 0;
}

.table thead th {
  border-bottom: 2px solid #f6f6f7;
}

.table th {
  font-size: 14px;
}

.table th, .table td {
  border-bottom: 1px solid #f6f6f7;
  border-top: 1px solid #f6f6f7;
  padding: 15px;
}

.table td {
  color: #686c71;
}

.table .badge {
  font-weight: 600;
  padding: 5px 10px;
}

.table strong {
  color: #212529;
  font-size: 13px;
  font-weight: 600;
}

.table a {
  color: #686c71;
}

.table a:hover {
  color: #017136;
}

.table tr.active {
  background: #f3f6f9;
}

.table .bort-none th {
  border-top: none;
}

.table .borpt-0 th {
  padding-top: 0;
}

.table-dark td, .table-dark th, .table-dark thead th {
  border-color: #454d55;
}

.table-striped.light tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.table-striped.light tbody tr:nth-of-type(even) {
  background-color: #f3f6f9;
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
  border: 0;
}

.table-hover tbody tr:hover {
  background-color: #f3f6f9;
}

.table-dark thead {
  background: #212529;
}

.table-dark td {
  color: #fff;
}

/* End dashboard landing page v.1 style */
/* Search result style */
.search-result .single-product {
  border: 1px solid #f6f6f7;
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 45px;
  margin-top: 20px;
  border-radius: 6px;
}

.search-result .single-product img {
  left: 20px;
  top: 18px;
}

.search-result .single-product .view-link {
  top: 35px;
  right: 20px;
}

.page-link {
  color: #017136;
}

.page-link:hover {
  color: #000;
}

.page-item.active .page-link {
  background-color: #017136;
  border-color: #017136;
}

/* End search result style */
/* Notifications page style */
.notifications-card .noti-card-title {
  background: #fff;
  margin: 0;
  padding: 15px 20px;
  border-top: 1px solid #f6f6f7;
  border-left: 1px solid #f6f6f7;
  border-right: 1px solid #f6f6f7;
  font-size: 15px;
}

.notifications-card .list-group .list-group-item {
  border: 1px solid #f6f6f7;
  padding: 15px 15px 15px 40px;
  position: relative;
  font-size: 14px;
}

.notifications-card .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.notifications-card .list-group .list-group-item a {
  font-weight: 500;
  color: #017136;
}

.notifications-card .list-group .list-group-item a:hover {
  text-decoration: underline;
}

.notifications-card .list-group .list-group-item .icon {
  position: absolute;
  left: 15px;
  top: 16px;
  width: 16px;
  height: 16px;
}

.notifications-card .list-group .list-group-item span {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 18px;
}

.notifications-card .list-group .list-group-item .time {
  position: absolute;
  right: 15px;
  top: 17px;
  color: #a1aab2;
  font-size: 13px;
}

.notifications-card .list-group .list-group-item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.notifications-card .list-group .list-group-item ul li {
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
}

.notifications-card .list-group .list-group-item .content {
  padding-top: 10px;
}

.notifications-card .list-group .list-group-item .media {
  padding: 15px;
  border: 1px solid #f6f6f7;
  border-radius: 5px;
}

.status {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.online {
  background: #42b72a;
}

.ofline {
  background: #f62d51;
}

.away {
  background: #ffbc34;
}

/* End Notifications page style */
/* Todo list style */
.todo-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.todo-list ul li {
  position: relative;
  border: 1px solid #f6f6f7;
  padding: 15px 50px 15px 50px;
  border-radius: 10px;
  margin-top: 15px;
}

.todo-list ul li .task {
  font-size: 15px;
  font-weight: 600;
  color: #212529;
}

.todo-list ul li .completed {
  text-decoration: line-through;
  color: cadetblue;
}

.todo-list ul .close-btn {
  background-color: transparent;
  color: #f75d81;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0;
  height: 22px;
  width: 22px;
  font-size: 9px;
  border-radius: 50%;
  line-height: 22px;
}

.add-new-task {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.add-new-task .form-control {
  height: 45px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.add-new-task .btn-primary {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  height: 45px;
}

.control {
  display: block;
  position: absolute;
  cursor: pointer;
  left: 15px;
  top: 12px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control .control-indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 50%;
}

.control input:checked ~ .control-indicator {
  background: #017136;
}

.control-indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control input:checked ~ .control-indicator:after {
  display: block;
}

.control-checkbox .control-indicator:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: 1px solid #e6e6e6;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.todo-list-style-two ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.todo-list-style-two ul li {
  position: relative;
  background: #f5f5f5;
  margin-bottom: 15px;
  padding: 15px 50px 15px 50px;
  border-radius: 3px;
}

.todo-list-style-two ul li:last-child {
  margin-bottom: 0;
}

.todo-list-style-two ul li .task {
  font-size: 15px;
  font-weight: 600;
  color: #212529;
}

.todo-list-style-two ul li .completed {
  text-decoration: line-through;
  color: cadetblue;
}

.todo-list-style-two ul li .close-btn {
  position: absolute;
  right: 10px;
  top: 14px;
  padding: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f75d81;
}

/* End Todo list style */
/* Signup page style */
.auth-main-content { height:100vh; padding:0 15px; }
.auth-box { max-width:750px; margin:30px auto; background:#fff; border-radius:10px; position:relative; -webkit-box-shadow:0 1px 15px rgba(0,0,0,0.04),0 1px 6px rgba(0,0,0,0.04); box-shadow:0 1px 15px rgba(0,0,0,0.04),0 1px 6px rgba(0,0,0,0.04); padding-left:15px; padding-right:15px; }
.auth-box::before { content:''; position:absolute; background:#f6f6f7; height:100%; width:1px; left:0; right:0; margin:auto; top:0; }
.form-left-content { padding:50px 30px 50px 30px; }
.form-left-content .auth-logo { text-align:center; font-size:25px; color:#017136; line-height:1; margin-bottom:20px; max-width:150px; margin:auto; }
.form-left-content .login-links a { display:block; margin-top:15px; line-height:1; padding:10px 15px; border-radius:30px; text-align:center; max-width:230px; margin-left:auto; margin-right:auto; }
.form-left-content .login-links a .icon { width:15px; height:15px; margin-right:5px; margin-top:-2px; }
.form-left-content .login-links a span { padding-right:5px; }
.form-left-content .login-links .fb { background:#3B5998; color:#fff; border:1px solid #3B5998; }
.form-left-content .login-links .fb:hover { border-radius:0; }
.form-left-content .login-links .twi { border:1px solid #3CF; background:#3CF; color:#fff; }
.form-left-content .login-links .twi:hover { border-radius:0; }
.form-left-content .login-links .ema { border:1px solid #DC4A38; background:#DC4A38; color:#fff; }
.form-left-content .login-links .ema:hover { border-radius:0; }
.form-left-content .login-links .linkd { border:1px solid #007bb6; background:#007bb6; color:#fff; }
.form-left-content .login-links .linkd:hover { border-radius:0; }
.form-content { padding:50px 30px 50px 30px; }
.form-content .heading { margin:0 0 20px; position:relative; font-size:20px; border-bottom:1px solid #f6f6f7; padding-bottom:8px; font-weight:bold; }
.form-content .heading::before { content:''; background:#017136; height:1px; width:30px; position:absolute; left:0; bottom:-1px; }
.form-content .form-control { height:40px; border-radius:30px; background-color:#f5f5f5; border:1px solid #f5f5f5; }
.form-content .form-control:focus { border:1px solid #c8c8f1; }
.form-content .btn-primary { border-radius:30px; font-size:14px; padding:13px 20px; line-height:1; width:100%; font-weight:bold; margin-top:5px; }
.form-content .fp-link { display:block; margin-top:15px; max-width:120px; margin-left:auto; margin-right:auto; color:#686c71; }
.form-content .fp-link:hover { color:#017136; text-decoration:underline; }
.auth-bg-image { background-image:url("../img/auth-bg-image.jpg"); background-position:center center; background-attachment:fixed; background-size:cover; }

/* End signup page style */
/* Notes page style */
.notes-card {
  position: relative;
  background-color: #fff;
  padding: 20px;
}

.notes-card p {
  margin: 0;
}

.notes-card ul, .notes-card ol {
  padding-left: 17px;
  margin: 0;
}

.notes-card ul li, .notes-card ol li {
  margin-bottom: 8px;
}

.notes-card ul li:last-child, .notes-card ol li:last-child {
  margin-bottom: 0;
}

.notes-card.primary {
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid #b8daff;
}

.notes-card.primary p {
  color: #004085;
}

.notes-card.secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.notes-card.secondary p {
  color: #383d41;
}

.notes-card.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.notes-card.danger p {
  color: #721c24;
}

.notes-card.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.notes-card.warning p {
  color: #856404;
}

.notes-card.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.notes-card.info p {
  color: #0c5460;
}

.notes-card.light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.notes-card.light p {
  color: #818182;
}

.notes-card.dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.notes-card.dark p {
  color: #1b1e21;
}

.close-notes {
  background: #f75d81;
  border-color: #f75d81;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  border-radius: 0;
}

.notes-content .form-control {
  border-radius: 0;
  border-color: #f6f6f7;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 15px;
  line-height: 26px;
}

.notes-content form {
  position: relative;
}

.notes-content form .btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
}

/* End notes page style */
/* Map style */
.map-content {
  width: 100%;
  height: 500px;
}

.google-map {
  margin-bottom: 30px;
}

.google-map iframe {
  width: 100%;
  height: 750px;
}

/* End map style */
/* Calendar style */
.calendar-content {
  width: 100% !important;
  margin-top: 20px;
}

.calendar-content .Cal__Day__month {
  top: 12px !important;
}

.calendar-content .Cal__Day__day {
  top: 6px !important;
  font-size: 15px !important;
}

.calendar-content .Cal__Today__chevron {
  margin-left: 35px !important;
}

.calendar-content .Cal__Header__date {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: 600;
}

.calendar-content .Cal__Header__root {
  min-height: 100%;
  padding: 30px 20px 20px;
}

/* End Calendar style */
/* List group */
.card-header + .list-group .list-group-item:first-child {
  border-top: 1px solid #ebebeb;
  border-radius: 0;
}

.list-group-item:last-child {
  border-radius: 0;
}

.list-group-item.active h5, .list-group-item.active p {
  color: #fff;
}

/* End List group */
/* Modal style */
.modal-dialog .modal-content {
  border-radius: 0;
}

.modal-dialog .modal-content .modal-header {
  padding: 20px 30px;
}

.modal-dialog .modal-content .modal-header .modal-title {
  font-size: 22px;
  line-height: 1;
}

.modal-dialog .modal-content .modal-body {
  padding: 30px;
}

.modal-dialog .modal-content .modal-footer {
  padding: 20px 30px;
}

.modal-dialog p {
  line-height: 25px;
}

.modal-90w {
  width: 90%;
  max-width: none !important;
}

/* End Modal style */
/* Tab style */
.tab-content p {
  margin-bottom: 10px;
}

.tab-content p:last-child {
  margin: 0;
}

.tabs-style-one .tab-content {
  padding: 20px;
  border-bottom: 1px solid #f6f6f7;
  border-left: 1px solid #f6f6f7;
  border-right: 1px solid #f6f6f7;
}

.tabs-style-one .nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #495057;
}

.tabs-style-two .tab-content {
  padding: 20px;
  border-bottom: 1px solid #f6f6f7;
  border-left: 1px solid #f6f6f7;
  border-right: 1px solid #f6f6f7;
}

.tabs-style-two .nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #495057;
}

.tabs-style-two .nav-tabs .nav-link.active, .tabs-style-two .nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #017136;
  border-color: #017136;
}

.tabs-style-three .tab-content {
  padding: 20px;
  border-bottom: 1px solid #f6f6f7;
  border-left: 1px solid #f6f6f7;
  border-right: 1px solid #f6f6f7;
}

.tabs-style-three .nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #495057;
  border-top: 2px solid transparent;
}

.tabs-style-three .nav-tabs .nav-link:hover {
  border-top: 2px solid #017136;
  border-bottom-color: #fff;
}

.tabs-style-three .nav-tabs .nav-link.active, .tabs-style-three .nav-tabs .nav-item.show .nav-link {
  border-top: 2px solid #017136;
}

.pill-tab .nav {
  border-bottom: 1px solid #f6f6f7;
}

.pill-tab .nav-pills .nav-link {
  border-radius: 0;
  color: #495057;
}

.pill-tab .nav-pills .nav-link:hover {
  color: #017136;
}

.pill-tab .nav-pills .nav-link.active, .pill-tab .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #686c71;
}

.pill-tab .tab-content {
  margin-top: 20px;
}

.vertical-pills-tab .nav-pills .nav-link {
  border-radius: 0;
  color: #495057;
}

.vertical-pills-tab .nav-pills .nav-link:hover {
  color: #017136;
}

.vertical-pills-tab .nav-pills .nav-link.active, .vertical-pills-tab .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #017136;
}

.vertical-pills-tab .tab-content {
  padding: 20px;
  border: 1px solid #eee;
}

/* End Tab style */
/* Inbox style */
.inbox-main-sidebar .nav-pills {
  margin-top: 20px;
  background-color: #fff;
  height: 665px;
  overflow-y: auto;
}

.inbox-main-sidebar .nav-pills .nav-link {
  border-radius: 0px;
  color: #47404f;
  display: inline-block;
  font-weight: 600;
}

.inbox-main-sidebar .nav-pills .nav-link:hover {
  color: #017136;
  background-color: #fff;
}

.inbox-main-sidebar .nav-pills .nav-link .fr {
  font-size: 13px;
}

.inbox-main-sidebar .nav-pills .nav-link.active {
  color: #fff;
  background-color: #017136;
}

.inbox-content-wrap {
  background: #fff;
}

.inbox-content-wrap .tab-pane {
  position: relative;
}

textarea.form-control {
  line-height: 22px;
}

.mail-item-nav {
  border-right: 1px solid #eee;
  height: 720px;
  overflow-y: auto;
}

.mail-item-nav .nav-pills .nav-link {
  border-radius: 0;
  border-bottom: 1px solid #eee;
  padding: 20px 15px;
  position: relative;
  overflow: hidden;
}

.mail-item-nav .nav-pills .nav-link:hover {
  background-color: #fafafa;
}

.mail-item-nav .nav-pills .nav-link:hover::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(-45deg);
  bottom: 0;
}

.mail-item-nav .nav-pills .nav-link img {
  position: absolute;
}

.mail-item-nav .nav-pills .nav-link .info {
  padding-left: 40px;
}

.mail-item-nav .nav-pills .nav-link .info .name {
  line-height: 1;
  color: #2a2a2a;
  font-size: 14px;
  font-weight: bold;
}

.mail-item-nav .nav-pills .nav-link .info p {
  color: #47404f;
  margin: 6px 0 0;
  line-height: 1;
  font-size: 13px;
}

.mail-item-nav .nav-pills .nav-link .info .date {
  right: 15px;
  position: absolute;
  top: 20px;
  color: #686c71;
  font-size: 11px;
  line-height: 1;
}

.mail-item-nav .nav-pills .nav-link.active {
  background-color: #fafafa;
}

.mail-item-nav .nav-pills .nav-link.active::before {
  content: '';
  position: absolute;
  right: -18px;
  background: #017136;
  height: 15px;
  width: 40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(-45deg);
  bottom: 0;
}

.email-details-warp {
  height: 720px;
  overflow-y: auto;
  padding: 30px 30px 30px 0;
  position: relative;
}

.email-details-warp .name {
  font-weight: bold;
  color: #202020;
}

.email-details-warp p {
  color: #686c71;
}

.email-details-warp .inbox-topbar {
  position: absolute;
  top: 30px;
  right: 30px;
}

.email-details-warp .inbox-topbar .btn {
  border-radius: 30px;
  padding: 7px 15px;
  font-size: 13px;
}

/* End Inbox style */
/* Marketing content */
.marketing-content .list { position:relative; padding-left:50px; margin-bottom:18.6px; border-bottom:1px solid #eee; padding-bottom:18.6px; }
.marketing-content .list:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0; }
.marketing-content .list > .icon { width:35px; height:35px; color:#fff; padding:8px; position:absolute; left:0; top:0; border-radius:2px; }
.marketing-content .list .fb { background:#4267b2; }
.marketing-content .list .ins { background:#A1755C; }
.marketing-content .list .twi { background:#1da1f2; }
.marketing-content .list .lin { background:#0077B5; }
.marketing-content .list .ytb { background:#ff0000; }
.marketing-content .list .gh { background:#017136; }
.marketing-content .list h3 { margin:0; font-size:13px; }
.marketing-content .list h3 a { color:#47404f; }
.marketing-content .list h3 a:hover { color:#017136; }
.marketing-content .list p { margin:7px 0 0; line-height:1; font-size:12px; }
.marketing-content .list .stats { position:absolute; right:0; top:0; }
.marketing-content .list .stats .icon { width:14px; height:14px; margin-right:8px; }
.marketing-content.custom{height: 380px; overflow: auto; padding-right: 10px;}
.marketing-content.custom .list{padding-left: 0; margin-bottom: 8px; padding-bottom: 8px;}
.marketing-content.custom-level{}
.marketing-content.custom-level .list{padding-left: 0; margin-bottom: 20px;font-size: 20px;}
.marketing-content.custom-level .list .banner{width: 85px; margin-right: 20px;}
.marketing-content.custom-level .list .banner img{height: 65px; border-radius: 10px; overflow: hidden;}
.marketing-content.custom-level .list .content-sm{ font-weight: bold;}
.marketing-content.custom-level .list .content-sm .desc{margin-right: 20px;}
.marketing-content.custom-level .list .content-sm .full-nam-sm{margin-right: 20px;}


/* End Marketing content */
/* New customer card */
.new-customer {
  position: relative;
  padding-left: 55px;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.new-customer:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.new-customer .profile {
  position: absolute;
  left: 0;
  top: 10px;
}

.new-customer .profile img {
  width: 40px;
  height: 40px;
}

.new-customer .price {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 14px;
  font-weight: 500;
}

.new-customer h5 {
  padding-top: 2px;
}

/* End new customer card */
/* Search contact */
.search-contact {
  padding: 15px;
  border-bottom: 1px solid #eee;
}

.search-contact .form-control {
  height: 41px;
  background-color: #ffffff;
}

.chat-header {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
  margin-right: 30px;
}

.chat-details-warp {
  padding: 30px 30px 110px 0;
}

.chat-list-right {
  position: relative;
  padding-right: 60px;
  margin-bottom: 20px;
}

.chat-list-right > img {
  position: absolute;
  right: 0;
  top: 0;
}

.chat-list-right .chat-details {
  background: #eeeef8;
  position: relative;
  padding: 20px 20px 10px;
  border-radius: 10px 0px 10px 10px;
}

.chat-list-right .chat-details::before {
  position: absolute;
  content: "";
  top: 14px;
  right: -5px;
  background: 0 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent transparent #fafafa;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.chat-list-right .chat-details .name {
  font-size: 14px;
  margin-bottom: 5px;
}

.chat-list-right .chat-details .date {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #686c71;
  font-size: 12px;
}

.chat-list-left {
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px;
}

.chat-list-left > img {
  position: absolute;
  left: 0;
  top: 0;
}

.chat-list-left .chat-details {
  background: #ededed;
  position: relative;
  padding: 20px 20px 10px;
  border-radius: 0px 10px 10px 10px;
}

.chat-list-left .chat-details::before {
  position: absolute;
  content: "";
  top: 14px;
  left: -5px;
  background: 0 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent transparent #fafafa;
  -webkit-transform: rotate(-135deg);
  transform: rotate(45deg);
}

.chat-list-left .chat-details .name {
  font-size: 14px;
  margin-bottom: 5px;
}

.chat-list-left .chat-details .date {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #686c71;
  font-size: 12px;
}

.chat-box {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
}

.chat-box form {
  position: relative;
}

.chat-box form ul {
  position: absolute;
  right: 20px;
  top: 20px;
}

.chat-box form .form-control {
  padding: 15px 20px;
  font-size: 14px;
}

/* End Search contact */
/* Order stats card */
.order-stats-card {
  position: relative;
}

.order-stats-card h3 {
  margin: 0;
  font-size: 13px;
}

.order-number-stats {
  text-align: center;
}

.order-number-stats .number {
  font-size: 18px;
}

.order-number-stats p {
  margin: 0;
  line-height: 1;
}

/* End order stats card */
/* Visitor stats card */
.visitor-stats {
  background-color: #fff;
  padding: 20px;
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  text-align: center;
}

.visitor-stats h3 {
  margin: 0;
  font-size: 22px;
}

.visitor-stats p {
  margin: 5px 0 10px;
  line-height: 1;
}

.visitor-stats p .icon {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}

/* End visitor stats card */
/* Profile page style */
.profile-header {
  background-color: #fff;
  padding: 30px;
  text-align: center;
  -webkit-box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
          box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
  border-radius: 4px;
}

.profile-header .name {
  margin: 0;
  font-size: 20px;
}

.profile-header p {
  margin: 5px auto 0;
  max-width: 690px;
  line-height: 22px;
}

.profile-header .profile-stats a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 8px;
  margin-right: 8px;
  color: #686c71;
}

.profile-header .profile-stats a strong {
  color: #000;
}

.profile-header .profile-stats a:hover strong {
  color: #017136;
}

.profile-left-content .info {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.profile-left-content .info li {
  line-height: 22px;
  position: relative;
  color: #686c71;
  padding-left: 20px;
  margin-bottom: 10px;
}

.profile-left-content .info li:last-child {
  margin-bottom: 0;
}

.profile-left-content .info li .icon {
  width: 14px;
  height: 14px;
  color: #000;
  position: absolute;
  left: 0;
  top: 3px;
}

.profile-middle-content {
  background-color: #fff;
  -webkit-box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
          box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
  border-radius: 4px;
}

.post-card {
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.post-card .media-body h5 {
  font-size: 15px;
  margin-bottom: 5px;
  line-height: 22px;
}

.post-card .media-body h5 a {
  color: #47404f;
}

.post-card .media-body h5 a:hover {
  color: #017136;
}

.post-card .media-body p {
  margin: 0 0 10px;
}

.post-card .feed-back a {
  color: #686c71;
  margin-right: 15px;
  border-right: 1px solid #eee;
  padding-right: 10px;
}

.post-card .feed-back a:hover {
  color: #017136;
}

.post-card .feed-back a:last-child {
  border-right: none;
  padding-right: 0;
}

.post-card .feed-back a .icon {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  margin-top: -2px;
}

.profile-right-content .media {
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.profile-right-content .media:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.profile-right-content .media-body h5 {
  margin: 0 0 8px;
  font-size: 14px;
}

.profile-right-content .media-body h5 a {
  color: #47404f;
}

.profile-right-content .media-body h5 a:hover {
  color: #017136;
}

.profile-right-content .media-body .btn {
  font-size: 10px;
  padding: 5px 12px;
}

/* Profile page style */
.profile-settings-form {
  padding: 30px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
          box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
  max-width: 800px;
  margin: auto;
}

/* Users card */
.single-user-card {
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  -webkit-box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
          box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
}

.single-user-card img {
  background-color: #e0e0e0;
  height: 120px;
  width: 120px;
}

.single-user-card h4 {
  font-size: 18px;
}

.single-user-card p {
  margin-top: 2px;
}

.single-user-card .social-links a {
  display: inline-block;
  margin: 0 5px;
  color: #686c71;
}

.single-user-card .social-links a:hover {
  color: #017136;
}

.single-user-card .social-links a .icon {
  width: 15px;
  height: 15px;
}

.single-user-card .user-card-foot {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #eee;
  overflow: hidden;
}

.single-user-card .user-card-foot li {
  float: left;
  width: 33.33%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  color: #686c71;
}

.single-user-card .user-card-foot li span {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #47404f;
  margin-top: 2px;
}

.single-user-card .user-card-foot .bor-lr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.octagon-style {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.nonagon-style {
  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.bevel-style {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

/* End Users card */
/* TimeLine Style */
.timeline-centered {
  position: relative;
  margin-bottom: 30px;
}

.timeline-centered:before, .timeline-centered:after {
  content: "";
  display: table;
}

.timeline-centered:after {
  clear: both;
}

.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #fff;
  left: 50%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}

.timeline-centered .timeline-card {
  position: relative;
  width: 50%;
  float: right;
  margin-bottom: 40px;
  clear: both;
}

.timeline-centered .timeline-card:before, .timeline-centered .timeline-card:after {
  content: " ";
  display: table;
}

.timeline-centered .timeline-card:after {
  clear: both;
}

.timeline-centered .timeline-card:before, .timeline-centered .timeline-card:after {
  content: " ";
  display: table;
}

.timeline-centered .timeline-card:after {
  clear: both;
}

.timeline-centered .timeline-card.begin {
  margin-bottom: 0;
}

.timeline-centered .timeline-card.left-aligned {
  float: left;
}

.timeline-centered .timeline-card.left-aligned .timeline-body {
  margin-left: 0;
  margin-right: -18px;
}

.timeline-centered .timeline-card.left-aligned .timeline-body .time {
  left: auto;
  right: -100px;
  text-align: left;
  color: #212529;
}

.timeline-centered .timeline-card.left-aligned .timeline-body .timeline-icon {
  float: right;
}

.timeline-centered .timeline-card.left-aligned .timeline-body .timeline-label {
  margin-left: 0;
  margin-right: 70px;
}

.timeline-centered .timeline-card.left-aligned .timeline-body .timeline-label:after {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.timeline-centered .timeline-card .timeline-body {
  position: relative;
  margin-left: -22px;
}

.timeline-centered .timeline-card .timeline-body:before, .timeline-centered .timeline-card .timeline-body:after {
  content: " ";
  display: table;
}

.timeline-centered .timeline-card .timeline-body:after {
  clear: both;
}

.timeline-centered .timeline-card .timeline-body:before, .timeline-centered .timeline-card .timeline-body:after {
  content: " ";
  display: table;
}

.timeline-centered .timeline-card .timeline-body:after {
  clear: both;
}

.timeline-centered .timeline-card .timeline-body .time {
  position: absolute;
  left: -100px;
  text-align: right;
  color: #212529;
}

.timeline-centered .timeline-card .timeline-body .time > span {
  display: block;
}

.timeline-centered .timeline-card .timeline-body .time > span:first-child {
  font-size: 15px;
  font-weight: 600;
}

.timeline-centered .timeline-card .timeline-body .time > span:last-child {
  font-size: 12px;
  color: #686c71;
}

.timeline-centered .timeline-card .timeline-body .timeline-icon {
  background: #fff;
  color: #737881;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  text-align: center;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff;
  line-height: 40px;
  font-size: 15px;
  float: left;
}

.timeline-centered .timeline-card .timeline-body .timeline-label {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  padding: 1.7em;
  margin-left: 70px;
  border-radius: 4px;
}

.timeline-centered .timeline-card .timeline-body .timeline-label:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  top: 10px;
  margin-left: -9px;
}

.timeline-centered .timeline-card .timeline-body .timeline-label h3 {
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 25px;
}

.timeline-centered .timeline-card .timeline-body .timeline-label p {
  margin-top: 5px;
  margin-bottom: 0;
}

.timeline-icon.bg-purple {
  background-color: #7266ba !important;
  color: #fff;
}

.timeline-icon.bg-purple .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-primary {
  background-color: #017136;
  color: #fff;
}

.timeline-icon.bg-primary .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-secondary {
  background-color: #ee4749;
  color: #fff;
}

.timeline-icon.bg-secondary .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-success {
  background-color: #7ed320;
  color: #fff;
}

.timeline-icon.bg-success .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-info {
  background-color: #21a9e1;
  color: #fff;
}

.timeline-icon.bg-info .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-warning {
  background-color: #fad839;
  color: #fff;
}

.timeline-icon.bg-warning .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

.timeline-icon.bg-danger {
  background-color: #f75d81;
  color: #fff;
}

.timeline-icon.bg-danger .icon {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

/* End TimeLine Style */
/* Invoice Template */
.invoice-template {
  background: #fff;
  padding: 30px;
}

.invoice-template .invoice-header {
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.invoice-template .invoice-header h3 {
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
}

.invoice-template .invoice-header p {
  color: #47404f;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  font-size: 18px;
}

/* End Invoice Template */
/* Error page design */
.error-content {
  padding: 30px;
  text-align: center;
  height: 100vh;
}

.error-content .icon {
  width: 50px;
  height: 50px;
  color: #686c71;
}

.error-content h1 {
  font-size: 100px;
  font-weight: bolder;
}

.error-content h3 {
  margin: 0;
}

.error-content p {
  margin: auto;
  max-width: 500px;
}

.error-content .back-link {
  background-color: #017136;
  color: #fff;
  display: inline-block;
  border: 1px solid #017136;
  padding: 10px 30px;
  border-radius: 100px;
  margin-top: 30px;
}

.error-content .back-link:hover {
  background-color: #333;
  border-color: #333;
}

/* End error page design */
/* Map Style */
.map-height-500 {
  height: 500px;
}

.jvectormap-container {
  padding: 20px;
}

/* End Map Style */
/* Accordion style  */
.faq-accordion .accordion {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.faq-accordion .accordion .accordion-item .accordion-title {
  position: relative;
  color: #02024f;
  font-size: 16px;
  padding: 12px 20px 12px 65px;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #ebebee;
}

.faq-accordion .accordion .accordion-item .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  background: #017136;
  color: #fff;
  height: 100%;
  line-height: 50px;
  width: 50px;
  text-align: center;
}

.faq-accordion .accordion .accordion-item .accordion-title.active {
  border-bottom: 1px solid #eee;
}

.faq-accordion .accordion .accordion-item .accordion-title.active i::before {
  content: "\E957";
}

.faq-accordion .accordion .accordion-item .accordion-content {
  display: none;
  padding: 25px;
  font-size: 15px;
  color: #686c71;
}

.faq-accordion .accordion .accordion-item .accordion-content p {
  margin-bottom: 10px;
}

.faq-accordion .accordion .accordion-item .accordion-content.show {
  display: block;
}

/* End accordion style  */
/* Icon preview style */
.icon-preview {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}

.icon-preview span {
  padding-left: 10px;
  font-size: 15px;
  color: #777;
  position: absolute;
  margin-top: 2px;
}

/* End Icon preview style */
/* Switch Button */
.side-menu-switch {
  z-index: 5;
}

.side-menu-switch .switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
  margin: 0;
}

.side-menu-switch .switch input {
  display: none;
}

.side-menu-switch .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2c2f48;
  -webkit-transition: .4s;
  transition: .4s;
}

.side-menu-switch .switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  background-color: white;
  top: 3px;
  transition: .4s;
  -webkit-transition: .4s;
}

.side-menu-switch .switch input.light:checked + .slider {
  background-color: #fff;
}

.side-menu-switch .switch input.light:checked + .slider:before {
  background-color: #017136;
}

.side-menu-switch .switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}

.side-menu-switch .switch .slider.round {
  border-radius: 30px;
  -webkit-box-shadow: 0 0 8px #ddd;
          box-shadow: 0 0 8px #ddd;
}

.side-menu-switch .switch .slider.round:before {
  border-radius: 50%;
}

/* End Switch Button */
/* Pricing Table style */
.pricing-table {
  background: #fff;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.pricing-table svg {
  display: block;
  margin-left: -1px;
}

.pricing-table .price {
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 55px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0;
  top: 50%;
  transform: translateY(-70%);
  -webkit-transform: translateY(-70%);
}

.pricing-table .price span {
  display: block;
  font-size: 15px;
  font-weight: 300;
  padding-left: 60px;
}

.pricing-table .pricing-content {
  padding: 40px 0 30px;
  position: relative;
}

.pricing-table .title {
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.pricing-table .pricing-content ul {
  padding: 0;
  margin: 20px 0;
  list-style-type: none;
}

.pricing-table .pricing-content ul li {
  font-size: 15px;
  line-height: 40px;
  border-top: 1px solid #eee;
  color: #656565;
}

.pricing-table .signup {
  display: inline-block;
  padding: 8px 50px;
  border-radius: 20px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* End Pricing Table style */
/* Footer Style */
.footer {
  background: #fff;
  padding: 15px 30px;
  text-align: center;
  -webkit-clip-path: polygon(1% 0, 99% 0, 100% 100%, 0% 100%);
  clip-path: polygon(1% 0, 99% 0, 100% 100%, 0% 100%);
  border-radius: 30px 30px 0 0;
}

.footer p {
  margin: 0;
  color: #5a5151;
  text-transform: capitalize;
}

.footer p a {
  color: #017136;
}

.footer p a:hover {
  text-decoration: underline;
}

/* End Footer Style */
.tooltip > .tooltip-inner {
  font-size: 10px;
  border-radius: 0;
}

/* Gallery Style */
.gallery-content .single-image {
  margin-bottom: 30px;
}

.gallery-content img {
  width: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.gallery-toggles > .btn, .gallery-toggles > .btn-group {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .docs-collapse {
    display: block;
  }
}

.gallery-buttons > .btn-group, .gallery-buttons > .input-group {
  width: 100%;
  margin-bottom: 5px;
}

.gallery-buttons .input-group-btn {
  width: 50%;
}

.gallery-buttons .input-group-btn .btn {
  width: 100%;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}

/* End Gallery Style */
/* Lineicons list */
.lineicons-list {
  padding: 0;
  margin: 0 -15px;
  list-style-type: none;
  overflow: hidden;
}

.lineicons-list li {
  width: 25%;
  float: left;
  padding: 0 15px;
  margin-bottom: 1.5rem;
}

.lineicons-list .icon-box {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}

.lineicons-list .icon-box i {
  font-size: 20px;
  color: #47404f;
}

.lineicons-list .icon-box span {
  padding-left: 10px;
  font-size: 15px;
  color: #777;
  position: absolute;
}

/* End Lineicons list */
/* apexcharts canvas */
.apexcharts-canvas {
  width: 100% !important;
}

.apexcharts-canvas svg {
  width: 100%;
}

.apexcharts-canvas foreignObject {
  width: 100%;
}

/* End apexcharts canvas */
/* Preloader */
.preloader {
  background-color: #017136;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  text-align: center;
}

.preloader .loader {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: auto;
  position: relative;
  border: 4px solid #fff;
  -webkit-animation: loader 2s infinite ease;
          animation: loader 2s infinite ease;
}

.preloader .loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  -webkit-animation: loader-inner 2s infinite ease-in;
          animation: loader-inner 2s infinite ease-in;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}

/* End Preloader */
/* Back To Top */
#toTop { position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; } 
#toTop img{height: 20px; background-color: #017136; color: #fff; display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; font-size: 13px;}

/* End Back To Top */
/* Color customizer modal */
.customizer-toggle {
  background-color: #017136;
  position: fixed;
  top: 80px;
  right: 0;
  color: #fff;
  width: 36px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
}

.customizer-toggle .icon {
  width: 18px;
}

.color-customizer-modal .modal-header {
  border-bottom-color: #017136;
  background-color: #017136;
  border-radius: 0;
  padding: 30px 30px !important;
}

.color-customizer-modal .modal-header .modal-title {
  color: #fff;
  font-size: 20px !important;
}

.color-customizer-modal .modal-header .close {
  position: absolute;
  right: 20px;
  top: 16px;
  opacity: 1;
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: normal;
  font-size: 22px;
}

.color-customizer-modal .color-content {
  border-bottom: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.color-customizer-modal .color-content:first-child {
  padding-top: 0;
}

.color-customizer-modal .color-content h5 {
  margin: 0 0 5px;
  font-size: 15px;
}

.color-customizer-modal .color-content p {
  margin-bottom: 10px;
}

.color-customizer-modal .color-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.color-customizer-modal .color-content ul li {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 30px;
  margin-right: 5px;
  cursor: pointer;
  margin-top: 5px;
}

.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border: none;
}

.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal-backdrop.show {
  opacity: .3;
}

/* End Color customizer modal */
/* Analytics card */
.analytics-card {
  position: relative;
  border-bottom: 1px solid #eeeef8;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 0;
  padding-left: 0;
}

.analytics-card:last-child {
  border-bottom: none;
  padding-bottom: 5px;
}

.analytics-activity-card {
  position: relative;
  padding-left: 70px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eeeef8;
}

.analytics-activity-card:nth-child(2) {
  padding-top: 15px;
}

.analytics-activity-card:nth-child(2) .avatar {
  top: 8px;
}

.analytics-activity-card:last-child {
  border-bottom: none;
  padding-bottom: 21px;
}

.analytics-activity-card .avatar {
  position: absolute;
  left: 0;
  top: 17px;
  font-size: .875rem;
  text-align: center;
  background: #f1f2f3;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
}

/* End Analytics card */
#apex-basic-area-chart {
  min-height: 100% !important;
}

#order-summary {
  min-height: 100% !important;
}

#visitors-overview {
  min-height: 100% !important;
}

#total-sales-chart {
  min-height: 100% !important;
}

.mh-100 {
  min-height: 100% !important;
}

/* Time Line */
.timeline .timeline-list {
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}

.timeline .timeline-list:last-child {
  margin-bottom: 0;
}

.timeline .timeline-list::before {
  content: "";
  position: absolute;
  left: 20px;
  height: 100%;
  width: 2px;
  border-left: 2px dashed #eee;
  top: 0;
}

.timeline .timeline-list .timeline-icon {
  background-color: #f3f3f3;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 5;
}

.timeline .timeline-list p {
  margin: 0;
}
/*# sourceMappingURL=styles.css.map */


/* ------- PAGE NETWORK ------------------------------------------------- */
.block-tree{overflow: auto; padding-bottom: 30px; position: relative; min-height: 500px; overflow: auto;}
.tree-user-main{font-size: 20px; color: #017136; font-weight: bold; display: inline-block; padding-right: 15px;}
.tree-desc{color: #017136;}
.jstree-default .jstree-hovered, .jstree-default .jstree-clicked{background: #e2e2e2;}
.jstree-icon.jstree-themeicon{background: transparent; width: 0!important;}

.block-content-tree{position: absolute; right: 0; padding-right: 30px; padding-top: 50px;}
.block-content-tree .text-time{color: #017136; margin-bottom: 25px;}
.block-content-tree .time{margin-bottom: 25px;}
@media(max-width: 1024px){
    .block-content-tree{position: static; padding-top: 0; margin-bottom: 30px; padding-right: 0;padding-left: 55px;}
    .block-content-tree .text-time{margin-bottom: 10px;}
    .block-content-tree .time{margin-bottom: 0;}
}

.custom-title-network{position: relative;}
.custom-title-network .action-right .s-control{height: 38px; padding-right: 50px;}
.custom-title-network .action-right{position: absolute; right: 0; top: -12px; min-width: 150px;}
.custom-title-network .action-right .btn-copy{position: absolute; height: 38px; right: 0; top: 2px;}
.btn-member-sm{padding: 0 2px; height: 24px; background: #ebebeb; margin-left: 5px;}
.btn-member-sm img{height: 16px;}
.btn-member-sm:hover, .btn-member-sm:focus{background: #017136; color: #fff;}

.tree-user-sm{display: inline-block; margin-right: 10px;}
.img-user-teree{height: 16px; vertical-align: baseline;}

/* ------- BLOCK-TOTAL-BOTTOM ------------------------------------------------- */
.block-total-bottom{background: #01713633; margin-top: 40px; min-height: 160px; padding-left: 10px; padding-right: 10px; border-radius: 5px; font-weight: bold;font-size: 20px;}
.block-total-bottom .d-flex{width: 100%; max-width: 350px; color: #006643; font-weight: bold;}
.pro-info{max-width: 800px; min-width: 200px;}
.pro-info img{width: 80px; height: 80px; margin-right: 10px;}
.price-icon img{height: 22px; margin-left: 5px; margin-right: 5px;}
.table-custom-main .text-main{font-weight: bold; color: #017136; font-size: 18px;}

/* CONTROL-NUMBER */
.control-number.number{display: inline-block; border: 1px solid #6d757d; width: 105px; font-size: 16px; border-radius: 0px; overflow: hidden; height: 30px;} 
.control-number.number .minus, .control-number .plus{ padding: 0; display: inline-block; vertical-align: top; text-align: center; width: 25px; height: 30px;  border: 0;  border-radius: 0; line-height: 30px;}
.control-number.number .minus:hover, .control-number .plus:hover{background: #EAE9E9;}
.control-number.number .minus{border-right: 1px solid #6d757d;      font-size: 20px;   float: left;}
.control-number .plus{border-left: 1px solid #6d757d; float: right;}
.control-number.number input{ text-align: center; display: inline-block; vertical-align: top; height: 30px; border: 0; border-radius: 0; font-size: 16px; width: 50px; }
.control-number.number input:focus{box-shadow: none; outline: none;}
.control-number.number .minus:hover, .control-number .plus:hover{    background: #e6e6e6;}

.title-order h3.custom{color: #444444; font-weight: bold; font-size: 20px;}

/* ----------- PAGE NETWORK -------------------------------------- */
.box-nav-network{}

.default-binary .row{margin-left: 0px; margin-right: 0px;}
.default-binary [class*="col-"]{padding-left: 0px!important; padding-right: 0px!important;}

.default-binary .username-main{ margin-top: 5px; font-size: 12px; margin-bottom: 5px; height: 24px;}
.default-binary .username-main a{font-size: 14px; font-weight: 600; color: #BCB5B5;}
.default-binary .username-main a:hover{    color: #E2B339; text-decoration: underline;}

.default-binary { max-width: 935px; display: block; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 60px;} 
.default-binary .binary-btn-top { margin-bottom: 30px; } 
.default-binary .binary-btn-bottom { margin-top: 100px; } 
.default-binary .marg-line-top { text-align: center; max-width: 470px; margin: auto auto 5px;}

.default-binary .binary2 .marg-line { text-align: center; max-width: 230px; margin: auto auto 5px; } 
.default-binary .binary3 .marg-line { text-align: center; max-width: 128px; margin: auto auto 5px; } 
.default-binary .defautl-bg-icon { text-align: center; margin-left: auto; margin-right: auto; position: relative; }
.default-binary .defautl-bg-icon img.tree-icon-packag { width: 68px; height: 68px; border-radius: 100%; }

.default-binary .defautl-bg-icon:hover .name a, .default-binary .defautl-bg-icon:focus .name a { color: #f19600; } 
.default-binary .defautl-bg-icon:hover .lr-show, .default-binary .defautl-bg-icon:focus .lr-show { display: block; } 
.default-binary .defautl-bg-icon .lr-show { display: none; } 
.default-binary .marg-icon1, .default-binary .marg-icon2, .default-binary .marg-icon3, .default-binary .marg-icon4 { position: relative; height: 98px; }
button.btn-gold { border: 0px; background: #b57409 !important; color: #fff !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; } 
button.btn-gold:hover { background: #ffb02d !important; }



/* ---------------- */
.tooltip-main{position: relative; background: #FFAE00; color: #fff; max-width: 290px; border-radius: 15px; padding: 15px; font-size: 11px;}
.tooltip-main .username{font-size: 14px; font-weight: bold; margin-bottom: 6px;}
.tooltip-main .to-title-item{margin-bottom: 7px; font-size: 14px;}
.tooltip-main .to-content .to-item .to-text{min-width: 37px;}
.tooltip-main .row.line-left{margin: 0;}
.tooltip-main .row.line-left .col-6{border-right: 1px solid rgba(255, 255, 255, 0.31);padding: 0;}
.tooltip-main .row.line-left .col-6:last-child{border-right:0px;}
.tooltip-main .row.line-left .col-6:last-child{padding-left: 25px;}

.tooltip.show{padding: 0px!important; opacity: 1;}
.tooltip .tooltip-inner{max-width: 100%; padding: 0; background: transparent!important; border: 0; text-align: left; min-width: 290px; padding-top: 5px; padding-bottom: 5px;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{    border-bottom-color: #FFAE00;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{    border-top-color: #FFAE00;}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{    border-left-color: #FFAE00;}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{    border-right-color: #FFAE00;}

@media only screen and (max-width: 1280px){ 
    .icon-left-bottom{ display: none; } 
}
@media only screen and (min-width: 1200px) and (max-width: 1350px){ 
    .default-binary{ max-width: 935px; } 
    .binary1 .marg-line-top img{ width: 485px; } 
    .binary2 .marg-line img{ width: 245px; } 
    .binary3 .marg-line img{ width: 130px; } 
}    
@media only screen and (min-width: 1023px) and (max-width: 1200px){ 
    .default-binary{ max-width: 935px; } 
    .binary1 .marg-line-top img{ width: 485px; } 
    .binary2 .marg-line img{ width: 245px; } 
    .binary3 .marg-line img{ width: 130px; } 
}    
@media only screen and (min-width: 767px) and (max-width: 1023px){ 
    .default-binary{ max-width: 681px; } .binary1 .marg-line-top img{ width: 356px; } 
    .binary2 .marg-line img{ width: 180px; } .binary3 .marg-line img{ width: 90px; } 
}    	
@media only screen and (max-width: 767px){ 
    button.btn-tg-btn-pink{ font-size: 8px; padding: 5px; } 
}    
@media only screen and (min-width: 567px) and (max-width: 767px){ 
    .default-binary{ max-width: 521px; } 
    .binary1 .marg-line-top img{ width: 271px; } 
    .binary2 .marg-line img{ width: 140px; } 
    .binary3 .marg-line img{ width: 73px; } 
    .default-binary .defautl-bg-icon{ width: 60px; height: 60px; } 
    .default-binary .defautl-bg-icon img.tree-icon-packag{width: 60px; height: 60px;}
    .default-binary .defautl-bg-icon .name{ font-size: 25%; } 
}
@media only screen and (min-width: 240px) and (max-width: 567px){ 
    .default-binary{ max-width: 273px; } 
    .binary1 .marg-line-top img{ width: 140px; } 
    .binary2 .marg-line img{ width: 70px; } 
    .binary3 .marg-line img{ width: 38px; } 
    .default-binary .marg-icon1, .default-binary .marg-icon2, .default-binary .marg-icon3, .default-binary .marg-icon4{    height: 52px;}
    .default-binary .defautl-bg-icon{ width: 30px; height: 30px; } 
    .default-binary .defautl-bg-icon img.tree-icon-packag{width: 25px; height: 25px; }
    .default-binary .defautl-bg-icon .name{ font-size: 25%; } 
}
@media(max-width: 900px){
    .box-nav-network #n-nav-right, .box-nav-network #n-nav-left{    top: 35%;}
}
@media(max-width: 600px){
    .network-serch{position: static; margin: auto; margin-bottom: 30px;}
    .box-nav-network{    padding-bottom: 30px;}
    .default-binary .username-main a{    font-size: 4px;}
    .default-binary .username-main{    font-size: 5px;    height: 24px;}
    .binary-nav{padding-top: 50px;}
}
/* ---------------- */
.binary-form{position: absolute; left: 0; right: 0; width: 250px; margin: auto; z-index: 1;}
@media(max-width: 767px){ .binary-btn-bottom .btn{    font-size: 12px;} .binary-form{position: static; width: 100%; margin-bottom: 10px;} }

  
.form-search-member{position: relative; max-width: 275px; margin: auto;    padding-right: 24px;}
.form-search-member .btn{background: transparent; border: 0; box-shadow: none; position: absolute; right: 0; bottom: 0; padding: 0;}
.form-search-member .btn img{    height: 24px;}

.binary-nav{position: relative;}
.b-icon-left{position: relative; margin: 0; color: #fff; border: 0; min-width: 155px; background: #070822; line-height: 40px; padding: 0 15px; text-align: center; border-radius: 6px;}
.b-icon-left:hover, .b-icon-left:focus{    
    background: -moz-linear-gradient(90deg, #DEAE42 0%, #F7D206 100%, #EE82EE 100%); background: -webkit-linear-gradient( 90deg , #DEAE42 0%, #F7D206 100%, #EE82EE 100%); background: -o-linear-gradient(90deg, #DEAE42 0%, #F7D206 100%, #EE82EE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee82ee', endColorstr='#DEAE42', GradientType=0 ); background: -ms-linear-gradient(90deg, #DEAE42 0%, #F7D206 100%, #EE82EE 100%); background: linear-gradient( 90deg , #DEAE42 0%, #F7D206 100%, #EE82EE 100%);
    color: #000;
}
.binary-nav .b-top-left{position: absolute; left: 0; top: 0;}
.binary-nav .b-top-right{position: absolute; right: 0; top: 0;}
.binary-nav .b-bottom-left{position: absolute; left: 0; bottom: 0;}
.binary-nav .b-bottom-right{position: absolute; right: 0; bottom: 0;}
@media(min-width: 600px){
    .b-icon-left{    min-width: 100px;}
}

.block-order-main .order-header{background: #F3F3F3; border: 1px solid #A1A1A1; -ms-flex-pack: justify!important; justify-content: space-between!important; display: flex; padding: 16px 18px;}
.block-order-main .order-header .h-left{display: flex;}
.block-order-main .order-header .h-left .id{display: flex; margin-right: 20px;}
.block-order-main .order-header .h-left .id strong{color: #387D55;}
.block-order-main .order-header .h-right span{color: #387D55;}
.block-order-main .order-content .item-ord-sm{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; border: 1px solid #A1A1A1; border-top: 0; -ms-flex-align: center!important; align-items: center!important; color: #726A6C;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-order-main .order-content .item-ord-sm .ord-thumb-img{-ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%;}
.block-order-main .order-content .item-ord-sm .ord-thumb-img img{height: 92px; width: 92px; border-radius: 5px;}
.block-order-main .order-content .item-ord-sm .ord-title{-ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;}
.block-order-main .order-content .item-ord-sm .ord-title a{    color: #726A6C;}
.block-order-main .order-content .item-ord-sm .ord-quality{-ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%;}
.block-order-main .order-content .item-ord-sm .ord-total{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;     text-align: right;}
.block-order-main .order-content .item-ord-sm:hover{    background: rgba(192, 226, 159, 0.3);}
@media screen and (max-width: 767px){
    .block-order-main .order-content .item-ord-sm{display: block; position: relative; padding-left: 100px;}
    .block-order-main .order-content .item-ord-sm .ord-thumb-img{position: absolute; left: 15px; max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-thumb-img img{width: 70px; height: 70px;}
    .block-order-main .order-content .item-ord-sm .ord-title{max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-quality{max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-total{max-width: inherit; text-align: left;}
    .block-order-main .order-header{display: block;}
    .block-order-main .order-header .h-left{display: block;}
}

.block-order-main .order-bottom{border: 1px solid #A1A1A1; border-top: 0; min-height: 70px; display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important; padding: 20px 18px;}
.block-order-main .order-bottom .link a{display: inline-block; border-radius: 5px; line-height: 30px; height: 30px; text-align: center;}
.block-order-main .order-bottom .total-right{font-size: 20px; font-weight: bold; color: #387D55;}
.block-order-main .order-bottom .total-right span{display: inline-block; margin-right: 20px;}

.block-order-main .order-total-bottom{-ms-flex-pack: justify!important; justify-content: space-between!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #A1A1A1; border-top: 0;}
.block-order-main .order-total-bottom .info{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-right: 1px solid #A1A1A1; min-height: 190px; padding: 22px 26px;}
.block-order-main .order-total-bottom .info .user-name{color: #726A6C; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.block-order-main .order-total-bottom .info .item-info{margin-bottom: 15px;}
.block-order-main .order-total-bottom .info .item-info .value{color: #726A6C; font-weight: bold;}
.block-order-main .order-total-bottom .total-right{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;  font-weight: bold;     text-align: right;  padding: 22px 26px;}
.block-order-main .order-total-bottom .total-right .item-total{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px;}
.block-order-main .order-total-bottom .total-right .item-total .text{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.block-order-main .order-total-bottom .total-right .item-total .value{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.block-order-main .order-total-bottom .total-right .item-total.custom{color: #387D55; font-weight: bold; font-size: 20px;}
@media screen and (max-width: 767px){
    .block-order-main .order-total-bottom{    display: block;}
    .block-order-main .order-total-bottom .info{max-width: inherit; border-right: 0px solid #A1A1A1; border-bottom: 1px solid #A1A1A1; padding: 10px;}
    .block-order-main .order-total-bottom .total-right{max-width: inherit; padding: 10px;} 
}

.product-item{border: 1px solid #f5f5f5; border-radius: 5px; padding: 0; overflow: hidden; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 30px; min-height: 410px; padding-bottom: 55px; background: #f8f8f8; margin-bottom: 30px;}
.product-item:hover{    box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px;}
.product-item .title{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 5px; min-height: 50px;}
.product-item .title a{color: #0f1111; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  font-size: 16px; font-weight: bold;}
.product-item .content-product{padding: 10px 20px;}
.product-item .thumb{height: 310px;}
@media(max-width: 767px){
    .product-item .thumb{height: 450px;}
}
.product-item .thumb img{width: 100%; height: 100%; object-fit: cover;}
.product-item .price-bottom{position: relative; margin-bottom: 10px;}
.product-item .price-bottom .list-icon{display: inline-block; float: right; padding-top: 7px;}
.product-item .price-bottom .list-icon a{display: inline-block;}
.product-item .price-bottom .list-icon a img{height: 25px; border-radius: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-item .box-qulity{margin-bottom: 10px;}
.product-item .price-bottom .list-icon a:hover img{background: #fff501; }
.product-item .price-bottom .price-text{display: inline-block; font-size: 20px; position: relative;}
.product-item .price-bottom .price-text span{font-weight: inherit; font-size: 14px; position: absolute; left: 0; top: 7px;}
.product-item .price-bottom .list-star img{height: 18px;}
.product-item .btn-primary{min-width: 110px;}
.block-product-padd{padding-top: 15px;}
.product-item .link-buy-botom{position: absolute; width: 100%; padding: 0 20px; bottom: 20px;}
.product-item .link-buy-botom i, .product-item .link-buy-botom svg{height: 15px;}
.product-item a.link-eye{color: #017136;}
@media(max-width: 767px){
    #slick-product{padding-bottom: 30px;}
    .product-item{margin-left: auto; margin-right: auto;}
}
@media(max-width: 600px){
    .product-item .price-bottom .price-text{font-size: 16px;     line-height: 32px;}
}

/* BLOCK-AWARD-DETAIL */
.block-award-detail{margin-bottom: 30px;}
.block-award-detail .detail-action{}
.block-award-detail .detail-action .content-left{display: inline-block;}
.block-award-detail .detail-action .content-left .item-sm{line-height: 30px; margin-bottom: 15px;}
.block-award-detail .detail-action .content-left .item-sm .form-control{display: inline-block;}
.block-award-detail .detail-action .content-left .item-sm .desc{display: inline-block; min-width: 100px; vertical-align: top;}
.block-award-detail .detail-action .content-left .item-sm .price-main{font-size: 34px;}
.block-award-detail .detail-action .content-right{display: inline-block; float: right; width: 180px;}
.block-award-detail .detail-action .content-right .price-bottom{margin-bottom: 20px;}
.block-award-detail .detail-action .content-right .price-bottom .progress{ background: #DBDBDA; border-radius: 100px; height: 7px; }
.block-award-detail .detail-action .content-right .price-bottom .progress .progress-bar{ background: #2774ae; }
.block-award-detail .detail-action{}
.block-award-detail .title-main{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #C4C4C4; margin-bottom: 20px;}
.block-award-detail .title-main h1{ font-weight: bold; font-size: 24px;}
.block-award-detail .title-main.custom-coin{}
.block-award-detail .title-main.custom-coin h1{display: inline-block; margin-bottom: 10px; margin-right: 20px; }
.block-award-detail .title-main.custom-coin .text-coin{display: inline-block; color: #754F17;     vertical-align: top;}
.block-award-detail .title-main.custom-coin .text-coin .coin{text-align: center; display: inline-block; line-height: 40px; position: relative;}
.block-award-detail .title-main.custom-coin .text-coin .coin img{height: 40px;}
.block-award-detail .title-main.custom-coin .text-coin .coin span{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 18px;}
.block-award-detail{}
.block-award-detail .scroll-detail{border-radius: 10px; border: 1px solid #726A6C;     overflow: hidden;}
.block-award-detail .scroll-detail .title-text{background: #726A6C; color: #fff; min-height: 30px; font-weight: bold; padding: 5px 10px; text-align: center;}
.block-award-detail .scroll-detail .detail-text{padding: 15px; height: 260px; overflow: auto;}
.block-award-detail .banner-main{margin-right: 80px; border-radius: 5px; overflow: hidden;   position: relative;}
.block-award-detail .banner-main img{width: 100%;}
.block-award-detail .banner-main .vote{position: absolute; top: 0; right: 0;}
.block-award-detail .banner-main .vote a{position: relative; display: block;}
.block-award-detail .banner-main .vote a .number{position: absolute; top: 18px; left: 0; right: 0; font-weight: bold; color: #754F17; text-align: center; font-size: 34px;}
.block-award-detail .banner-main .vote a .text{position: absolute; left: 0; right: 0; z-index: 1; font-weight: bold; background: -moz-linear-gradient(0deg, #E49927 0%, #FFF685 100%); background: -webkit-linear-gradient(0deg, #E49927 0%, #FFF685 100%); background: -o-linear-gradient(0deg, #E49927 0%, #FFF685 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E49927', endColorstr='#FFF685', GradientType=1 ); background: -ms-linear-gradient(0deg, #E49927 0%, #FFF685 100%); background: linear-gradient(0deg, #E49927 0%, #FFF685 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; top: 77px; font-size: 17px; text-align: center;}
.block-award-detail .banner-main .vote a img{height: 175px; width: 125px;}

.list-investment-package { margin-left:-15px; margin-right:-15px; }
.list-investment-package .item-investment-package { min-height:300px; border-radius:5px; color:#19160E; position:relative; padding-top:25px; margin-bottom:50px; padding-bottom:10px; font-size:12px; }
.list-investment-package .item-investment-package .icon { text-align: center; margin-bottom: 40px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.list-investment-package .item-investment-package .icon img{max-width: 165px;}
.list-investment-package .item-investment-package .total { text-align:center; font-size:20px; font-weight:bold; margin-bottom:15px; }
.list-investment-package .item-investment-package .content-invest { padding-left: 20px; padding-right: 20px; margin-bottom: 10px; max-width: 350px; margin: auto auto 30px; font-size: 18px; min-height: 60px;}
.list-investment-package .item-investment-package:hover .icon { transform:translateY(-25px); }
.list-investment-package .item-investment-package:nth-child(2) { border:2px solid #ffffff; background:#d6d6d6; }
.list-investment-package .item-investment-package:nth-child(2) .bg { background:linear-gradient(90deg,white 0%,#a1a1a1 100%); }
.list-investment-package .item-investment-package:nth-child(3) { border:2px solid #f6e092; background:#ffc546; }
.list-investment-package .item-investment-package:nth-child(3) .bg { background:linear-gradient(90deg,#fef599 0%,#ffcc32 49.48%,#ffae00 100%); }
.list-investment-package .item-investment-package:nth-child(4) { border:2px solid #c5ebff; background:#d7d5d0; }
.list-investment-package .item-investment-package:nth-child(4) .bg { background:linear-gradient(90deg,#f1f7fb 0%,#fbf8f1 100%); }
.list-investment-package .item-investment-package:nth-child(5) { border:2px solid #c5ebff; background:#cbe3f0; }
.list-investment-package .item-investment-package:nth-child(5) .bg { background:linear-gradient(90deg,#f1f7fb 0%,#9ac5db 100%); }
.list-investment-package .item-investment-package:nth-child(6) { border:2px solid #bbc6ff; background:#adbbff; }
.list-investment-package .item-investment-package:nth-child(6) .bg { background:linear-gradient(90deg,#efe8ff 0%,#879afb 100%); }
.list-investment-package .padd { padding-left:15px; padding-right:15px; }
.list-investment-package .padd .item-investment-package { background:linear-gradient(180deg, #ececec 0%, #00b455 100%); }

/* CUSTOM-DEPOSIT */
.custom-deposit .custom{border-bottom: 1px solid #eeeef8; padding-bottom: 10px;}
.custom-deposit .custom .text{}
.custom-deposit .custom .text-main{font-weight: bold; color: #000; font-size: 16px;}
.note-deposit{background: #eeeef8; border-radius: 5px; padding: 20px; margin-bottom: 30px;}
.note-deposit strong{text-decoration: underline;}
.text-note-sm{background: #fff6c5; color: #000; padding: 10px; border-radius: 5px; margin-bottom: 20px; border: 1px solid #d6cd99;}
.custom-deposit .custom.custom-qr{border: 1px solid #eeeef8; border-radius: 5px; padding: 15px;}
.custom-deposit .custom.custom-qr img{height: 100px;}

.card-header{}
.card-header .box-search-chart{position: absolute; top: -6px; right: 0;}
.card-header select.custom{height: 30px;}

.banner-sm-level{height: 275px; border-radius: 10px; overflow: hidden;}
.banner-sm-level img{width: 100%; height: 100%; object-fit: cover;}
.info-level{min-height: 275px;}
.info-level .item{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeef8;}
.info-level .item .text{color: #017136;}
.info-level .item .value{font-weight: bold;}

.block-acc-main .acc-box{margin-bottom: 20px;}
.block-acc-main .avatar{width: 90px; height: 90px; margin: auto auto 15px; border-radius: 100%; overflow: hidden;}
.block-acc-main .avatar img{width: 100%; height: 100%; object-fit: cover;}

/* BLOCK-QR-2FA */
.block-qr-2fa{position: relative; padding-left: 175px; min-height: 142px; margin-bottom: 20px;}
.block-qr-2fa .qr-img{position: absolute; left: 0px;}
.block-qr-2fa .qr-img img{    height: 142px;}
.block-qr-2fa .qr-content .label-main{padding-top: 20px;}
.block-qr-2fa .control-icon-custom{position: relative;}
.block-qr-2fa .control-icon-custom .form-control{height: 40px; border: 1px solid #E2B339; border-radius: 6px; color: #fff; font-weight: bold; background: transparent; text-align: left;}
.block-qr-2fa .control-icon-custom .form-control:focus{color: #fff!important;}
.block-qr-2fa .control-icon-custom .btn{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50px; height: 40px; border: 0; background: transparent; border-radius: 6px;}
.block-qr-2fa .control-icon-custom .btn img{    max-height: 18px;}

.link-cart-icon{color: #017136; display: inline-block; margin-bottom: .75rem; position: relative; font-size: 24px;}
.link-cart-icon span{position: absolute; background: #017136; border-radius: 100%; color: #fff; top: -5px; right: -13px; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; font-weight: bold;}


/* ------------ PAGE NOTIFICATION */
/* ITEM-NOTIFI-SM */
.item-notifi-sm{background: #f3f3f3; min-height: 110px; margin-bottom: 15px; border-radius: 5px; padding: 10px 30px; display: flex;}
.item-notifi-sm.active{    background: #ECF6E2!important;}
.item-notifi-sm .icon{display: block; position: relative; width: 60px; height: 60px; border-radius: 5px; -ms-flex-item-align: center!important; align-self: center!important; margin-right: 20px;     }
.item-notifi-sm .icon a{position: absolute;content: "";top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); color: #017136; font-size: 30px;}
.item-notifi-sm .icon img{height: 34px; display: block; margin: auto; width: 34px;}
.item-notifi-sm .content-sm{-ms-flex-item-align: center!important; align-self: center!important;}
.item-notifi-sm .content-sm .title-sm{font-weight: bold; margin-bottom: 3px; font-size: 20px; font-weight: bold; color: #017136;}
.item-notifi-sm .content-sm .list-id-order{display: flex; margin-bottom: 3px;}
.item-notifi-sm .content-sm .id-order{display: flex; margin-right: 60px;}
.item-notifi-sm .action-right{-ms-flex-item-align: center!important; align-self: center!important; margin-left: auto;}
.block-notifi-main{padding: 22px 30px;}

.item-despsit-link { display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #535c6e; border-radius:.25rem; width:10rem; height:8rem; box-sizing:border-box; overflow:hidden; cursor:pointer; transition:border-color .4s ease,background-color .3s ease; background-color:#0000001f; color:#000; margin-right:25px; min-width:160px; min-height:128px; }
.item-despsit-link .icon img { display:block; object-fit:contain; height:60px; margin:auto; margin-bottom: 15px;}
.item-despsit-link.active,.item-despsit-link:hover,.item-despsit-link:focus { background-color: #017136; border: 1px solid #017136;color: #fff;}
.img-qr img { max-width:250px; display:block; margin:auto; }
@media screen and (max-width:992px) {
    .list-despsit-link { display:block !important; text-align:center; padding:0 20px; } .list-despsit-link .item-despsit-link { display:block; margin:auto; width:100%; padding:15px; height:inherit; } .list-despsit-link .item-despsit-link .icon { margin:auto; } 
} 
.block-choose-bottom { width:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:170px 0; }
.block-choose-bottom .icon { border:1px solid #4b4b4b; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:15px; font-size:24px; }

.box-copy-form{max-width: 405px; margin: auto;}
.box-copy-form .form-control{padding-right: 50px;}
.box-copy-form .btn{position: absolute; top: 0; right: 0; height: 42px;}

.card-header.custom-add{}
.card-header.custom-add .action-right{position: absolute; top: -10px; right: 0;}

/* ------------ PAGE DELIVERY ADDRESS */
.block-delivery-main{margin-bottom: 15px;}
.block-delivery-main .content-bg{background: #ECF6E2; border-radius: 5px; padding: 25px; position: relative; min-height: 110px; padding-right: 210px;}
.block-delivery-main .user-name{font-weight: bold; margin-bottom: 18px;}
.block-delivery-main .desc{display: flex; }
.block-delivery-main .desc .item-sm{display: flex;margin-right: 50px;}
.block-delivery-main .desc .item-sm .text{margin-right: 10px; color: #387D55;}
.block-delivery-main .action-right{position: absolute; top: 40px; right: 25px;}
@media screen and (max-width: 992px){
    .block-delivery-main .content-bg{    padding: 15px;}
    .block-delivery-main .action-right{position: static; margin-top: 15px;}
    .block-delivery-main .desc{display: block; }
    .block-delivery-main .desc .item-sm{display: block; margin-bottom: 15px; margin-right: 0;}
}

.form-curr{position: relative;}
.form-curr .form-control.custom{padding-right: 85px;}
.form-curr .text{height: 34px; position: absolute; right: 0; top: 4px; line-height: 34px; width: 80px; text-align: center; border-left: 1px solid #ccc; font-weight: bold; color: #017136;}

#progressbar { margin-bottom: 30px; overflow: hidden; counter-reset: step; text-align: center; position: relative; z-index: 1;}
#progressbar li { list-style-type: none; color: #000; text-transform: uppercase; font-size: 9px; width: 33.33%; float: left; position: relative; }
#progressbar li:first-child::after{display: none;}
#progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #000000; background: #000; border-radius: 3px; margin: 0 auto 5px auto; }
#progressbar li.active:before, #progressbar li.active:after { background: #27AE60; color: #27AE60; }
#progressbar li.active{font-weight: bold;color: #27AE60;}
#progressbar li:after { content: ''; width: 100%; height: 2px; background: #000; position: absolute; left: -50%; top: 9px; z-index: -1; }

.bg-pack-1 {background:linear-gradient(180deg, #ececec 0%, #b47900 100%) !important}
.bg-pack-2 {background:linear-gradient(180deg, #ececec 0%, #1e00b4 100%) !important}


/* ------------ PAGE CHECK OUT */
.pay-list{font-size: 16px;}
.pay-list .item{font-weight: bold; margin-bottom: 10px; }
.pay-list .item.custom{margin-top: 20px; border-top: 1px solid #eeeef8; padding-top: 20px; font-size: 20px; color: #017136; }
@media screen and (max-width: 992px){
  .pay-list{font-size: 14px; }
  .pay-list .item.custom{font-size: 14px; }
}
.list-item-pro-pay{margin-bottom: 25px;}
.list-item-pro-pay .item-pro-pay{margin-bottom: 10px;}
.list-item-pro-pay .item-pro-pay .content-sm{width: 60%;}
.list-item-pro-pay .item-pro-pay .content-sm .thumb{height: 60px; min-width: 60px; border-radius: 5px; margin-right: 20px; position: relative;}
.list-item-pro-pay .item-pro-pay .content-sm .thumb img{height: 100%; width: 100%; object-fit: cover; border-radius: 5px; border: 1px solid #ddd;}
.list-item-pro-pay .item-pro-pay .content-sm .thumb span{position: absolute; top: -11px; width: 24px; height: 24px; display: block; background: #017136; color: #fff; z-index: 2; border-radius: 100%; line-height: 24px; text-align: center; font-size: 12px; right: -10px;}
.list-item-pro-pay .item-pro-pay .price{font-weight: bold; color: #000;}

.block-pay-max{max-width: 900px;}