li {
    padding: 0;
    list-style: none;
}

.main-sidebar {
    width: 265px;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-header {
    margin-left: 265px;
    height: 71px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: #206eb6;
    box-shadow: none;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active i {
    color: #e8ebfa;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .btn-link {
    color: #e8ebfa;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background: #206eb6;
    transition: 300ms ease-in-out;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover i,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover button {
    color: #e8ebfa !important;
}

@media (min-width: 993px) {
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover {
        width: 265px;
    }
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .content-wrapper {
        margin-left: 265px;
    }

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .main-footer {
        margin-left: 265px;
    }
}

.nav-pills .nav-link {
    border-radius: 0 !important;
}

/* menubar right */

.navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: row;
}

.dropdown-export-menu {
    position: relative;
    display: inline-block;
}

.nav-profile .nav-profile-img {
    width: 40px;
    margin-right: 20px;
}

.dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
}

.dropdown-toggle:hover {
    color: #fff;
}

.btn-secondary:hover {
    color: #fff;
    border-color: #565e64;
    background: none;
}

.btn-secondary:active {
    background: none;
    border-color: none;
    box-shadow: none !important;
}

.btn-secondary:focus {
    background: none;
    border: none !important;
    box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: none;
    border-color: none;
}

.nav-profile .nav-profile-img img {
    width: 100%;
    border-radius: 100%;
}

.nav-profile .dropdown-content-export-menu {
    top: 40px;
}

.nav-profile-text p:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.dropdown-export-menu:hover .dropdown-content-export-menu {
    display: block;
}

.dropdown-content-export-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 0;
    z-index: 1;
    right: 0;
    top: 29px;
    border-radius: 4px;
}

.nav-profile a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.dropdown-export-menu a {
    margin: 0 !important;
}

.dropdown-content-export-menu ul {
    padding-left: 0px;
    margin-bottom: 0;
    width: min-content;
    border-radius: 4px;
    border: 2px solid #f4f7ff;
}

.dropdown-content-export-menu ul li:nth-child(even) {
    background: #f4f7ff;
}

.dropdown-content-export-menu ul li:nth-child(odd) {
    background: #fff;
}

.dropdown-content-export-menu ul li {
    padding: 10px 20px;
    white-space: nowrap;
}

.dropdown-content-export-menu ul li:hover {
    background: #dde6ff;
}

.dropdown-content-export-menu ul li a {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    color: grey;
}

.dropdown-export-menu button {
    border: none;
    background: none;
    color: grey;
}

.dropdown-export-menu button i {
    font-size: 12px !important;
}

.content-header {
    padding: 15px 1.5rem;
}

.content-wrapper > .content {
    padding: 0 1.5rem;
}

.collapse-icon {
    margin-right: 15px;
}

.sidebar-mini .main-sidebar .nav-link:hover i {
    color: #29323d !important;
}

.nrna-logo img {
    width: 52px;
}

.brand-text p {
    margin-bottom: 0;
}

.brand-text p:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
}

.brand-text p:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
}

.main-sidebar .brand-link {
    background: #1391e0;
    border-bottom: none;
}
.nav-link i {
    color: #fff;
}

.note-editing-area {
    min-height: 100px !important;
}

.user-panel {
    border-bottom: 1px solid #eaf3ff !important;
}

.form-group label {
    color: #555555;
}

.form-group textarea {
    border-radius: 0.25rem;
    border: 1px solid #eaebfa;
    color: grey;
}

.form-group textarea:focus-visible {
    outline: none;
}

.form-group select {
    color: grey;
}

.form-control {
    height: 45px;
    border: 1px solid #eaebfa;
    color: grey;
}

.form-control:focus {
    border-color: #ced4da;
}

.card {
    border: 1px solid #eaebfa;
    box-shadow: none;
    border-top: none !important;
}
.login-box .card {
    border-radius: 40px !important;
}

