:root{
    --theme: #0e1b17;
    --dj-text-gold: #D88B05;

    --vz-primary-rgb: 14, 27, 23;
    --vz-border-radius: 10px;
    --vz-body-bg: #0e1b170a;
    --vz-topbar-user-bg: #0e1b170a;
    --vz-tertiary-bg: #0e1b170a;
    --vz-primary-bg-subtle: #0e1b170a;
    --vz-primary-border-subtle: #0e1b17;
}



:root, [data-bs-theme=light] {
    --vz-primary-text-emphasis: #343434;
}

.text-danger.error{
    margin: 0px;
    font-weight: 400;
}

.ri-loader-2-line.spinner{
    display: inline-block;
}

body.auth-body {
    /* background-image: url(../images/body-bg.png); */
    background-color: var(--theme);
    background-attachment: fixed;
    background-size: cover;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #000000;
}

.body-auth-mob {
    background-image: unset;
}

.text-theme{
    color: var(--theme);
}
.text-muted {
    color: rgba(153, 160, 174, 1);
}
.dj-text-gold{
    color: var(--dj-text-gold);
}

.bg-dark-50{
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.form-label {
    margin-bottom: .3rem;
}

.object-contain{
    object-fit: contain;
}
.object-cover{
    object-fit: cover;
}

.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}

.opacity-10{
    opacity: .10;
}

.min-w-170px{
    min-width: 170px;
}

.whitespace-nowrap{
    white-space: nowrap;
}

.accordion-button-white::after{
    filter: invert(1);
}

