html [data-bs-theme=dark] .c-user-avatar {
    background-color: transparent;
}

html [data-bs-theme=light] .c-user-avatar {
background-color: #fff;
}

[data-bs-theme="light"] .app-sidebar-logo-minimize,
[data-bs-theme="light"] .mobile-small-logo {
    filter: invert(1);
}

div#kt_notification,
.relative {
    position: relative;
}

[data-counter]:before,
.need-action-completed > .fa-check  {
    position: absolute;
    line-height: 1.5em;
    top: -0.4em;
    inset-inline-end: -0.7em;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0/30%);
}

[data-conter-position="left"][data-counter]:before{
    content: "";
}

[data-conter-position="left"][data-counter]:before,
.need-action-completed > .fa-check {
    inset-inline-start: -0.7em;
    inset-inline-end: auto;
}

.need-action-completed > .fa-check {
    color: #444444;
    background: #6fefc1;
    padding: 3.5px 4.5px!important;
}

[data-counter]:before {
    content: attr(data-counter);
    min-width: 1.6em;
    height: 1.6em;
    color: #fff;
    background-color: red;
}

.link-primary-1:hover{
    color: black!important;
}

.sing-in-form-links > a:hover,
.menu-state-color .menu-item .menu-link.active,
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item .menu-link.active .menu-title,
.menu-icon-gray-500 .menu-item .menu-link .menu-icon, 
.menu-icon-gray-500 .menu-item .menu-link .menu-icon .svg-icon, 
.menu-icon-gray-500 .menu-item .menu-link .menu-icon i,
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=light-sidebar] .app-header-menu .menu>.menu-item.here>.menu-link .menu-title,
.app-header-menu .menu .menu-item.show>.menu-link .menu-title {
    color: #478cca !important;
}

.btn-block {
    width: 100%;
}

.color-red-1 {
    color: #ef3f6c
}

.color-orange-1 {
    color: #ed8640
}

.color-green-1 {
    color: #6fefc1;
}

.btn-sm-1 {
    padding: calc(0.2rem + 1px) calc(0.5rem + 1px)!important;
}

.img-responsive {
    max-width: 100%;
    display: inline-block;
}

.iq-svg-icon{
    height: 30px;
    width: 30px;
    object-fit: contain;
    object-position: top;
}

.mh-327-overflow {
    max-height: 327px;
    overflow: auto;
}

.mytask-container {
    background-color: #6fefc1!important;
}

div#kt_charts_widget_18_chart path {
    fill: #6fefc1!important;
}

.menu-state-success .menu-item.here > .menu-link .menu-title,
.menu-state-success .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #6fefc1!important;
}

.dashboard-task-slider {
    display: grid;
    gap: 2.5rem;
    height: 100%;
}

.sing-in-form {
    background-color: rgb(255 255 255 / 13%) !important;
    border: 1px solid white!important;
}

.tenant-change-box {
    text-align: center;
}

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

.sing-in-form-links > a:hover {
    color: #478cca !important;
}

.has-sub-menu {
    position: relative;
}

.has-sub-menu:hover .main-menu-with-sub{
    display: block;
}

.has-sub-menu .main-menu-with-sub {
    position: absolute;
    right: 0;
    display: none;
}

.has-sub-menu .main-menu-with-sub ul {
    position: absolute;
    top: -90px;
    padding: 10px;
    list-style: none;
    background: white;
    box-shadow: 0 0 7px -4px black;
    border-radius: 5px;
}

.has-sub-menu .main-menu-with-sub ul > li {
    width: 200px;
    padding: 8px 0;
    display: flex;
    gap: 10px;
}

.has-sub-menu .main-menu-with-sub ul > li > a {
    color: #181c32;    
    text-transform: capitalize;
    display: flex;
    gap: 10px;
    font-weight: 500;
}

.has-sub-menu .main-menu-with-sub ul > li:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
}

.has-sub-menu .main-menu-with-sub ul::before {
    content: "";
    width: 5px;
    height: 10px;
    display: inline-block;
    position: absolute;
    background: white;
    box-shadow: 0 0 7px -4px black;
    left: -5px;
    clip-path: polygon(100% 0, 100% 100%, 0% 50%);
    top: 10px;
}

.my-task-counter {
    text-align: center;
    height: 100%;
}
.course-progress {
    position: relative;
}

.course-progress-percent {
    position: absolute;
    right: 10px;
    color: #444444;
    top: 3.5px;
}

.gray-444, 
.link-gray-444 {
    color: #444444!important;
}

.menu-state-title-rpl-1.menu-state-bg .menu-item .menu-link.active .menu-title,
.menu-state-title-rpl-1.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
color: #6fefc1;
}

