/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
be1e2d
*/

:root {
    --vz-vertical-menu-bg                           : #fff;
    --vz-vertical-menu-item-color                   : #806d6d;
    --vz-vertical-menu-item-hover-color             : #be1e2d;
    --vz-vertical-menu-item-active-color            : #be1e2d;
    /* --vz-vertical-menu-sub-item-color            : #907c7c;
    --vz-vertical-menu-sub-item-hover-color         : #be1e2d;
    --vz-vertical-menu-sub-item-active-color        : #be1e2d; */
    /* --vz-vertical-menu-title-color               : #a99191; */
    /* --vz-vertical-menu-bg-dark                   : #be1e2d; */
    /* --vz-vertical-menu-item-color-dark           : #e8abab; */
    /* --vz-vertical-menu-bg-dark                   : #be1e2d; */
    /* --vz-vertical-menu-item-color-dark           : #e34454; */
    /* --vz-vertical-menu-item-hover-color-dark     : #fff; */
    /* --vz-vertical-menu-item-active-color-dark    : #fff; */
    /* --vz-vertical-menu-sub-item-color-dark       : #e8abab; */
    /* --vz-vertical-menu-sub-item-hover-color-dark : #fff;
    --vz-vertical-menu-sub-item-active-color-dark   : #fff;
    --vz-vertical-menu-title-color-dark             : #b98383; */
    /* --vz-header-bg                               : #fff; */
    --vz-header-item-color                          : #efe9e9;
    --vz-header-bg-dark                             : #be1e2d;
    --vz-header-item-color-dark                     : #d9b0b0;
    --vz-topbar-search-bg                           : #f9f3f3;
    --vz-topbar-user-bg                             : #f9f3f3;
    --vz-topbar-user-bg-dark                        : #9c5252;
    --vz-footer-bg                                  : #fff;
    --vz-footer-color                               : #ad9898;
    --vz-topnav-bg                                  : #fff;
    --vz-topnav-item-color                          : #806d6d;
    --vz-topnav-item-color-active                   : #be1e2d;
    --vz-twocolumn-menu-iconview-bg                 : #fff;
    --vz-twocolumn-menu-bg                          : #fff;
    --vz-twocolumn-menu-iconview-bg-dark            : var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark                     : #904343;
    --vz-twocolumn-menu-item-color-dark             : var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark      : #fff;
    --vz-twocolumn-menu-item-active-bg-dark         : rgba(255, 255, 255, 0.15);
    --vz-boxed-body-bg                              : #e5e5f2;
    --vz-heading-color                              : #574949;
    --vz-link-color                                 : #be1e2d;
    --vz-link-hover-color                           : #be1e2d;
    --vz-border-color                               : #e9ebec;
    --vz-card-bg-custom                             : #fff;
    --vz-card-logo-dark                             : block;
    --vz-card-logo-light                            : none;
    --vz-list-group-hover-bg                        : #f3f6f9;
    --vz-input-bg                                   : #fff;
    --vz-input-border                               : #ced4da;
    --vz-input-focus-border                         : #c4a0a1;
    --vz-input-disabled-bg                          : #eff2f7;
    --vz-input-group-addon-bg                       : #eff2f7;
    --vz-input-check-border                         : var(--vz-input-border);
}

:root .nav-tabs {
    --vz-nav-tabs-link-active-bg: #f3f3f9;
}

:root .choices,
:root .flatpickr-calendar,
:root .ck,
:root .ql-toolbar,
:root .select2-container,
:root .menu-dropdown {
    --vz-choices-bg               : #fff;
    --vz-choices-link-color       : #212529;
    --vz-choices-link-hover-bg    : #f3f6f9;
    --vz-choices-link-active-color: #1e2125;
}

