.todo-list .todo-item.complete {
  opacity: 1 !important;
}

.todo-list .todo-item.warning {
  opacity: 1;
  border-color: #d4a92c;
}

.todo-list .todo-item.danger {
  opacity: 1;
  border-color: #ff5c5c;
}

.todo-list .todo-item.info {
  opacity: 1;
  border-color: #46aac8;
}

.todo-list .todo-item.info .ti-header,
.todo-list .todo-item.info .ti-icon {
  color: #46aac8;
}

.todo-list .todo-item.warning .ti-header,
.todo-list .todo-item.warning .ti-icon {
  color: #d4a92c;
}

.todo-list .todo-item.danger .ti-header,
.todo-list .todo-item.danger .ti-icon {
  color: #ff5c5c;
}

.todo-list .todo-item .ti-sub-header {
  color: rgb(2 2 2 / 49%);
}

.todo-list .todo-item .ti-icon {
  margin-left: 0;
  margin-right: 10px;
}
/* .content-panel.color-scheme-dark .todo-list .todo-item.complete {
    border-color: #166e0c;
}
body.color-scheme-dark .todo-list .todo-item, .content-panel.color-scheme-dark .todo-list .todo-item {
    border-color: #A3A6B3;
}
.todo-list .todo-item.complete {
    opacity: 0.7;
    border-color: #24b314;
}
.todo-list .todo-item {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    border: 1px solid #047bf8;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

body.color-scheme-dark .todo-list .todo-item.complete .ti-icon, .content-panel.color-scheme-dark .todo-list .todo-item.complete .ti-icon {
    color: #24b314;
}

body.color-scheme-dark .todo-list .todo-item .ti-icon, .content-panel.color-scheme-dark .todo-list .todo-item .ti-icon {
    color: #fff;
}
.todo-list .todo-item.complete .ti-icon {
    color: #24b314;
}
.todo-list .todo-item .ti-icon {
    margin-left: auto;
    font-size: 20px;
    color: #047bf8;
} */

.el-tablo .label,
.table.table-padded thead tr th,
.table .lighter {
  color: #3e4b5b;
}

.table.table-padded thead tr th {
  border-right: 1px solid rgba(0, 0, 0, 0.03);
}

/* #3E4B5B; */

.dashboard-conter .el-tablo.smaller .value {
  font-size: 1.5rem;
}

.menu-w.base--bg ul.main-menu > li > a.active {
  border-right-color: hsl(var(--base-hover));
  border-bottom-color: hsl(var(--base-hover));
  background-color: hsl(var(--base-hover));
}

.menu-w.base--bg ul.main-menu > li.active {
  border-right-color: hsl(var(--base-hover));
  border-bottom-color: hsl(var(--base-hover));
}

.menu-w.base--bg .sub-menu-w {
  background-color: hsl(var(--base)) !important;
}

.menu-w.base--bg.sub-menu-color-bright ul.main-menu > li.active > a {
  background-color: hsl(var(--base-hover));
}

.menu-w.sub-menu-style-over ul.main-menu > li > a.active .icon-w {
  color: #fff;
}