.card-header {
    background: #f1f7ff;
    border-bottom: none;
}
.login-box .card-header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.login-box .card-body {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.show-pass {
    cursor: pointer;
}

.card-body {
    background: #f1f7ff;
}

.main-footer {
    border-top: none;
}
.login-box .input-group,
.mem-request-sign {
    margin-top: 24px;
}
.mem-request-sign p {
    margin-bottom: 0;
}
.mem-request-sign a:hover {
    color: #0aae42;
    text-decoration: underline;
}

svg {
    width: 20px !important;
}

.pagination-page p {
    margin-top: 20px !important;
}

/* Dropdown Button */
.dropbtn {
    border: none;
    background: none;
    color: #c2c7d0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    padding: 0.5rem 1rem;
    width: 100%;
    color: #c2c7d0;
}

.dropdown:hover {
    background: #fcfcfc;
    border-radius: 0.25rem;
}

.dropdown button,
i {
    color: #c2c7d0;
}

.dropdown:hover button {
    color: #29323d !important;
}

.dropdown i {
    color: #c2c7d0;
    margin-right: 5px;
}

.dropdown:hover i {
    color: #29323d !important;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.nav-pills .nav-link.active {
    background: #eaf3ff;
    color: #103d7d;
    width: 100%;
}

.nav-pills .nav-link:hover {
    background: #eaf3ff;
    color: #103d7d;
    /* width: 100%; */
}

.dropdown-content a:hover {
    background: #eaf3ff !important;
    color: #103d7d !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background: #fcfcfc;
}

.back-button {
    color: white;
    float: right;
    background: #007bff;
    padding: 5px 10px;
    border-radius: 5px;
}

.nav-item {
    width: 100%;
}

/* accordion */

.acc-card {
    box-shadow: none;
    background: none !important;
    color: white;
    margin-bottom: 0px;
}

.acc-card .card-header {
    padding: 0.5rem 1rem;
    border-bottom: none;
}

.acc-card .card-header button {
    padding: unset !important;
    color: #c2c7d0;
}

.acc-card .card-header button:hover {
    color: #fff;
}

.acc-card .card-header button i {
    margin-right: 12px;
    color: #fff;
}

.acc-card .card-body {
    padding: 0.5rem 2.5rem;
}

.acc-card .card-body a {
    padding: unset;
}

.acc-card .nav-link {
    color: #fff !important;
    padding: 0.5rem 0 0.5rem 0.5rem !important;
    margin: 0.1rem 0;
    width: unset !important;
}
.acc-card .nav-link.active {
    color: #103d7d !important;
}

.table-search {
    width: fit-content;
}

.table-search input {
    margin-right: 10px;
    border-radius: 5px !important;
}

.add-points {
    border: 1px solid #00000032;
    padding: 10px;
}

.add-points input {
    margin-bottom: 10px;
    width: 80%;
    border: 1px solid #00000032;
    border-radius: 2px;
    padding: 5px;
}
.create-button .col-md-12 button {
    padding: 10px 50px;
}

.dom-box {
    position: relative;
}

.close-button {
    background: none;
    border: none;
    position: absolute;
    top: 0;
    right: 0px;
    color: red;
}
.add-point-btn {
    width: 20%;
}

.point1 {
    position: relative;
}

.point1 button {
    position: absolute;
    /* right:90px; */
    top: 10px;
    background: none;
    border: none;
    color: red;
    font-size: 10px;
}

.point_old {
    position: relative;
}

.close-point i {
    color: red;
    font-size: 12px;
}

.close-point {
    position: absolute;
    border: none;
    top: 6px;
    right: 0px;
    background: none;
}

.table-search {
    /* width: fit-content; */
}

.search-form .table-search input {
    /* margin-right: 10px; */
    border-radius: 5px !important;
}

.ds-input:focus {
    border-color: #1850b7;
}
.breadcrumb-wrap {
    text-align: right;
}
.breadcrumb {
    display: block;
    background: none;
}
.breadcrumb ul {
    margin: 0;
}
.breadcrumb ul li {
    display: inline-block;
}
.breadcrumb ul li a {
    padding-right: 6px;
    padding-left: 6px;
}
.breadcrumb ul li i,
.breadcrumb ul li a {
    color: #212529;
}
.breadcrumb ul li i:last-child {
    padding-right: 6px;
}
.breadcrumb ul li a:hover {
    color: #2780cd;
}

/* new edit */

.table td {
    padding: 0.5rem;
}

.table > :not(:last-child) > :last-child > {
    border-bottom-color: red !important;
}

.action-icons i {
    color: #62666a;
}

.action-icons a {
    padding: 5px;
}

.action-icons i:hover {
    color: #212529;
}

.input-group {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 0;
}

.input-group input,
select {
    padding: 0 10px !important;
}

.input-group .form-control {
    font-size: 14px;
}

.input-group .form-control:focus {
    box-shadow: none;
}

.main-sidebar .brand-link {
    height: 70px;
}

.ml-auto i {
    color: #fff;
}

.dropdown-menubar .dropdown-toggle {
    padding: 0;
    background: none;
    border: none;
    color: #fff;
}

.dropdown-menubar .dropdown-menu[data-bs-popper] {
    left: -125px;
}

.dropdown-menubar button:active {
    background-color: none;
}

.btn:focus {
    box-shadow: none;
}

.dropdown:hover {
    background: none;
}

.dropdown-menubar .dropdown-toggle:active {
    background: none !important;
}

.dropdown-menubar .dropdown-menu {
    padding: 0;
}

.nav-sidebar .nav-item p {
    color: #fff;
}

.nav-sidebar .nav-item:hover p {
    color: #212529;
}

.os-content {
    padding: 0 !important;
}

.collapse-sidebar {
    background: #2a77bf;
}

.card-header {
    padding: 1rem 1rem !important;
}

.card-header > .card-tools {
    margin-right: unset;
}

/* login page */
.login-box,
.register-box {
    width: 460px;
}
.forget-p-btn {
    float: right;
    color: #000;
}
.login-captch-wrap {
    display: flex;
    gap: 15px;
}
.login-captch-wrap .captcha-wrap {
    width: 35%;
}
.login-captch-wrap img {
    width: 100%;
}
.login-captch-wrap input {
    border: 1px solid #eaebfa;
}
.login-captch-wrap input:focus {
    outline: none;
}

.login-icon {
    border: none;
}

.login-icon .input-group-text {
    background: #1391e0;
    color: #fff;
}

.login-icon .input-group-text {
    background: #1391e0;
    color: #fff;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}

.breadcrumb-item a {
    text-decoration: none;
}

.card-header a {
    text-decoration: none;
    /*display: block;*/
    /*width: 37%;*/
    /*margin: 0 auto;*/
}

/* new css */

.main-header {
    background: #1391e0;
}

.sb {
    background: #2680cd;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.btn-link {
    color: #fff;
    width: 80%;
    text-align: left;
}

.sidebar-mini .main-sidebar .nav-link:hover p button {
    color: #000;
}

.nav-link {
    padding: 0 !important;
}

.sidebar-nav-item ul li {
    list-style: none;
    padding: 8px 24px;
}

.sidebar-nav-item ul li:hover {
    background: #206eb6;
}

.sidebar-nav-item ul {
    padding: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:active {
    background: #206eb6;
    color: #29323d !important;
}

.btn-create {
    background: #3491e0;
    color: #e8ebfa;
    padding: 8px 15px;
}
.login-box .btn-create {
    font-size: 16px;
    font-weight: 600;
}

.btn-create:hover {
    color: #fff;
    background: #0aae42;
    transition: all 300ms ease-in-out;
}

.collapse-sidebar a,
.collapse-sidebar a i {
    color: #e8ebfa !important;
}

.collapse-sidebar li:hover .sidebar-nav-link {
    color: red;
}

/* members info */

.content-wrapper-mi {
    background: #fafbff;
}

.content-wrapper-mi .card {
    border: 1px solid #e8ebfa;
    box-shadow: none;
    border-radius: 12px;
}

.members-info-row h3,
.heading-block h3 {
    font-size: 22px;
    font-weight: 600;
}
.verification-block {
    margin: 0px 0px 20px 20px;
}
/* Modal CSS */
.modal-header {
    background: #5b5fc7;
    color: #fff;
}
.modal-footer {
    background: #fbfbfb;
}
.ctm-primarybtn {
    background-color: #5b5fc7;
    border-color: #4347be;
    color: #fff;
}
.ctm-primarybtn:hover,
.close-btn:hover {
    transition: all 300ms ease-in-out;
    color: #e9eaff;
}
.ctm-primarybtn:hover {
    background-color: #4347be;
}
.close-btn {
    background-color: #5e61ae;
    border-color: #5e61ae;
    color: #fff;
}
.icon-close-btn {
    box-sizing: content-box;
    border: none;
    display: flex;
    color: #fff;
    font-size: 18px;
    background: transparent;
}
.icon-close-btn i {
    color: #bdc0fb;
}
.icon-close-btn i:hover {
    color: #fff;
}
.close-btn:hover {
    background-color: #4f5298;
    border-color: #5e61ae;
}
.payment-verify h3,
.document-verify h3 {
    color: #212529;
}
.verification-block .modal-body label {
    font-size: 18px;
    color: #5b5fc7;
}

.members-info-row h6 {
    font-size: 17px;
    color: #9b9b9b;
    margin-bottom: 20px;
}

.profile-name p:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.profile-name p:nth-child(2) {
    color: #3491e0;
    margin-bottom: 5px;
}

.content-wrapper-mi .form-control {
    height: unset;
    margin-bottom: 15px;
    padding: 5px;
    font-size: 14px;
}

.profile-image {
    width: 100px;
    height: 100px;
}

.profile-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.profile-detail .detail-left p {
    font-size: 16px;
    font-weight: 600;
}

.profile-detail .detail-left a {
    color: #000;
}

.profile-detail .detail-right p {
    font-size: 16px;
}

.content-wrapper-mi .form-select {
    color: grey;
    font-size: 14px;
}

.content-wrapper-mi .form-select:focus-visible {
    border: none !important;
    outline: none;
}

.content-wrapper-mi .form-control::placeholder {
    font-size: 14px;
}

.birthday-input {
    font-size: 14px;
    color: grey;
    margin-bottom: 15px;
    padding: 5px;
}

.profile-detail .col-md-8 label {
    font-size: 14px;
}

.profile-detail .slip-image {
    width: 150px;
    height: 150px;
    margin-left: 20px;
}

.profile-detail .slip-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.member-verify h3 {
    color: #3491e0;
}

.member-verify h6 {
    color: #030e1e;
}

.profile-icon {
    width: 15px;
    height: 15px;
}

.profile-icon img {
    width: 100%;
    height: 100%;
}

.members-info-row .submit-button {
    width: 15%;
}

.members-info-row .submit-button button {
    width: 100%;
    padding: 10px 0px;
    background: #3491e0;
    border: none;
    border-radius: 4px;
    color: #fff;
    border-color: #7b1fa2;
}

/* member-list */

.main-panel {
    background: #f4f7ff;
}

.content-wrapper-bg {
    background: #f4f7ff !important;
    padding: 1.5rem;
    position: relative;
}

.card-heading h4 {
    font-weight: 700;
    font-size: 1.13rem;
    font-family: "Montserrat", sans-serif;
}

.card-heading p {
    color: #9b9b9b;
}

.filter-btnwrap .input-group {
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    margin: auto;
    line-height: normal;
}

.filter-btnwrap .input-group .form-control {
    color: #848484;
    border: none;
    padding: 0;
    height: unset;
}

.filter-btnwrap .input-group span i {
    color: #e5e5e5;
}

.filter-btnwrap .input-group select {
    background: none;
    border: none;
    color: #848484;
    font-size: 14px !important;
    padding: 0px 5px;
}

.filter-btnwrap option {
    min-height: 40px !important;
    padding: 40px !important;
    margin-left: 20px;
}

.filter-btnwrap .form-select {
    color: #e5e5e5;
    border-color: #e5e5e5;
    font-size: 0.8125rem;
    padding: 10px;
    -webkit-appearance: none;
}

.filter-btnwrap .form-select:focus-visible {
    border: none;
    outline: none;
}

.input-field-show {
    background-color: #dde6ff;
    border-color: #cbd9ff;
}

.filter-btnwrap .show-select {
    background: #dde6ff;
    padding: 10px 5px !important;
    font-size: 1rem !important;
    border-radius: 4px;
    border: #e8ebfa;
    margin-left: 5px;
}

.filter-btnwrap .show-select .form-select {
    width: 30px;
    background: transparent;
    border-color: none;
    color: #030e1e !important;
    padding: 0 !important;
}

.dropdown-export {
    position: relative;
    display: inline-block;
}

.dropdown-content-export {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 0;
    z-index: 1;
}

.export-button img {
    width: 20px;
}

.dropdown-content-export ul {
    padding-left: 0px;
    margin-bottom: 0;
    width: min-content;
    border: 1px solid #bcbcbc;
    margin-top: 5px;
    border-radius: 4px;
}

.dropdown-content-export ul li {
    padding: 0px 8px;
    margin: 5px;
    border-color: #cbd9ff;
    border-radius: 4px;
}

.dropdown-content-export ul li:hover {
    background: #dde6ff;
}

.dropdown-content-export ul li a {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    color: grey;
}

.export-button button {
    border-radius: 4px;
    border: 1px solid #cadcf5 !important;
    background: #dde6ff;
    color: #3491e0;
    padding: 8px;
}

.export-button button:hover {
    background: #dde6ff;
    color: #3491e0;
    border-color: #cbd9ff !important;
}

.dropdown-export:hover .dropdown-content-export {
    display: block;
}

.card-wrap {
    background-color: #ffffff;
    border-radius: 6px;
    width: 100%;
}

.bg-header h3 {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.table {
    border-collapse: unset;
}

.table-details .table {
    border: 1px solid #e8ebfa;
    border-radius: 6px;
    border-spacing: 0;
}

.table-details table thead th {
    padding: 10px;
    vertical-align: top;
    color: #555555;
    font-weight: 700;
    border-top: none;
    background: #f1f7ff;
}

.tblform-check .dropdown-toggle:hover {
    color: #555555 !important;
}

.dropdown-menu {
    left: 10px !important;
    padding: 0;
    border: none;
}

.dropdown-menu a {
    color: #555555;
    font-size: 14px;
}

.dropdown-menu a:hover {
    background: #dde6ff;
    color: grey;
}

.table-details table tbody td {
    padding: 5px;
    vertical-align: top;
    color: #030e1e;
    font-weight: 500;
    border-top: 1px solid #e8ebfa;
}

.table-details table tbody .status i {
    padding: 5px;
    font-size: 10px;
    border-radius: 25px;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    color: #fff;
}

.table-details table tbody .verified i {
    background: #1aac4c;
}

.table-details table tbody .pending i {
    background: #e7a11a;
}

.table-details table tbody .rejected i {
    background: #e71e1e;
}

.table thead th {
    border-bottom: none;
}

.icon-button {
    padding-left: 0;
    margin-bottom: 0px;
}

.icon-button li {
    margin-right: 10px;
}

.table-details .action-icons a {
    padding: 0;
}

.table-details table tbody td a {
    vertical-align: top;
    color: #030e1e;
    font-weight: 500;
}

.table-details .action-icons a i {
    font-size: 13px;
}

.table-details table td img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.name-table {
    margin-left: 10px;
}

.name-table p:nth-child(1) {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.name-table p:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #7d7d7d;
}

.table tbody tr:nth-child(even) {
    background: #f1f7ff;
    font-size: 18px;
}

.members-info-row .submit-button button:hover {
    background: #3491e0;
    color: #e8ebfa;
}

.image-upload > input {
    display: none;
}

.image-upload img {
    cursor: pointer;
}

.select-block {
    border: 1px solid #e8ebfa;
    padding: 7px;
    border-radius: 0.25rem;
    padding-left: 30px;
    background: #fff;
}

.select-block p {
    margin-bottom: 0;
}
.gallery-images-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.gallery-images {
    padding: 20px;
}
.main-footer a {
    color: #3491e0;
}

/* Media Query */

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .main-sidebar::before {
        margin-left: -266px;
    }
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .main-header {
        margin-left: 0;
    }
    .login-box,
    .register-box {
        width: 94%;
    }
    .login-captch-wrap input {
        width: 50%;
    }
    .m-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .mem-request-sign p {
        font-size: 12px;
    }
}