html {
    scroll-behavior: smooth;
  }
.login-title{font-size: 18px;}
.login-subtitle{font-size: 16px;}
.login-bg{
    /* background-image: url("../img/login-bg.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover; */
    background-image: url(../img/login_bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.nav.nav-pills li a{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border-right: 1px solid #e3e6f0;
    /* border-radius: 0.35rem; */
    padding: 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #5a5c69;
}
.nav.nav-pills li a.active{
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
    border-bottom: 4px solid #794160;
    color: #794160;
}
/* .nav.nav-pills li:nth-child(2) a.active{
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
    border-bottom: 4px solid #1cc88a;
    color: #1cc88a;
}
.nav.nav-pills li:nth-child(3) a.active{
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
    border-bottom: 4px solid #36b9cc;
    color: #36b9cc;
}
.nav.nav-pills li:nth-child(4) a.active{
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
    border-bottom: 4px solid #f6c23e;
    color: #f6c23e;
} */
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
   font-size: 0.9rem;
}
.back-btn{
    font-size: 14px;
    background: linear-gradient(90deg, rgb(48 13 32) 0%, rgb(173 0 94) 100%, rgb(48 13 32) 100%);
    color: #fff;
    border: unset;
    border-radius: 32px;
    padding: 5px 22px;
    margin-bottom: 10px;
 }
 .sidebar-dark .nav-item .nav-link.active{
    color: rgba(255,255,255 , 1);
 }
 .table-bordered tbody tr td {
    padding: 0.4rem;
 }

 /* New Design Css Starts */
body {
    background-color: #f2f6fa;
}
 .split_section {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 170px);
 }
 .module_hero_img {
     width: calc(100% - 50%);
}
.module_hero_img img {
    width: 100%;
    height: 100%;
    padding: 50px;
}
 .navBrand img {
    width: 110px;
    max-width: 110px;
 }
 .breadcrums {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 50px;
    margin-top: -25px;
    background-color: #cccccc36;
    padding-block: 10px;
    margin-bottom: 10px;
 }
 .breadcrums  a {
    color: #151515;
    font-size: 14px;
    font-weight: 400;
}
.breadcrums  a:last-child {
    font-weight: 500;
    text-decoration: underline;
}
 .module_enter_card_parent {
    width: calc(100% - 50%);
    height: 75vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.module_enter_card_parent h3{
    color: #000;
    font-weight: 500;
    font-size: 2vw;
    margin-bottom: 20px;
}
/* .module_enter_card_parent p {
    margin-block: 0px 20px;
    font-weight: 200;
    letter-spacing: 0.5px;
    font-size: 1vw;
} */
 .module_enter_card_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.module_enter_card {
    height: 120px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    color: #000;
    background-color: #fff;
}
.module_enter_card_body {
    position: relative;
    z-index: 1;
}
.module_enter_card_body .card-title{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.module_enter_card .overlay {
    background-color: #ffb400;
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: -50px;
    right: -50px;
    border-radius: 200px;
    transition: 350ms ease-in-out;
}

.module_enter_card .overlay.docubay {
    background-color: #309898;
}

.module_enter_card .overlay.admin {
    background-color: crimson;
}

.module_enter_card .overlay.logs {
    background-color: #3a0ca3;
}

.module_enter_card:hover {
    text-decoration: none;
}

.module_enter_card:hover .overlay {
    transform: scale(12);
}

.module_enter_card:hover * {
    color: #fff;
}

#clear_filter_div {
    display: flex;
    align-items: center;
}
#clear_filter {
    white-space: nowrap;
}
.campaignList img {
    /* width: 60px; */
    height: auto;
}
.btn-primary, .page-item.active .page-link {
    background: #4e73df !important;
    border: 0 !important;
}
.login_outer {
    border-radius: 24px;
}
.login_inner {
    padding: 0 20px 20px;
}
.login_logo {
    text-align: center;
    margin-bottom: 10px;
}
.login_logo img {
    height: 60px;
    background-color: #fff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 1px 9px 15px #ccccccc7;
    margin-block: 20px;
    /* height: 100px; */
}