#loginform label {
        color: #000 !important;
    }

    .nav_username {
        color: #000;
        border: 2px solid #fff;
        padding: 2px 10px;
        border-radius: 4px;
    }

    .color-wh,
    .color-wh label {
        color: #fff !important;
    }

    .navbar-brand-img {
        border: 2px solid #fff;
        border-radius: 10px;
        padding: 10px;
    }

    #navbarBlur * {
        color: #000 !important;
    }

    .copyright .font-weight-bold {
        text-decoration: underline;
    }

    .copyright *,
    .copyright {
        color: #000 !important;
    }

    .g-sidenav-show .sidenav .nav-link-text {
        color: #000 !important;
    }

    .bg-white.sidenav .nav-link-text {
        color: #000 !important;
    }

    .g-sidenav-show .sidenav .active .nav-link-text {
        color: #2b3044 !important;
    }

    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        height: auto !important;
    }

    .sidenav-header {
        height: auto !important;
    }

    .navbar-vertical .navbar-brand-img,
    .navbar-vertical .navbar-brand>img {
        max-height: 100% !important;
    }

    .alert-danger {
        color: #fff !important;
    }

    .bg-gradient-primary {
        background-image: linear-gradient(310deg, #ffffff, #003865)
    }

    .navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
        background-image: linear-gradient(310deg, #ffffff, #003865)
    }

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

    .btn-primary {
        background-color: #003865 !important;
    }

    .form-control:focus {
        border-color: #d9bb97 !important;
        box-shadow: 0 0 0 2px #d9bb97 !important;
    }

    .bg-gradient-dark {
        background-image: linear-gradient(310deg, #00529b, #6e9bc5) !important;
    }

    #notification {
        right: 190px;
        top: 21px;
        color: #fff !important;
        z-index: 1;
    }

    .bg-gradient-dark-brown {
        background-image: linear-gradient(310deg, #d9bb97, #d9bb97) !important;
    }

    .user_status {
        border-radius: 6px;
        padding: 4px 10px;
        font-size: 11px !important;
    }

    .form-select-status {
        cursor: pointer;
    }

    .form-select-status:hover {
        border-color: #d9bb97;
    }

    .status_approved,
    .status_enable,
    .status_success {
        background: green;
        color: #fff !important;
        font-weight: 800 !important;
        font-size: 14px !important;
        padding: 6px;
        border-radius: 6px;
    }

    .status_trial {
        background: orange;
        color: #000;
        font-weight: 800 !important;
        font-size: 14px !important;
        padding: 6px;
        border-radius: 6px;
    }

    .status_canceled {
        background: red;
        color: #fff;
        font-weight: 800 !important;
        font-size: 14px !important;
        padding: 6px;
        border-radius: 6px;
    }

    .status_pending,
    .status_disable {
        background: yellow;
        color: #000 !important;
        font-weight: 800 !important;
        font-size: 14px !important;
        padding: 6px;
        border-radius: 6px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444 !important;
        line-height: 40px !important;
        font-size: 14px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    .select2-container--default .select2-selection--single {
        border: 1px solid #d2d6da !important;
        border-radius: 8px !important;
    }

    .select2-container .select2-selection--single {
        height: 40px !important;
    }

    .image_outer {
        height: 100px;
        width: 100px;
        overflow: hidden;
        border-radius: 10px;
    }

    .subscription {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        /* box-shadow: 0px 0px 16px 0px #d9bb97; */
        text-align: center;
        margin-top: 20px;
        height: 370px;
    }

    .subscription .description {
        font-size: 14px;
    }

    .subscription .title {
        font-weight: 800;
        font-size: 21px;
        border-bottom: 1px solid #000;
        padding-bottom: 12px;
    }

    .subscription .price {
        font-size: 26px;
        color: #01539c;
    }

    .subscription .price span {
        font-size: 18px;
    }

    #card-form button {
        display: block;
        width: 100%;
        background: #00529b;
        color: #fff;
        border: unset;
        padding: 6px 0;
    }

    #card-form {
        background: #fff;
        padding: 20px;
    }

    #successpage {
        height: 450px;
    }

    #successpage .inner-content .color_white {
        color: #fff;
    }

    .thankyou_message {
        color: #2b3044 !important;
        background: #fff;
        padding: 10px;
        text-align: center;
        border-radius: 10px;
    }

    .color_white>a {
        text-decoration: underline;
        color: #fff;
    }

    .password_validation {
        color: red;
        font-size: 11px !important;
    }

    .validating>input[type=password] {
        border-color: red !important;
    }

    .validating>input[type=password]:focus {
        box-shadow: 0 0 0 2px red !important;
    }

    .validated .password_validation {
        color: green !important;
    }

    .validated>input[type=password] {
        border-color: green !important;
    }

    .validated>input[type=password]:focus {
        box-shadow: 0 0 0 2px green !important;
    }

    .loader {
        background-image: url(../img/loader.gif);
        background-repeat: no-repeat;
        width: 50px;
        display: block;
        position: relative;
        background-size: contain;
        margin-top: -15%;
        margin-left: 80%;
        text-align: center;
        height: 50px;
        display: none;
    }

    .loader.show {
        display: block;
    }

    astric {
        color: red;
    }

    .text-danger {
        letter-spacing: 1px;
    }

    .qr_popup_container {
        padding: 20px;
        border: 1px solid #000;
        margin: 10px;
    }



    .media_img {
        width: 100%;
        height: 100px;
        border-radius: 10px;
    }


    #sidenav-collapse-main .font-weight-bolder {
        color: #000 !important;
    }


    /* img.thumb-img {
    width: 100px;
    margin-left: 10px;
    border-radius: 10px;
    height: 80px;
} */


    /* table.dataTable tbody td {
    vertical-align: middle;
}

table.dataTable tbody td img {
    vertical-align: middle;
}

table.dataTable tbody td .btn {
    vertical-align: middle;
}


.table th,
.table td {
    vertical-align: middle;
}

.table img {
    object-fit: cover;
}

.btn-sm {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
} */