:root {
    --card-border-color: #1d4ed8; /* fallback */
}
.swal2-container {
    z-index: 99999;
}
.breadcrumb-item.active,
.breadcrumb-item a.active {
    font-weight: 600 !important;
    font-size: 125%;
}
.form-label {
    font-size: 0.9rem;
}
iframe,
video,
img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

p,
div,
span {
    text-wrap: wrap;
}
.badge {
    font-size: 14px !important;
}
.row {
    margin: 0;
    padding: 0;
}
.r-15 {
    border-radius: 15;
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    -ms-border-radius: 15;
    -o-border-radius: 15;
    overflow: hidden;
}
.wrs_editor .wrs_tickContainer {
    display: none !important;
}

.breadcrumb-item.active,
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.bg-menu-theme .menu-item.active > .menu-link {
    color: var(--card-border-color, #1d4ed8) !important;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    color: var(--card-border-color, #1d4ed8) !important;
    background: #ee838329 !important;
}
.bg-menu-theme .menu-inner > .menu-item.active::before,
.app-brand .layout-menu-toggle,
#template-customizer .template-customizer-open-btn {
    background: var(--card-border-color, #1d4ed8) !important;
}
.card-border {
    border-left: 3px solid var(--card-border-color, #1d4ed8) !important;
    border-bottom: 3px solid var(--card-border-color, #1d4ed8) !important;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.08);
}
.navbar {
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    border-bottom: 2px solid var(--card-border-color, #1d4ed8) !important;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
.card {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
.card[class*="card-border-shadow-"] {
    border-left: 2px solid var(--card-border-color, #1d4ed8) !important;
    border-bottom: 2px solid var(--card-border-color, #1d4ed8) !important;
    transition: 0.5s linear all;
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -ms-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    animation: fadeInDown;
    animation-duration: 0.5s;
    overflow: hidden;
}
.card[class*="card-border-shadow-"]:hover {
    border-left: 3px solid var(--card-border-color, #1d4ed8) !important;
    border-bottom: 3px solid var(--card-border-color, #1d4ed8) !important;
    transform: scale(1.02);
    box-shadow: 0 0.25rem 1rem #a1acb873;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.badge {
    margin: 3px;
}
.dark-style .bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    color: #fff !important;
}
.light-style .card,
.light-style .modal-content,
.light-style body,
.light-style .layout-menu,
.light-style footer,
.light-style .bg-label-primary,
.light-style .bg-white,
.light-style .offcanvas,
.light-style .accordion,
.light-style .accordion-item,
.light-style .dropdown-menu,
.light-style .navbar {
    background: url("../images/bg-w.jpg") center center / cover no-repeat;
}
.form-select,
.badge:not(.badge-notifications),
.form-control {
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.btn,
.select2-selection,
.select2-selection--multiple .select2-selection__choice,
.select2-selection--single,
.btn-group,
.input-group-text {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.dark-style .card,
.dark-style .modal-content,
.dark-style body,
.dark-style .layout-menu,
.dark-style footer,
.dark-style .bg-white,
.dark-style .offcanvas,
.dark-style .accordion,
.dark-style .accordion-item,
.dark-style .dropdown-menu,
.dark-style .navbar {
    background: url("../images/bg-d.jpg") center center / cover no-repeat;
    box-shadow: rgba(160, 159, 159, 0.336) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.dark-style card.card-title,
.dark-style .breadcrumb-item.active,
.dark-style .breadcrumb-item:hover,
.dark-style .breadcrumb-item:focus,
.dark-style .breadcrumb-item a:hover,
.dark-style .bg-label-primary,
.dark-style .btn-outline-primary,
.dark-style h3,
.dark-style h4,
.dark-style h5,
.dark-style h6,
.dark-style p,
.dark-style a {
    color: #fff !important;
}
i {
    margin: 5px;
}
/* .dark-style img {
  background: #f2f5f9;
} */
.page-item .page-link {
    border-radius: 50% !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.timeline .timeline-item .timeline-point-wrapper {
    background-color: transparent !important;
}