.layout-fixed .main-sidebar {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.scrolling-wrapper {
    overflow-x: auto;
}

.card-block {
    height: 250px;
    background-color: #fff;
    border: none;
    background-position: center;
    background-size: cover;
    transition: all 0.2s ease-in-out !important;
    border-radius: 24px;
    &:hover {
        transform: translateY(-5px);
        box-shadow: none;
    }
}

.card-1 {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.login-img {
    /* border-top-left-radius: 1.5rem; */
    /* border-bottom-left-radius: 1.5rem; */
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    background: linear-gradient(to right, rgba(147, 51, 234, 0.7), rgba(206, 53, 220, 0.5));
}

.login-section-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 68px 100px;
    background-color: #fff;
}

.brand-wrapper {
    padding-top: 7px;
    padding-bottom: 8px;
}

.login-wrapper {
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
}

.card-2 {
    background-color: #0093E9;
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.card-3 {
    background-color: #00DBDE;
    background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}

.card-4 {
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}

.card-5 {
    background-color: #85FFBD;
    background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}

.card-6 {
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

.card-7 {
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

.card-8 {
    background-color: #FBDA61;
    background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
}

.card-9 {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.card-10 {
    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
}

.pro {
    background: rgba(147, 51, 234, 0.7);
    border-radius: 1rem;
    color: white;
    padding: 1rem;
    position: absolute;
    bottom: 1rem;
    width: 85%;
    left: 1rem;
    ;
}

.pro img {
    position: absolute;
    top: -10%;
    right: 10%;
}

.pro h4 {
    width: 40%;
    color: white;
    font-weight: 600;
}


/* a {
    background-color: #d200e9;
}

a.active {
    background-color: red;
} */

.main-sidebar {
    background-color: rgb(0, 0, 0);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgb(195, 46, 46);
}

.main-sidebar .brand-text,
.main-sidebar .logo-xl,
.main-sidebar .logo-xs,
.sidebar .nav-link p,
.sidebar .user-panel .info {
    color: rgba(255, 255, 255, 0.858);
    font-size: 0.8;
    /* font-weight: bold; */
}

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

.card-primary.card-outline {
    border-top: 3px solid #ea3333;
}

.btn-primary {
    color: #fff;
    background-color: #f74b4b;
    border-color: rgb(255, 80, 80);
    box-shadow: none;
}

.btn-primary:hover {
    background-color: #ff0000;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ea3333;
}

.nav-pills:hover .nav-link:hover {
    color: #000000;
}

.btn-outline-primary {
    color: #ea3333;
    border-color: #ea3333;
}

.btn-outline-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 7, 7);
}

.card-primary:not(.card-outline)>.card-header {
    background-color: #ea3333;
}

a {
    color: #f76e6e;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #ff0000;
}

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

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #c8c8c8;
    border-color: #4f4f4f;
}