.menu-w.sub-menu-style-over .sub-menu-w > ul > li > a:hover:before,
.menu-w.sub-menu-style-over
  .sub-menu-w
  .sub-menu-i
  > ul
  > li
  > a.active:before {
  opacity: 1;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.logged-user-w.top-icon {
  font-size: inherit;
}

.top-bar .logged-user-w.top-icon .logged-user-menu ul li a {
  white-space: nowrap;
}

.top-bar .logged-user-w.top-icon .logged-user-menu {
  right: 0 !important;
}

.top-bar .logged-user-w.top-icon .logged-user-menu .bg-icon {
  bottom: -15px !important;
}

.input-popup p {
  margin-bottom: 5px;
  position: relative;
  margin-left: 20px;
  font-size: 15px;
}

.input-popup p::before {
  font-family: "osfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  left: -20px;
  bottom: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.input-popup .error {
  word-spacing: 0.5px;
  text-decoration: line-through;
}

.input-popup .error:before {
  content: "\e93f";
  color: red;
}

.form-group {
  position: relative;
}

.input-popover {
  min-width: 258px;
  top: initial;
  -webkit-transition: all 0.25s ease;
  transition: visibility 0s, opacity 0.5s linear;
  bottom: calc(calc(1.5em + 0.75rem) + 4px);
  left: calc(50% - calc(258px / 2));
  visibility: hidden;
  opacity: 0;
}

.input-popup .success:before {
  content: "\e9b2";
  color: green;
}

.hover-input-popup .input-popover {
  visibility: visible;
  opacity: 1;
}

#cookie_modal .modal-dialog {
  width: auto;
  position: absolute !important;
  border: 0.5rem;
  pointer-events: none;
  /* bottom: 0 !important; */
  left: 0 !important;
  padding-right: 0 !important;

  margin-top: 0rem;
  max-width: 100%;
}

.badge--dark {
  background-color: #6c7074;
  border: 1.5px solid #060707;
  color: #eee;
  font-weight: 300;
}

.badge--warning {
  background-color: #e9d599;
  border: 1.5px solid #f9d66f;
  color: #705f2b;
  font-weight: 300;
}

.badge--danger {
  background-color: #fdebeb;
  border: 1px solid #e02525;
  color: #ce1e1e;
  font-weight: 300;
}

.base--bg {
  background-color: hsl(var(--base)) !important;
}
.bg--base {
  background-color: hsl(var(--base)) !important;
}

.base--color {
  color: hsl(var(--base)) !important;
}

.color--base {
  color: hsl(var(--base)) !important;
}

.btn--base {
  background-color: hsl(var(--base)) !important;
  border-color: hsl(var(--base)) !important;
  color: #fff;
}

.base--border {
  border-color: hsl(var(--base)) !important;
}

.border--base {
  border-color: hsl(var(--base)) !important;
}

.btn--base:hover {
  background-color: hsl(var(--base-hover)) !important;
  color: #fff;
}

.header--base:after {
  background-color: hsl(var(--base)) !important;
}

.os-tabs-w--base .nav-tabs .nav-link:after,
.os-tabs-w--base .nav-tabs .nav-item .nav-link:after {
  background-color: hsl(var(--base)) !important;
}

.base--plan .pricing-plan.with-hover-effect:hover .plan-head,
.base--plan .pricing-plan.highlight .plan-head {
  box-shadow: inset 0px 5px 0px hsl(var(--base));
}

.base--plan .pricing-plan .plan-description ul li:before,
.ul--base li:before {
  color: hsl(var(--base)) !important;
}

.base--plan .pricing-plan .plan-name {
  color: hsl(var(--base));
}

.base--plan .pricing-plan.with-hover-effect:hover .plan-price-w .price-value,
.base--plan .pricing-plan.highlight .plan-price-w .price-value {
  color: hsl(var(--base));
}

.text--base {
  color: hsl(var(--base)) !important;
}

.menu-mobile.color-scheme-dark.base--bg {
  background-image: linear-gradient(
    to bottom,
    hsl(var(--base)) 0%,
    hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 20%)) 100%
  );
}

.form-control:focus {
  border-color: hsl(var(--base));
}
.auth-box-w .auth-header:after {
  background-color: hsl(var(--base));
}

/* 6499ca */
/* #dcdcdc */
.menu-w.menu-layout-mini ul.main-menu > li .icon-w {
  color: #dcdcdc;
}

body:before {
  background: -webkit-gradient(
    to bottom,
    hsl(var(--base)) 0%,
    hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 20%))
  );
  background: linear-gradient(
    to bottom,
    hsl(var(--base)) 0%,
    hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 20%))
  );
}