.page-link.active, .active > .page-link,
.btn.btn-light-rpl-1:hover:not(.btn-active) {
    background-color: #6fefc1!important;
}

.btn.btn-light-rpl-1 {
    background-color: #e8fff3!important;
}

.btn {
    font-size: 14px!important;
}

.btn-primary {
    background-color: #005F99 !important;
}

#kt_app_sidebar_logo > a{
    display: block;
    width: 45%;
}

#kt_app_sidebar_logo  > a > .rplid-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.link-blue {
    color: #3366CC;
}

.border-blue {
    border-color:#3366CC!important;
}

.need-action-danger {
    border: 1px solid #f1416c!important;
}

.need-action-completed {
    border: 1px solid #6fefc1!important;
}

.btn.btn-rpl-1 {
    color: #444444!important;
}

.dashboard-task-slider .carousel-custom .carousel-indicators-active-primary li.active:after{
    background-color: #444444 !important;
}

.btn.btn-rpl-1,
.bg-rpl-1 {
    background-color: #141a45 !important;
}

.form-check-input:checked {
    background-color: #478cca !important;
    border-color: #478cca !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover {
    border-color: #6fefc1!important;
}

.accordion-button:not(.collapsed),
.accordion-button[aria-expanded="true"] {
    color: #444444!important;
    background-color: #6fefc1!important;
}

.badge-rpl-1 {
    background-color: #6fefc1!important;
    color: #fff!important; 
}

.btn.btn-text-rpl-1,
.text-hover-rpl-1:hover,
.svg-icon.svg-icon-rpl-1,
.text-active-rpl-1.active {
    color: #6fefc1!important;
}


.bg-light-rpl-1,
.btn.btn-active-light-rpl-1:hover:not(.btn-active),
.btn.btn-active-color-rpl-1:hover:not(.btn-active),
.btn.btn-active-rpl-1.active,
html[data-bs-theme="light"] .btn.btn-active-rpl-1:hover:not(.btn-active) {
    background-color: #eefbec!important;
}

html[data-bs-theme="dark"] .btn.btn-active-rpl-1:hover:not(.btn-active) {
    color:red;
}

.c-user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.stepper-rpl.stepper.stepper-links .stepper-nav {
    gap: 15px 0;
}

.stepper-rpl .stepper-item {
    background: transparent;
    margin: 0 !important;
    min-width: 140px;
    display: grid;
    align-items: center;
    grid-template-columns: 29px auto 29px;
}

.stepper-rpl .stepper-item  > h3{
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: grid;
    padding: 18px 35px;
    min-height: 53px;
    color: #444444;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
}

.stepper-rpl .stepper-item:before {
    content:"";
    clip-path: polygon(100% 0,100px 100%,0% 100%,80% 50%,0% 0%);
    -webkit-clip-path: polygon(100% 0,100px 100%,0% 100%,80% 50%,0% 0%);
}
.stepper-rpl .stepper-item:before,
.stepper-rpl .stepper-item:after,
.stepper-rpl .stepper-item > h3 {
    background-color:#eefbec!important;
}

.stepper-rpl .stepper-item.current:before,
.stepper-rpl .stepper-item.current:after,
.stepper-rpl .stepper-item.current > h3,
.stepper-rpl .stepper-item.completed:before,
.stepper-rpl .stepper-item.completed:after,
.stepper-rpl .stepper-item.completed > h3 {
    background-color: #6fefc1!important;
}

.stepper-rpl .stepper-item.current > h3,
.stepper-rpl .stepper-item.completed > h3 {
    color:#444444!important;
}

.stepper-rpl .stepper-item:before,
.stepper-rpl .stepper-item:after {
    width: 100%;
    height: 100%;
}

.stepper-rpl .stepper-item:after {
    height: 100%!important;
    top: 0!important;
    position: inherit!important;
    clip-path: polygon(0 0,100% 50%,0 100%);
    -webkit-clip-path: polygon(0 0,100% 50%,0 100%);
}

@media(max-width: 479px) { 
    .sing-in-form-links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.cc-banner {
    display: flex;
    text-align: center;
    color: #fff;
    background-color: #282a3a;
    align-items: center;
    justify-content: center;
    padding: 15px;
    
    .cc-message {
        margin-right: 5px;
    }
}

.select2-container--default .select2-selection--single {
    padding: 0.775rem 1rem !important;
    height: auto !important;
    color: #5e6278 !important;
    background-color: #fff !important;
    border: 1px solid #e4e6ef !important;
    box-shadow: none !important;
    border-radius: 0.475rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}