.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-sm {
  gap: 0.3rem;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#kt_wrapper {
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
#kt_sidebar {
    max-height: 100vh;
    overflow-y: scroll;
}

.offcanvas-xl {
    width: 50%;
}

.offcanvas-xxl {
    width: 80%;
}

.label.label-green {
    background-color: #8BC34A;
}
.text-green {
    color: #8BC34A;
}
/**
Scrollbar
 */
::-webkit-scrollbar {
    background-color: var(--bg-main);
    width: 0px;
}
/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: var(--bg-main);
}
/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: var(--bg-secondary);
    border-radius: 16px;
    border: 4px solid var(--bg-main);
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display:none;
}
::-webkit-resizer {
    border: 9px solid var(--bg-main);
    border-bottom-color: var(--border-main);
    border-right-color: var(--border-main);
}
textarea::-webkit-scrollbar { /* WebKit */
    width: 16px;
}
.select2-results__options::-webkit-scrollbar {
    width: 16px;
}

/**
Adjustments for Form Builder
 */
.row { display: flex; }


.progress-line, .progress-line:before {
    height: var(--progress-line-height);
    width: 100%;
    margin: 0;
}
.progress-line {
    background-color: var(--page-bg);
    display: -webkit-flex;
    display: flex;
}
.progress-line:before {
    background-color: #39a4ff;
    content: '';
    -webkit-animation: running-progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: running-progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes running-progress {
    0% { margin-left: 0px; margin-right: 100%; }
    50% { margin-left: 25%; margin-right: 0%; }
    100% { margin-left: 100%; margin-right: 0; }
}
@keyframes running-progress {
    0% { margin-left: 0px; margin-right: 100%; }
    50% { margin-left: 25%; margin-right: 0%; }
    100% { margin-left: 100%; margin-right: 0; }
}
@keyframes userActiveRepairAlert {
    0% {
        border-color: #505050;
        box-shadow: 0 0 5px rgba(35, 37, 34, 0.2), inset 0 0 5px rgba(68, 66, 58, 0.1), 0 0 0 #000;
    }
    100% {
        border-color: #FFA800;
        box-shadow: 0 0 20px rgba(202, 175, 0, 0.6), inset 0 0 10px rgba(160, 123, 0, 0.4), 0 0 0 #000;
    }
}
.glow-warning {
    animation: userActiveRepairAlert 2000ms ease-out infinite alternate;
}


.dialog-loader {
    padding: 0 !important;
    width: 100%;
}

.status-link {
    padding: 2px 1.5rem !important;
}

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
    background: var(--input-bg) !important;
    border-color: var(--input-bg) !important;
}
.dropdown-menu {
  z-index: 97;
}
#zdrmWPhI {
    right: 20px !important;
    bottom: 5px !important;
}
.zdrm-webphone-box.zdrm-phone .zdrm-webphone-input {
    background-color: #313131 !important;
}
.zdrm-webphone-box {
    background-color: #353434 !important;
}
.zdrm-webphone-call-btn {
    background-color: #737373 !important;
}
.zdrm-webphone-numpad-btn-txt {
    text-shadow: none !important;
    color: #dcd9d9 !important;
}
.zdrm-webphone-numpad-btn-descr {
    color: rgb(179 177 177) !important;
}
.zdrm-webphone-numpad-box {
    background-color: #525252 !important;
}
.zdrm-webphone-phonenumber-container input {
    color: #b5b4b4 !important;
}