body.color-scheme-dark:before,
.content-panel.color-scheme-dark:before {
  background: -webkit-gradient(
    to bottom,
    hsl(var(--base)) 0%,
    hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 50%))
  );
  background: linear-gradient(
    to bottom,
    hsl(var(--base)) 0%,
    hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 50%))
  );
}

.page-item.active .page-link {
  background-color: hsl(var(--base)) !important;
  border-color: hsl(var(--base)) !important;
  color: #fff !important;
}

.page-link {
  color: hsl(var(--base)) !important;
}

.dark-btn {
  position: relative;
}

.dark-btn .os-toggler-w {
  position: absolute;
  right: 0;
  bottom: 10px;
  margin-right: 0 !important;
}

body.color-scheme-dark .table.table-padded tbody td,
.content-panel.color-scheme-dark .table.table-padded tbody td,
body.color-scheme-dark .el-tablo .label,
body.color-scheme-dark .table.table-padded thead tr th {
  color: #eee;
}

body.color-scheme-dark .pricing-plan .plan-head,
body.color-scheme-dark .pricing-plan .plan-body {
  background-color: #293145 !important;
  border-color: hsl(var(--base)) !important;
}

body.color-scheme-dark .pricing-plan,
body.color-scheme-dark .auth-box-w {
  background-color: #323c58;
  box-shadow: 0px 5px 15px rgba(22, 22, 35, 0.1);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#323c58),
    to(#303950)
  );
  background-image: linear-gradient(to bottom, #323c58 0%, #303950 100%);
  background-repeat: repeat-x;
}

body.color-scheme-dark .plan-description ul > li,
body.color-scheme-dark .pricing-plan .plan-price-w .price-label {
  color: #fff !important;
}

body.color-scheme-dark .verification-code::after,
body.color-scheme-dark .verification-code input {
  background-color: #323c581f;
}

body.color-scheme-dark .popover {
  background-color: #293145;
}

body.color-scheme-dark .popover .popover-body {
  color: #fff;
}

body.color-scheme-dark .table .text-dark {
  color: #eee !important;
}
body.color-scheme-dark .table {
  color: #eee !important;
}

body.color-scheme-dark .form-control option {
  background-color: #495057;
}
.dark-btn .os-icon-loader.rotate {
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: os-rotating 2s linear infinite;
  animation: os-rotating 2s linear infinite;
}

.onboarding-modal .onboarding-content .onboarding-text {
  color: #777;
}

.element-wrapper .element-header.text-center:after {
  left: calc(50% - 10px);
}

.page-item .page-link:hover {
  background-color: hsl(var(--base)) !important;
  border-color: hsl(var(--base)) !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  .element-balances.mobile-full-width > .balance {
    -webkit-box-flex: 1 !important;
    flex: 1 !important;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .menu-mobile {
    width: 70px;
    display: none !important;
  }

  .menu-w {
    display: -webkit-box !important;
    display: flex !important;
  }
}

.todo-app-w .todo-content .tasks-list li.draggable-task.task--base:before {
  background-color: hsl(var(--base)) !important;
}

a.el-tablo:hover .label,
a.el-tablo:hover .value {
  color: hsl(var(--base)) !important;
}

/* @media(max-width: 576px){
    .interestChart canvas{
        height: 170px !important;
    }

    .chartHistory canvas{
        height: 150px !important;
    }
}

@media (min-width: 577px) and (max-width: 767px){
    .interestChart canvas, .chartHistory canvas{
        height: 150px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .interestChart canvas{
        height: 200px !important;
    }

    .chartHistory canvas{
        height: 150px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .interestChart canvas{
        height: 250px !important;
    }

    .chartHistory canvas{
        height: 150px !important;
    }
}

@media (min-width: 1200px){
    .interestChart canvas{
        height: 300px !important;
    }

    .chartHistory canvas{
        height: 150px !important;
    }
} */

@media (max-width: 991px) {
  .planTable td {
    display: block;
  }
}