[data-layout-mode=dark] {
    --vz-gray-100                                : #1a1d21;
    --vz-gray-200                                : #212529;
    --vz-gray-300                                : #2a2f34;
    --vz-gray-400                                : #878a99;
    --vz-gray-500                                : #adb5bd;
    --vz-gray-600                                : #bfc8e2;
    --vz-gray-700                                : #ced4da;
    --vz-gray-800                                : #eff2f7;
    --vz-gray-900                                : #f3f6f9;
    --vz-body-bg                                 : #1a1d21;
    --vz-body-bg-rgb                             : 26, 29, 33;
    --vz-body-color                              : #ced4da;
    --vz-body-color-rgb                          : 206, 212, 218;
    --vz-vertical-menu-bg                        : #fff;
    --vz-vertical-menu-item-color                : #705f5f;
    --vz-vertical-menu-item-hover-color          : #2b2b2b;
    --vz-vertical-menu-item-active-color         : #2b2b2b;
    --vz-vertical-menu-sub-item-color            : #7b6868;
    --vz-vertical-menu-sub-item-hover-color      : #2b2b2b;
    --vz-vertical-menu-sub-item-active-color     : #2b2b2b;
    --vz-vertical-menu-title-color               : #818181;
    --vz-vertical-menu-bg-dark                   : #353535;
    --vz-vertical-menu-item-color-dark           : #818181;
    --vz-vertical-menu-item-hover-color-dark     : #fff;
    --vz-vertical-menu-item-active-color-dark    : #fff;
    --vz-vertical-menu-sub-item-color-dark       : #7c7f90;
    --vz-vertical-menu-sub-item-hover-color-dark : #fff;
    --vz-vertical-menu-sub-item-active-color-dark: #fff;
    --vz-vertical-menu-title-color-dark          : #705f5f;
    --vz-header-bg                               : #353535;
    --vz-header-item-color                       : #e9ecef;
    --vz-header-bg-dark                          : #2b2b2b;
    --vz-header-item-color-dark                  : #d9b0b0;
    --vz-topbar-search-bg                        : #282020;
    --vz-topbar-user-bg                          : #31373c;
    --vz-topbar-user-bg-dark                     : #re;
    --vz-footer-bg                               : #353535;
    --vz-footer-color                            : #818181;
    --vz-topnav-bg                               : #302727;
    --vz-topnav-item-color                       : #818181;
    --vz-topnav-item-color-active                : #fff;
    --vz-twocolumn-menu-iconview-bg              : #fff;
    --vz-twocolumn-menu-bg                       : #fff;
    --vz-twocolumn-menu-iconview-bg-dark         : var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark                  : #3a3030;
    --vz-twocolumn-menu-item-color-dark          : var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark   : #fff;
    --vz-twocolumn-menu-item-active-bg-dark      : rgba(255, 255, 255, 0.15);
    --vz-boxed-body-bg                           : #161111;
    --vz-heading-color                           : #dacece;
    --vz-light                                   : #342a2a;
    --vz-light-rgb                               : 42, 47, 52;
    --vz-dark                                    : #f7efef;
    --vz-dark-rgb                                : 239, 242, 247;
    --vz-link-color                              : #dacecf;
    --vz-link-hover-color                        : #dacece;
    --vz-border-color                            : #3e3232;
    --vz-card-bg-custom                          : #353535;
    --vz-card-logo-dark                          : none;
    --vz-card-logo-light                         : block;
    --vz-list-group-hover-bg                     : #302727;
    --vz-input-bg                                : #2e3036;
    --vz-input-border                            : #2a2d34;
    --vz-input-focus-border                      : #3f3333;
    --vz-input-disabled-bg                       : #362c2c;
    --vz-input-group-addon-bg                    : #342a2a;
    --vz-input-check-border                      : #3f3333;
}

[data-layout-mode=dark] .dropdown-menu {
    --vz-dropdown-bg               : #292e33;
    --vz-dropdown-link-color       : #adb5bd;
    --vz-dropdown-link-hover-color : #b9bfc4;
    --vz-dropdown-link-hover-bg    : #2f343a;
    --vz-dropdown-border-width     : 1px;
    --vz-dropdown-link-active-color: #adb5bd;
    --vz-dropdown-link-active-bg   : #2f343a;
}

[data-layout-mode=dark] .choices,
[data-layout-mode=dark] .flatpickr-calendar,
[data-layout-mode=dark] .ck,
[data-layout-mode=dark] .ql-toolbar,
[data-layout-mode=dark] .select2-container,
[data-layout-mode=dark] .menu-dropdown {
    --vz-choices-bg               : #332929;
    --vz-choices-link-color       : #bdadad;
    --vz-choices-link-hover-bg    : #3a2f2f;
    --vz-choices-link-active-color: #e0dbdb;
}

[data-layout-mode=dark] .btn-light {
    --vz-btn-color       : var(--vz-dark);
    --vz-btn-bg          : var(--vz-light);
    --vz-btn-border-color: var(--vz-light);
}

[data-layout-mode=dark] .btn-outline-light {
    --vz-btn-color       : var(--vz-dark);
    --vz-btn-bg          : transparent;
    --vz-btn-border-color: var(--vz-light);
}

[data-layout-mode=dark] .btn-light,
[data-layout-mode=dark] .btn-outline-light {
    --vz-btn-hover-color       : var(--vz-dark);
    --vz-btn-hover-bg          : rgba(var(--vz-light-rgb), 0.75);
    --vz-btn-hover-border-color: rgba(var(--vz-light-rgb), 0.75);
}

[data-layout-mode=dark] .btn-dark {
    --vz-btn-color       : var(--vz-light);
    --vz-btn-bg          : var(--vz-dark);
    --vz-btn-border-color: var(--vz-dark);
}