.dropdown-divider {
    border-top: 1px solid var(--border-main);
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: var(--text-main);
}
.iti__country-list {
    box-shadow: none;
    background-color: var(--bg-main);
    border: 1px solid var(--bg-main);
}
.iti__country-name {
    color: var(--text-main);
}
.iti__flag {background-image: url("/app/assets/plugins/global/images/intl-tel-input/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("/app/assets/plugins/global/images/intl-tel-input/flags@2x.png");}
}
.iti--allow-dropdown {
    width: 100% !important;
}
.table-row-light-danger {
    background-color: var(--table-record-expired);
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}

.uppy-Root, .uppy-DashboardTab-name, .uppy-Webcam-title {
    color: var(--text-main);
}
.uppy-DashboardTab-btn:hover {
  background-color: var(--bg-secondary);
}
.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
  background-color: var(--bg-secondary);
}
.uppy .uppy-Dashboard-inner {
    background-color: var(--bg-main);
    border: 1px solid var(--border-main);
}
.uppy-DashboardContent-bar {
    background-color: var(--bg-main);
    border-bottom: 1px solid var(--border-main);
}
.uppy-StatusBar {
    background-color: var(--bg-main);
}
.uppy-Dashboard-AddFiles-title {
    color: var(--text-main);
}
.uppy .uppy-Dashboard-inner .uppy-DashboardContent-title {
    color: var(--text-main);
}
.uppy-DashboardContent-panel {
    background-color: var(--bg-main);
}
.uppy .uppy-Dashboard-note {
    color: var(--text-main);
}
.uppy-Dashboard-AddFiles {
  background-color: var(--bg-main);
}

#audio-player {
    z-index: 9;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}

.symbol.symbol-200 > img {
    width: 100%;
    max-width: 200px;
    height: 200px;
}

/*
Tabulator
 */

.tabulator {
    border: none;
    background-color: transparent;
}
.tabulator-row.tabulator-row-even {
    background-color: inherit;
}
.tabulator-row {
    background-color: inherit;
    border-bottom: 1px solid var(--border-main);
}
.tabulator-row.tabulator-selectable:hover {
    background-color: var(--table-row-hover-bg) !important;
}
.tabulator .tabulator-tableholder .tabulator-table {
    color: var(--text-main);
    background-color: transparent;
}
.tabulator-row .tabulator-cell {
    border-right: none;
}
.tabulator .tabulator-header .tabulator-col {
    border-right: 1px solid var(--table-column-right-border);
    background: var(--table-header-bg);
}
.tabulator .tabulator-header {
    border-bottom: none;
    background-color: var(--table-header-bg);
    color: inherit;
    font-weight: 500;
}
.tabulator .tabulator-header {
    border-radius: 10px;
    padding: 8px 0;
    margin-bottom: 10px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    background-color: var(--table-column-hover-bg);
}
.tabulator .tabulator-footer {
    border-top: none;
    background-color: transparent;
    color: var(--text-main);
}
.tabulator .tabulator-footer .tabulator-paginator {
    color: var(--text-main);
}
.tabulator .tabulator-footer .tabulator-page {
    border: none;
    background: var(--bg-secondary);
    color: var(--text-main)
}
.tabulator-popup-container {
    background: var(--bg-main);
    border: 1px solid var(--border-main);
    border-radius: 10px;
}
.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    background: var(--table-row-hover-bg);
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
    border-right: none;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
    border-right: none;
}
.tabulator .tabulator-footer .tabulator-page {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.tabulator .tabulator-footer .tabulator-page-size {
    border: none;
    border-radius: 5px;
    background-color: var(--bg-secondary);
    color: var(--text-main);
}
.tabulator .tabulator-placeholder {
    width: 100% !important;
}
.tabulator .tabulator-alert {
    cursor: progress;
    background: transparent;
    align-items: start;
}
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
    border: 4px solid var(--border-main);
    color: var(--text-main);
    background: var(--bg-secondary-light);
    margin-top: 6rem;
}
.tabulator .tabulator-footer .tabulator-page.active {
    color: var(--text-main);
    background-color: var(--bg-secondary-light);
}
.tabulator .tabulator-pages .tabulator-page {
    background: none
}
.tabulator .tabulator-cell a:not(:hover) {
  color: inherit;
}
.tabulator ::-webkit-scrollbar-track {
  background-color: var(--page-bg);
}
.tabulator ::-webkit-scrollbar-thumb {
  border: 4px solid var(--page-bg);
}
#all_records_view .tabulator {
  display: flex;
  flex-direction: column;
}
#all_records_view .tabulator .tabulator-tableholder {
  flex: 1;
  overflow: auto;
}

/*
angular text with new lines
 */
.angular-with-newlines {
    white-space: pre-line;
}

.cursor-default {
  cursor: default;
}

.payment-card-bg-secondary {
  background-color: var(--bg-secondary) !important;
}
.image-input.image-input-outline .image-input-wrapper {
  border: 3px solid var(--bg-secondary);
}

.page-bg {
  background-color: var(--page-bg);
}