
.card .card-header+.card-body,
.card .card-header+.card-content>.card-body:first-of-type {
    padding-top: 0
}

.card[class*="card-border-shadow-"] {
    position: relative;
    border-bottom:
        none;
        transition: all 0.3s ease-in-out;

    z-index: 1;
}

.card[class*='card-border-shadow-']:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    border-radius: .5rem;
    transition: all .2s ease-in-out;
    z-index: -1
}

.card[class*='card-border-shadow-']:hover {
    box-shadow: 0 .25rem 1rem #a1acb873;
    transform: scale(1.02);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.card[class*='card-border-shadow-']:hover:after {
    border-bottom-width: 5px;
    border-left-width: 3px;
}

.card[class*='card-hover-border-'] {
    border-width: 1px
}

.card.card-border-shadow-primary:after {
  border-bottom-color: var(--border-bottom-color);
  border-left-color: var(--border-left-color);
}

.light-style .card,
.light-style .modal-content,
.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;
}
.page-item .page-link {
  border-radius: 50% !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.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;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
