/*
 * ------------------------------
 *  - Copyright (c) 2024.
 *  - Developer: Ishak Alpfidan
 *  - GitHub: ishak-alpfidan
 *  - Linkedin: ishak-alpfidan
 *  - My Web Site: ishak.dev
 *  -----------------------------
 */

body[data-layout-color="light"] {
    background-color: #e7eaf3;
}

body[data-layout-color="light"] .navbar-custom {
    background-color: #000 !important;
}

body[data-layout-color=light] .navbar-custom .app-search .form-control,
body[data-layout-color=light] .navbar-custom .app-search .btn {
    background-color: #2a2a2a !important;
    border: none !important;
}

body[data-layout-color=dark] .rightbar-overlay {
    background-color: rgb(0 0 0 / 55%);
}

.footer {
    background-color: #00000002;
}

.alert-warning {
    color: #ed8f4d;
    background-color: rgb(249 168 81 / 30%);
    border-color: rgba(249, 200, 81, .25);
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus,
button:focus:not(:focus-visible) {
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.card {
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0 rgba(56, 65, 74, 0.03);
}

.account-pages {
    background-image: url('../img/account-pages-bg.png');
    background-size: auto;
}

.right-bar .right-bar-toggle {
    background-color: #0000003b;
    line-height: 26px;
    font-size: 10px;
}

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

.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
}

.dropdown-item.active-item {
    color: var(--ct-menu-item-active);
    background-color: transparent;
}

/* IMAGE */
.img-link {
    display: inline-block;
    transition: transform .25s ease-out, opacity .25s ease-out
}

.img-link:hover {
    transform: scale(1.04);
    opacity: .75
}

.img-link:active {
    transform: scale(1);
    opacity: 1
}

.img-link.img-link-simple:hover {
    transform: scale(1)
}

.img-link-zoom-in {
    cursor: zoom-in
}

/* STEPS */
.steps {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.steps .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    color: #999;
    font-size: 22px;
    font-weight: 500;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #e0e0e0;
    transition: all 200ms ease;
    transition-delay: 0s;
}

.steps .circle.active {
    transition-delay: 100ms;
    border-color: #158bff;
    color: #158bff;
}

.steps .progress-bar {
    position: absolute;
    height: 4px;
    width: 100%;
    background: #e0e0e0;
    z-index: -1;
}

.progress-bar .indicator {
    position: absolute;
    height: 100%;
    width: 0%;
    background: #158bff;
    transition: all 300ms ease;
}

.id-card-img {
    width: 100%;
    height: 260px;
    min-height: 260px;
    min-width: 100%;
    border-radius: .75rem;
    padding: 10px;
    border: 1px dashed #4d81c3;
}

.student-profile-img {
    object-fit: cover;
    width: 260px;
    height: 260px;
    min-height: 260px;
    min-width: 260px;
    border-radius: .75rem;
    padding: 10px;
    border: 1px dashed #4d81c3;
}

.object-fit-cover {
    object-fit: cover;
}

@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

.widget-box-icon {
    font-size: 40px;
}

.accordion:has(.collapse:not(.show)) .card-header {
    border-radius: 1rem !important;
    transition: opacity .35s ease;
}

.border-soft-danger {
    border-color: rgba(255,91,91,.18) !important;
}

#topnav-menu-content .nav-link {
    font-weight: 500;
    width: max-content;
}

.topnav .navbar-nav .nav-link.active, .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
    color: #ff3730;
}