thead.custom-header {
    background: #ecf0f1;
}

.custom-border th {
    border-bottom: 1px solid #002c4d;
}

.table-striped-blue thead {
    background: #002c4d;
    color: #fff;
}

.calendar-icon {
    width: 20px;
}

.c-width2 {
    width: 70vw !important;
}
.table-header-dark th {
    background: #002e5a;
    color: #fff;
}
.table-header-blue th {
    background: #002e5a;
    color: #fff;
}

.status-verified {
    color: #002e5a;
}

.status-returned {
    color: #000000;
}
.table-header-blue th {
    background: #002e5a;
    color: #fff;
}
.modal-dark-backdrop {
    background: rgba(0, 0, 0, 0.8);
}

.table-header-dark th {
    background: #002c4d;
    color: #fff;
}

.table-body-white tbody,
.table-footer-white tfoot {
    background: #fff;
}

.table-footer-total th#total {
    color: #54616c;
}

.table-footer-border tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.padding-y-20 {
    padding: 20px 0;
}
.modal-dark-backdrop {
    background: rgba(0, 0, 0, 0.8);
}

.table-header-dark th {
    background: #002c4d;
    color: #fff;
}

.table-white tbody,
.table-white tfoot {
    background: #fff;
}
.table-footer-border tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.table-footer-total th#total {
    color: #54616c;
}

.padding-y-20 {
    padding: 20px 0;
}
.link-stock-trade {
    color: #002e5a;
}

.table-header-blue th {
    background: #002e5a;
    color: #fff;
}

.link-stock-code {
    color: #002e5a;
    text-decoration: none;
}

    .link-stock-code:hover {
        text-decoration: underline;
    }
.card h4 {
    font-weight: 600;
}

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

.alert {
    font-size: 1rem;
}
.btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.text-center a {
    text-decoration: none;
}

#category1, #category2, #category3,
#category4, #category5, #category6,
#category7, #category8, #category9,
#category10, #category11, #category12,
#category13, #category14 {
    display: none;
}
.wrap-login100 {
    background: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.login100-form {
    max-width: 500px;
    margin: auto;
}

    .login100-form img {
        max-height: 60px;
    }
.modal-header a {
    color: black;
}

.profile-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.btn-warning {
    margin-bottom: 20px;
}

#modal-content {
    width: 100% !important;
    margin-top: 10rem;
}

.dash-nav-dropdown-menu {
    display: none;
}

    .dash-nav-dropdown-menu.show {
        display: block;
    }
#otpbox {
    border: 1px solid #ccc !important;
}

.form-control {
    font-size: 16px;
}

.wrap-login100 {
    padding: 60px 55px 33px 55px;
}

input, .alert {
    font-family: Calibri, Arial, sans-serif;
}

.navbar-custom {
    padding: 30px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.logo-wrapper {
    width: 200px;
    margin: auto;
}

.footer {
    margin-top: 3rem;
}

#copyright {
    font-size: 0.875rem;
}

.custom-breadcrumb {
    background: #fff;
    margin-bottom: 0;
    padding-left: 0;
}

.custom-page-header {
    margin-top: 0;
}

.zindex-otp {
    z-index: 10000;
}

.indemnity-width {
    width: fit-content !important;
}

.indemnity-body {
    height: 400px;
    overflow-y: scroll;
}

.chart-wrapper {
    width: 320px;
    text-align: center;
    margin: 0 auto;
}

.icon-35 {
    width: 35px;
}

.setwidth {
    width: fit-content !important
}
.login-form-container {
    padding: 65px 45px 33px 45px;
    height: 85vh;
}

.login100-form-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.txt2.txt-bold {
    font-weight: bold;
}

.fs-15 {
    font-size: 0.9375rem;
}
.tb-set{
    width: 80% !important
}
#imagePreview {
    width: 180px;
    height: 150px;
    object-fit: cover;
    display: none;
    margin-bottom: 1rem;
}

#removeBtn {
    display: none;
}
.displaypic {
    background-image: url( ../img/profile-pic.jpg );
    background-size: contain;
    background-repeat: no-repeat;
}

.imageupload {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.dash-row {
    margin-top: 1rem;
}