[data-layout-mode=dark] .btn-outline-dark {
    --vz-btn-color       : var(--vz-dark);
    --vz-btn-bg          : transparent;
    --vz-btn-border-color: var(--vz-dark);
}

[data-layout-mode=dark] .btn-dark,
[data-layout-mode=dark] .btn-outline-dark {
    --vz-btn-hover-color       : var(--vz-light);
    --vz-btn-hover-bg          : rgba(var(--vz-dark-rgb), 0.75);
    --vz-btn-hover-border-color: rgba(var(--vz-dark-rgb), 0.75);
}

[data-layout-mode=dark] .card {
    --vz-card-bg    : #353535;
    --vz-card-cap-bg: #353535;
}

[data-layout-mode=dark] .modal {
    --vz-modal-bg: #353535;
}

[data-layout-mode=dark] .nav-tabs {
    --vz-nav-tabs-link-active-color: #f9f3f3;
    --vz-nav-tabs-link-active-bg   : #342a2a;
}

[data-layout-mode=dark] .accordion {
    --vz-accordion-button-active-color: #ffffff;
    --vz-accordion-bg                 : #353535;
    --vz-accordion-btn-bg             : #353535;
}

[data-layout-mode=dark] :is(.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl) {
    --vz-offcanvas-bg: #353535;
}

[data-layout-mode=dark] .progress {
    --vz-progress-bg: #342a2a;
}

[data-layout-mode=dark] .table {
    --vz-table-striped-bg: rgba(255, 255, 255, 0.03);
    --vz-table-active-bg : rgba(255, 255, 255, 0.07);
    --vz-table-hover-bg  : rgba(255, 255, 255, 0.07);
}

[data-layout-mode=dark] .table>thead>tr>th {
    background-color: #242424;
    color           : #c7c7c7;
}

[data-layout-mode=dark] .table>tfoot>tr>th {
    background-color: #242424;
    color           : #c7c7c7;
}

[data-layout-mode=dark] .table-light {
    --vz-table-color        : #fff;
    --vz-table-bg           : rgba(255, 255, 255, 0.05);
    --vz-table-border-color : var(--vz-border-color);
    --vz-table-striped-bg   : rgba(255, 255, 255, 0.07);
    --vz-table-striped-color: #fff;
}

[data-layout-mode=dark] .toast {
    --vz-toast-bg                 : rgba(52, 42, 42, 0.85);
    --vz-toast-header-bg          : rgba(52, 42, 42, 0.85);
    --vz-toast-border-color       : rgba(255, 255, 255, 0.1);
    --vz-toast-header-border-color: rgba(255, 255, 255, 0.05);
}

[data-layout-mode=dark] .popover {
    --vz-popover-bg: #2c2323;
}

[data-layout-mode=dark] .pagination {
    --vz-pagination-hover-bg: #342a2a;
    --vz-pagination-focus-bg: #342a2a;
}

[data-layout-mode=dark] .paginate_button {
    border: 1px solid #342a2a !important;
}

[data-layout-mode=dark] .dataTables_filter>label>input {
    background-color: var(--vz-input-bg);
    border          : 1px solid var(--vz-input-border);
    color           : var(--vz-body-color);
}

[data-layout-mode=dark] .dataTables_length>label>select {
    background-color: var(--vz-input-bg);
    border          : 1px solid var(--vz-input-border);
    color           : var(--vz-body-color);
}

.bg-gfa {
    background-color: #be1e2d;
}

.auth-bg-cover {
    background: linear-gradient(0deg, #460000 50%, #ff8787);
}

.auth-one-bg {
    background-image   : url("../images/main-bg.jpg");
    background-position: center;
    background-size    : cover
}

.auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear, right top, left top, from(#743636), to(#894040));
    background: linear-gradient(to left, #743636, #894040);
    opacity   : 0.6;
}

form div.required label.form-label:after {
    content: " * ";
    color  : red;
}

/* form div.required label:after {
    content: " * ";
    color  : red;
} */

.invalid-feedback {
    color: red;
}

.help-block {
    color: red;
}

.no-border {
    border: 0 !important;
}

.isDisabled {
    /* color          : currentColor; */
    cursor         : not-allowed;
    opacity        : 0.5;
    text-decoration: none;
    pointer-events : none;
}



.long-text {
    width        : 300px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.long-text:hover {
    overflow   : visible;
    white-space: normal;
}

input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #eff2f7;
}

.slidercaptcha {
    margin       : 0 auto;
    width        : 314px;
    height       : 286px;
    border-radius: 4px;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.125);
    margin-top   : 40px;
}

.slidercaptcha .card-body {
    padding: 1rem;
}

.slidercaptcha canvas:first-child {
    border-radius: 4px;
    border       : 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
    top: -54px;
}