@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

:root {
    --kites: #1a3784;
    --kites-btn: #354b91;
    --sampath: #ee7623;
}

.bg-light-gray {
    background-color: #f8f9fa;
    padding: 1rem;
}

.navbar .navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
}

.nav-pills a.nav-link {
    font-weight: 600;
}

.nav-pills .nav-link {
    color: #333;
}

.page-title {
    padding-left: 2rem;
    display: inline;
}

.content-wrapper .navbar {
    margin-bottom: 2rem;
}

.user-status {
    display: inline-block;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #354052;
    font-weight: 600;
}

.user-status i {
    font-size: 0.9rem;
}

.btn-theme-comman {
    background-color: #323232;
    border: #323232;
    color: #fff;
}

.btn-theme-comman:hover {
    background-color: #323232;
    border: #323232;
    color: #fff;
}

.notice-cont {
    background-color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
}

.notice-cont strong {
    display: block;
}

.notice-cont p {
    margin-top: 0.5rem;
}

.form-label {
    font-weight: 600;
    ;
}

.response-pg-rside {
    list-style: none;
    margin: 0 0 2rem 0;
    padding: 0;
}

.response-pg-rside li {
    margin-bottom: 0.5rem;
}

.response-itm {
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.response-itm img {
    margin-bottom: 1rem;
}

.date-time-comp {
    width: 100%;
    margin-bottom: 1rem;
}

.settings-tab .nav-tabs .nav-link {
    border: 0;
    color: #7f8fa4;
}

.settings-tab .nav-tabs .nav-item.show .nav-link,
.settings-tab .nav-tabs .nav-link.active {
    color: #000;
    font-weight: 600;
}

.settings-tab .tab-content>.tab-pane {
    padding: 1rem;
}

.active>.page-link,
.page-link.active {
    color: #fff !important;
    background-color: var(--sampath);
    border-color: var(--sampath);
}

.filter {
    margin-bottom: 2rem;
}

.side-menu {
    z-index: 1500;
}

.side-menu .list-group .list-group-item {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.side-menu .list-group .list-group-item i {
    margin-right: 0.3rem;
}

.pagination-sec {
    width: 100%;
    text-align: center;
}

.pagination .page-item .page-link {
    color: #333;
}

.page-title-sec {
    margin-bottom: 1rem;
}

.table .row-edit a {
    color: #000;
}

.table .row-edit a:hover {
    color: var(--sampath);
}

footer {
    background-color: #333;
    padding: 0.3rem 0;
    color: #a3a3a3;
    text-align: center;
    font-size: 0.8rem;
}

multi-input input {
    padding: 0;
}

.login-fimg {
    background-color: var(--sampath);
    background-image: url(img/login-fimg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-form-cont h1 {
    text-transform: uppercase;
    color: var(--kites);
    margin-bottom: 3rem;
}
.login-form-cont h2 {
    color: #333;
}
.login-form-cont h6 {
    color: #333;
    margin-bottom: 3rem;
}
.login-form-cont .login-form{
    padding-left: 10%;
}

/*Bank color theme*/
.btn-theme {
    background-color: var(--sampath);
    border: 1px solid var(--sampath);
    color: #fff;
}

.btn-theme:hover {
    background-color: var(--sampath);
    border: 1px solid var(--sampath);
    color: #fff;
}

.list-group-item.active {
    background-color: var(--sampath);
    border-color: var(--sampath);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--sampath);
    background-color: transparent;
}

.nav-pills a.nav-link:hover {
    color: var(--sampath);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 1px var(--sampath) solid;
}

.btn-theme-kites {
    background-color: var(--kites-btn);
    border: 1px solid var(--kites-btn);
    color: #fff;
}

.btn-theme-kites:hover {
    background-color: var(--kites-btn);
    border: 1px solid var(--kites-btn);
    color: #fff;
}

#otp_{
    .loadinggif{
    width: 45px;
    margin-bottom:1rem;
}
}

/*Bank color theme*/

@media (min-width: 992px) {
    .offcanvas {
        position: relative;
    }

    .wrapper {
        display: flex;
    }

    .side-menu {
        max-height: 100%;
    }

    .content-wrapper {
        width: 100%;
        padding-bottom: 2rem;
    }

    .menu-collaps-mob {
        display: none;
    }

    .page-title-sec {
        margin-bottom: unset;
    }

    .offcanvas-backdrop {
        /*display: none !important;*/
    }

    .side-menu {
        z-index: 1000;
    }

}