.rounded-10{
    border-radius: 10px;
}
.rounded-20{
    border-radius: 20px;
}
.rounded-top-10px{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.form-check-input-1_3em{
    width: 1.3em;
    height: 1.3em;
}

.btn {
    --vz-btn-focus-box-shadow: 0 0 0 0.25rem rgba(41, 100, 226 / 50%);
}
.edit-item-btn{
    border: 1px solid;
    border-radius: 10px;
    padding: 2px 6px;
    display: flex;
    background: rgb(246 175 66 / 10%);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
    justify-content: center;
    align-items: center;
}
.remove-item-btn{
    border: 1px solid;
    border-radius: 10px;
    padding: 2px 6px;
    display: flex !important;
    background: rgb(238 90 63 / 10%);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
    justify-content: center;
    align-items: center;
}
.view-item-btn{
    border: 1px solid;
    border-radius: 10px;
    padding: 2px 6px;
    display: flex !important;
    background: rgb(13 170 145 / 10%);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
    justify-content: center;
    align-items: center;
}
.theme-item-btn{
    border: 1px solid;
    border-radius: 10px;
    padding: 2px 6px;
    display: flex !important;
    background: rgba(101 14 101 / 10%);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
    justify-content: center;
    align-items: center;
}

.dt-email {
    min-width: 170px;
    word-break: break-all;
}
.dt-minW{
    min-width: 170px;
}
.dt-minW-name{
    min-width: 170px;
    display: inline-block;
}
.dt-minW-140px{
    min-width: 140px;
    display: inline-block;
}
.dt-minW-120px{
    min-width: 120px;
    display: inline-block;
}

.cs-text-green{
    color: rgba(120, 162, 147, 1);
}
.cs-text-orange{
    color: rgba(255, 132, 71, 1);
}
.cs-text-red{
    color: rgba(251, 55, 72, 1);
}

.cs-status-green{
    background: rgba(120, 162, 147, 1);
    color: white;
    padding: 4px 10px;
    border-radius: 50rem;
    font-size: 12px;
}
.cs-status-orange{
    background: rgba(255, 132, 71, 1);
    color: white;
    padding: 4px 10px;
    border-radius: 50rem;
    font-size: 12px;
}
.cs-status-red{
    background: rgba(251, 55, 72, 1);
    color: white;
    padding: 4px 10px;
    border-radius: 50rem;
    font-size: 12px;
}


/* ==================================================================
============================ Multi image upload dropzone (S)  ====================
================================================================== */
/* dropzone  */
.filedropzone {
    height: 230px;
    border: 2px dashed var(--vz-border-color);
    background: var(--vz-card-bg);
    border-radius: 10px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fiel-upload-group {
    height: 230px;
    /* border: 2px dashed var(--vz-border-color); */
    background: var(--vz-card-bg);
    border-radius: 6px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fiel-upload-group .uploaded-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
}
.fiel-upload-group .needsclick:not(.uploadedvideo) .editbutton, .uploadedvideo .dragtext {
    display: none;
}
.fiel-upload-group .editbutton {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
    font-size: 22px;
}
.fiel-upload-group .hw-40 {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
}
.fiel-upload-group .imgupload{
    border-radius: 5px;
}
/* ==================================================================
============================ Multi image upload dropzone (E)  ====================
================================================================== */



/* Start Dashboard */
.dash-count-card {
    overflow: hidden;
}
.dash-count-card .avatar-title{
    /* border-radius: 0px 0px 50rem 50rem; */
    transition: 1s;
}
/* .dash-count-card::before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    background: #daf4f0;
} */
/* End Dashboard */



/* Start Summernote Css */
.note-color .note-dropdown-menu{
    padding-left: 0px;
    padding-right: 0px;
}
/* End Summernote Css */

.medication-accordion-action{
    position: absolute;
    top: 11px;
    right: 12px;
    z-index: 80;
}


/* Start Sidebar */
:root[data-sidebar="dark"] {
    --vz-vertical-menu-item-color: #dfdfdf;
    --vz-vertical-menu-sub-item-color: #dfdfdf;
    --vz-vertical-menu-sub-item-hover-color: var(--theme);
}
.navbar-menu{
    border-right: 0px !important;
}
.navbar-menu .navbar-nav .nav-sm{
    padding-left: 1.5rem;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:before{
    left: 9px;
}
.navbar-menu .navbar-nav .nav-link:hover{
    background: white;
    color: var(--theme) !important;
}
.navbar-menu .navbar-nav .nav-link.active{
    background: white;
    color: var(--theme) !important;
}
.navbar-menu .navbar-nav .nav-link.active[data-bs-toggle="collapse"][aria-expanded="true"]:after{
    color: var(--theme) !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active:before{
    background-color: var(--theme) !important;
    opacity: 1;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link{
    background: white;
    color: var(--theme) !important;
}
/* End Sidebar */

.userStatus{
    left: unset !important;
}



@media (min-width: 576px) {
    .matches-card-tbl.tablecol-3 tr {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .matches-card-tbl.tablecol-3 tr {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .matches-card-tbl.tablecol-3 tr {
        width: 25%;
    }
}
@media (min-width: 1441px) {
    .matches-card-tbl.tablecol-3 tr {
        width: 20%;
    }
}
.matches-card{
    overflow: hidden;
    position: relative;
}
.matches-card-chatBTN{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    line-height: normal;
}
.matches-card-chatBTN i{
    line-height: unset;
}
.matches-card .card-body::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(14, 27, 23, 0) 68.19%, rgba(14, 27, 23, 0.9) 96.98%);
    z-index: 1;
}
.matches-card-text{
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: 0px;
    right: 0px;
}

/* Start Select2 Css */
.select2-container--open .select2-dropdown--below{
    border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color);
    border-top: unset;
}
.select2-container--open .select2-dropdown--above{
    border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color);
    border-bottom: unset;
}
/* End Select2 Css */


/* Start Summer Note Css */
textarea{
    border: unset;
}
.note-editor.note-airframe, .note-editor.note-frame{
    border: unset;
}
.note-editor .note-toolbar{
    background-color: var(--vz-topbar-user-bg);
    border-color: var(--vz-border-color);
}
.note-editor .dropdown-toggle::after{
    display: none;
}
.note-editor .note-icon-caret{
    margin-left: 8px;
}
.note-editor .note-btn{
    margin-left: 8px;
    border-radius: 5px;
}
.note-editor .note-dropdown-menu{
    border-radius: 10px;
}
.note-editor .note-dropdown-item:hover{
    background-color: #0e1b170a;
}
.note-editor .note-btn.active, .note-editor .note-btn:active{
    box-shadow: inset 0 3px 5px #0e1b170a;
}
.note-editor .note-modal-footer{
    height: 50px;
}
.note-editor .note-modal .note-modal-body label [type="checkbox"]{
    margin-right: 8px;
    vertical-align: text-top;
}

#termsConditionsNote + .note-editor.note-frame .note-editing-area .note-editable, #privacyPolicyNote + .note-editor.note-frame .note-editing-area .note-editable{
    min-height: 200px;
    height: calc(100vh - 380px);
}
/* End Summer Note Css */


/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.auth-cs-wrapper{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.auth-cs-wrapper .signin-card{
    background-color: rgb(255 255 255 / 60%);
}

.avatar-sm-verify{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
}

.cat-icon{
    max-width: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 4px;
}
.cat-icon-15px{
    max-width: 15px;
    width: 15px;
    min-width: 15px;
    margin-right: 4px;
}

.mob-icons1-style{
    padding: 16px;
    background: linear-gradient(180deg, rgba(113, 119, 132, 0.1) 0%, rgba(113, 119, 132, 0) 100%);
    display: inline-flex;
    border-radius: 50rem;
}
.mob-icons1-style span{
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    background: white;
    border: 1px solid rgba(225, 228, 234, 1);
    border-radius: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}



body .tox .tox-notification--in{
    opacity: 0 !important;
}
.tox .tox-notification__icon, .tox .tox-notification__body, .tox .tox-notification__dismiss{
    display: none !important;
}
.tox-statusbar__branding{
    display: none;
}
.tox .tox-edit-area::before{
    border: none !important;
}
.tox-tinymce{
    border: none !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header{
    box-shadow: none !important;
    border-bottom: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important;
}
.tox .tox-collection__item-label{
    line-height: normal !important;
}

.hw-60{
    height: 60px;
    width: 60px;
}
.hw-50{
    height: 50px;
    width: 50px;
}
.hw-30{
    height: 30px;
    width: 30px;
}
.w-30{
    width: 30%;
}
.max-w-250px{
    max-width: 250px;
}
.max-w-400px{
    max-width: 400px;
}

.flatpickr-input{
    min-width: 230px;
}

.min-w-150px + .select2-container {
    min-width: 150px;
}
.line-height-normal{
    line-height: normal;
}


.chat-bg{
    width: 100%;
    height: 100%;
    height: calc(100vh - 388px);
}

.chat-msg{
    background-color: #F4F4F4;
    padding: 12px ;
    max-width: 80%;
    font-size: 14px;
}
.chat-items-left .chat-msg{
    border-radius: 15px 15px 15px 0px ;
}
.chat-items-right .chat-msg{
    border-radius: 15px 15px 0px 15px ;
}

.select2-container .select2-selection--single .select2-selection__arrow{
    width: 22px;
}

.spinner {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

::placeholder{
    font-weight: 400 !important;
}


/* data table */
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin-top: 10px;
}
.dataTables_info{
    margin-top: 12px;
}

.navbar-header .btn-topbar.active, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:hover{
    background-color: rgb(245 246 245);
}

.aspect-ratio-173-232{
    aspect-ratio: 173.5 / 232;
}
.numInputWrapper span{
    opacity: 1;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after{
    border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after{
    border-top-color:#fff;
}