html {
    scroll-behavior: smooth;
}

.filters {
    background-color: initial !important;
    border-bottom-width: 1px;
    border-color: #e0e6ed66 !important;
}
.filters td{
    background-color: initial !important;
    padding: .75rem 1rem !important;
}
.table-detailView th {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 248 250/ 1);
}

:is(.dark .table-detailView th) {
    background-color: #888ea80a;
    color: var(--bs-card-title-color);
}

:is(.dark .table-detailView td) {
    background-color: transparent !important;
    color: var(--bs-card-title-color);
}

:is(.dark .panel-header) {
    border-color: rgb(23 38 60/ 1) !important;
}

:is(.dark .panel-footer) {
    border-color: rgb(23 38 60/ 1) !important;
}

.form-checkbox:focus {
    background-color: #888ea80a !important;
}

.form-checkbox:checked:focus {
    background-color: #4361ee !important;
}

:is(.dark .modal-content) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}

:is(.dark .modal-header) {
    border-color: rgb(23 38 60 / 1) !important;
}

:is(.dark .modal-footer) {
    border-color: rgb(23 38 60 / 1) !important;
}

:is(.dark .kv-editor-container .note-editor) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}

:is(.dark .form-control.kv-editor-container) {
    border-color: rgb(136 142 168);
}

:is(.dark .note-editor.note-frame .note-statusbar) {
    background-color: #253755;
}

:is(.dark .note-editor .card-header.note-toolbar) {
    background-color: #253755;
}

:is(.dark .note-editor .card-header.note-toolbar .btn) {
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}

:is(.dark .note-editor .card-header.note-toolbar .btn:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    border-color: rgb(136 142 168);
}

:is(.dark .note-editor .card-header.note-toolbar .btn.show) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    border-color: rgb(136 142 168);
}

:is(.dark .note-editor .card-header.note-toolbar .btn.active) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    border-color: rgb(136 142 168);
}

:is(.dark .note-editor .note-toolbar .note-dropdown-menu) {
    background-color: rgb(136 142 168);
    --tw-text-opacity: 1;
    color: rgb(14 23 38 / var(--tw-text-opacity)) !important;
}

:is(.dark .note-editor .note-toolbar .note-dropdown-menu .btn) {
    --tw-text-opacity: 1;
    color: rgb(14 23 38 / var(--tw-text-opacity)) !important;
    --tw-border-opacity: 1;
    border-color: rgb(14 23 38 / var(--tw-border-opacity)) !important;
}

:is(.dark .note-editor .note-toolbar .note-dropdown-menu .btn:hover) {
    color: rgb(136 142 168) !important;
}

:is(.dark .note-modal input) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
    border-color: rgb(136 142 168) !important;
}

:is(.dark .note-modal .close) {
    --tw-text-opacity: 1;
    color: rgb(231 81 90 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    text-shadow: none !important;
}

:is(.dark .table.multiple-input-list > :not(caption) > * > *) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
    border-color: rgb(136 142 168) !important;
}

:is(.dark .dropdown-menu) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
    border-color: rgb(136 142 168) !important;
}

.has-error .kv-editor-container{
    --tw-border-opacity: 1;
    border-color: rgb(231 81 90 / var(--tw-border-opacity));
}

:is(.dark .has-error .kv-editor-container) {
    --tw-border-opacity: 1;
    border-color: rgb(231 81 90 / var(--tw-border-opacity));
}

.has-success .kv-editor-container{
    --tw-border-opacity: 1;
    border-color: rgb(0 171 85 / var(--tw-border-opacity)) !important;
}

:is(.dark .has-success .kv-editor-container) {
    --tw-border-opacity: 1;
    border-color: rgb(0 171 85 / var(--tw-border-opacity)) !important;
}

:is(.dark .dropdown-menu a) {
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}

:is(.dark .overlay-modal) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}

:is(.dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title) {
    --tw-border-opacity: 1;
    border-color: rgb(14 23 38 / var(--tw-border-opacity));
}

:is(.dark .note-editor .note-toolbar .note-dropdown-menu a) {
    --tw-text-opacity: 1;
    color: rgb(14 23 38 / var(--tw-text-opacity)) !important;
}

:is(.dark .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar) {
    border-top: 1px solid #0e1726;
}

:is(.dark .datepicker.datepicker-dropdown) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
    border-color: rgb(136 142 168) !important;
}

.datepicker-dropdown.datepicker-orient-top:after, .datepicker-dropdown.datepicker-orient-top:before {
    border-top: 0 !important;
}

.datepicker-dropdown.datepicker-orient-bottom:after, .datepicker-dropdown.datepicker-orient-bottom:before {
    border-bottom: 0 !important;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0 !important;
}

.gridViewLabel svg {
    display: none;
}
.gridViewLabel a {
    display: flex;
    align-items: center;
}
.gridViewLabel a svg{
    display: block;
}

.form-module .form-group {
    margin-bottom: 1.5rem;
}

.form-module .form-group .svg-icon{
    margin-left: 0.3rem;
}

.form-module .form-group .control-label{
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.form-group label {
    font-size: 1rem;
    font-weight: bold;
}

.form-module .required .control-label:before{
    content: '*';
    color: #e7515a;
    position: absolute;
    left: 102%;
    top: 0;
}

.form-module .required .svg-icon{
    margin-left: 0.8rem;
}

.form-module .help-block{
    margin: .5rem 0;
    color: rgb(231 81 90 / var(--tw-text-opacity));
}

.panel-header {
    margin: 0 -1.25rem 1.25rem -1.25rem;
    padding-bottom: 1.25rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.panel-footer {
    margin: 1.25rem -1.25rem 0 -1.25rem;
    padding-top: 1.25rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

hr {
    border-color: #8d8d8d !important;
    margin-bottom: 1.35rem;
}

.overlay-modal {
    text-align: center;
    padding: 45px;
    font-size: 45px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.overlay-modal svg {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 44px;
    width: 44px;
    margin-top: -22px;
    margin-left: -22px;
}

.field-sellerUser {
    margin-bottom: 0 !important;
}

.form-control.kv-editor-container {
    height: auto;
    padding: 0;
}

.kv-editor-container .btn{
   box-shadow: none !important;
}
.btn-outline-secondary.show {
    background-color: initial;
}
.form-checkbox {
    width: 1.45rem;
}

.collapse.show {
    visibility: visible !important;
}

#view-menu.sticky {
    position: fixed;
    z-index: 40;
}

.btn-header-view {
    position: absolute;
    top: 10px;
    right: 10px;
}

.files-chat{
    margin-top: 20px;
}

.files-chat:first-child{
    margin-top: 0;
}

.files-chat a{
    border: 1px solid #c7c7c7;
    margin-bottom: 10px;
}

.files-chat a:last-child {
    margin-bottom: 0;
}

.\!bg-primary .files-chat a{
    border-color: rgba(255,255,255, .4);
}

.kv-editor-container ol, .kv-editor-container ul {
    padding-left: 2rem !important;
}

.kv-editor-container ul {
    list-style: initial !important;
}

.kv-editor-container ol {
    list-style: initial !important;
}

.panel-view-text ol, .panel-view-text ul {
    padding-left: 2rem !important;
}

.panel-view-text ul {
    list-style: initial !important;
}

.panel-view-text ol {
    list-style: initial !important;
}

.changeStatus {
    cursor: pointer;
}