.has-danger .form-control, .has-danger .form-control:invalid, .is-focused .has-danger .form-control {
    background-image: linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#f44336 2px,hsla(0,0%,82%,0) 0);
}

    .has-danger .form-control:read-only {
        background-image: linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#f44336 2px,hsla(0,0%,82%,0) 0);
    }

.card1 {
    margin-top: 0px;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #7b809a;
    --bs-table-striped-bg: rgba(0,0,0,.05);
    --bs-table-active-color: #7b809a;
    --bs-table-active-bg: rgba(0,0,0,.1);
    --bs-table-hover-color: #7b809a;
    --bs-table-hover-bg: rgba(0,0,0,.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #7b809a;
    vertical-align: top;
    border-color: #e9ecef;
}

    .table thead tr th {
        font-size: 0.75rem;
        font-weight: 500 !important;
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: #e9ecef;
    }

.align-items-center {
    align-items: center !important;
}

.table tbody tr td {
    font-size: 0.75rem !important;
}

.pagination {
    display: inline-flex;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.modal .btn-close {
    border: none;
    background-color: white;
}

.list-group-item strong {
    font-weight: bold;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}

.form-control {
    padding-left: 10px;
    padding-right: 10px;
}

.card-stats .card-header.card-header-icon i {
    font-size: 25px;
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    padding: 1px;
}

#dailySalesChart, #websiteViewsChart {
    height: 350px;
}

    #websiteViewsChart .ct-labels .ct-horizontal {
        transform: rotate(-45deg);
    }

.z-index-2 {
    z-index: 2 !important;
}

.border-radius-xl {
    border-radius: 0.75rem;
}

.float-start {
    float: left !important;
}

.icon {
    fill: currentColor;
    stroke: none;
}

.icon-shape {
    width: 48px;
    height: 48px;
    background-position: 50%;
    border-radius: 0.5rem;
}

.icon-lg {
    width: 64px;
    height: 64px;
}

.bg-gradient-primary {
    background-image: linear-gradient(195deg,#ec407a,#d81b60);
}

.bg-gradient-info {
    background-image: linear-gradient(195deg,#49a3f1,#1a73e8);
}

.mt-n4 {
    margin-top: -2rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.shadow-primary {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4) !important;
}

.icon-shape i {
    color: #fff;
    opacity: .8;
    top: 11px;
    position: relative;
}

.icon-lg i {
    top: 31%;
    font-size: 1.5rem;
}



.opacity-10 {
    opacity: 1 !important;
}

.me-auto {
    margin-right: auto !important;
}

.text-sm {
    font-size: .875rem !important;
}

.text-sm {
    line-height: 1.5;
}

.me-auto h6 {
    font-size: 1rem;
    line-height: 1.625;
}

.border-radius-xl {
    border-radius: 0.75rem;
}

.badge-dot {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: .875rem;
    text-transform: none;
}

.badge-lg {
    padding: 0.85em 1.375em;
}

.badge-dot.badge-lg i {
    width: 0.625rem;
    height: 0.625rem;
}

.badge-dot i {
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    margin-right: 0.375rem;
}

.bg-primary {
    background-color: #e91e63 !important;
}

.bg-dark {
    background-color: #344767 !important;
}

.bmd-label-floating, .bmd-label-placeholder {
    top: 0.6125rem;
}

.bmd-form-group [class*="bmd-label"], .bmd-form-group [class^=bmd-label] {
    position: absolute;
    pointer-events: none;
    transition: all .3s ease;
}

.is-filled .bmd-label-floating, .is-focused .bmd-label-floating {
    top: -1rem;
    left: 0;
    font-size: .6875rem;
}

.navbar.navbar-transparent {
    background-color: #e8e848 !important;
}

.sidebar {
    background: #003687 !important;
}

    .sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
        color: #fff !important;
    }

    .sidebar .logo .simple-text {
        color: #fff;
    }

@media (max-width: 991px) {
    .off-canvas-sidebar nav .navbar-collapse:before, .sidebar:before {
        background-color: #003687 !important;
    }
}

.swal-footer {
    text-align: center !important;
}
.form-select {
    padding: 0px 5px;
    border-radius: 5px;
    border-radius: 5px;
    padding: 0px 10px;
}
ul.pagination{
    float:right;
}
.pagination li a, .pagination li span {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: #2196f3;
    background-color: transparent;
    border: 0 solid #dee2e6;
}

.pagination li.active span {
    z-index: 1;
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.modal1 .modal-dialog {
    transition: transform 0.75s ease-in;
    transform: rotate(75deg);
}
.fade2 {
    transform: scale(0.9);
    opacity: 0;
    transition: all .2s linear;    
}

    .fade2.show {
        opacity: 1;
        transform: scale(1);
    }
#modal-loading {
    top:20%;
}
.loading-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid indigo;
    border-radius: 50%;
    border-top-color: #0001;
    display: inline-block;
    animation: loadingspinner .7s linear infinite;
}

@keyframes loadingspinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}