.dark-only h1,
.dark-only h2,
.dark-only h3,
.dark-only h4,
.dark-only h5,
.dark-only h6,
.dark-only .h1,
.dark-only .h2,
.dark-only .h3,
.dark-only .h4,
.dark-only .h5,
.dark-only .h6 {
    color: #fff !important;
}
.dark-only .apexcharts-legend-text {
    color: #fff !important;
}
.dark-only .login-card .login-main .theme-form p{
    color:#fff;
    font-weight:600;
}
.dark-only .bgthem .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.active, .btn-outline-secondary:active:focus, .btn-outline-secondary.show {
    background: #181919 !important;
}
.modal-dialog.modalcustom.modal-lg {
    max-width:60%;
}
.dark-only .akmodall .modal-content {
    background: linear-gradient(209.96deg, rgb(48 45 45 / 66%) 1.2%, rgb(13 12 12) 98.97%);
    box-shadow: inset 0px 15px 40px rgb(238 240 246 / 34%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.dark-only .akmodall .modal-header .modal-title{
    color: #fff;
}
.akmodall .modal-header .modal-title{
    font-weight: 700;
}
.akmodall button.btn-close {
    background-color: var(--theme-default);
    opacity: 1;
}
div#chart {
    margin-left: auto;
    width: 100%;
}
.tablemodal {
    height: 220px;
}
header span.badge.rounded-pill.badge-primary {
    background-color: #f20e0e !important;
    color: #fff;
}
.stripbox {
    background: var(--theme-default);
    padding: 2px 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    border-radius: 8px;
    margin-bottom: 2px;
}
.dashbox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.icon-dash span {
    font-size:42px;
}
.homesecreen1 .card-custom-statistic-3 {
    padding: 20px 15px !important;
}
.dashbox h2 {
    font-size:28px;
    font-weight: 800;
    color:#fff;
}
.mb-29 h5 {
    font-weight: 700;
}
.mb-29 {
    margin-top: -20px;
    margin-right: -5px;
}
.dark-only .page-header .logo-wrapper {
    background-color: var(--white);
    border-right: 1px solid rgb(238 238 238 / 14%);
    padding-right: 10px;
}
.countbox {
    position: absolute;
    bottom:0px;
    right: 8px;
    z-index: 9;
}
.ondark1 {
    background: linear-gradient(to right, #e03918, #c65b5b) !important;
    color: #fff;
}
.dashboard-swiper .swiper-controls {
    position: absolute;
    top:2px;
    right: 6px;
    z-index: 9;
    gap: 4px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: rgb(255 255 255 / 46%);
    padding: 2px;
    border-radius: 4px;
}
.dark-only .login-main {
    background-color: rgb(0 0 0 / 20%);
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}
body.dark-only {
    background-image: url(../images/grad.png);
    background-size: cover;
    background-position: center;
}
@media (max-width: 1024px) {
  .homesecreen1 .col-md-2 {
    width: 33% !important;
    }
    .homesecreen1 .row {
    justify-content: center;
}
}
@media (max-width: 767px) {
  .homesecreen1 .col-md-2 {
    width:50% !important;
    }
    .dashbox h2 {
    font-size: 24px !important;
}
.stripbox{text-align:left;}
.countbox{bottom:6px !important;}
}
@media (max-width: 575px) {
  .homesecreen1 .col-md-2 {
    width:100% !important;
    }
}