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

@media (max-width: 767px) {
    .D4DataTable .table-tools-left {
        margin-bottom: 0.5rem;
    }
    .app-title-icon,
    .user-name-text {
        display: none!important;
    }
    .page-title-box {
        flex-direction: column;
    }
}

.D4DataTable .table-tools-right .card-tools > .col-auto.btn-count-1 {
    width: calc(100% - 35px) !important;
}

.D4DataTable .table-tools-right .card-tools > .col-auto.btn-count-2 {
    width: calc(100% - 70px) !important;
}

.D4DataTable .table-tools-right .card-tools > .col-auto.btn-count-3 {
    width: calc(100% - 125px) !important;
}

.D4DataTable .table-tools-right .card-tools > .col-auto.btn-count-4 {
    width: calc(100% - 155px) !important;
}

@media (max-width: 575.98px) {
  .btn-responsive {
      --vz-btn-padding-x: 0.9rem!important;
      --vz-btn-padding-y: 0.5rem!important;
      --vz-btn-font-size: 0.8125rem!important;
      --vz-btn-font-weight: 400!important;
      --vz-btn-line-height: 1.5!important;
  }
}

@media (min-width: 576px) {
  .btn-responsive {
    --vz-btn-padding-y: 0.25rem!important;
    --vz-btn-padding-x: 0.5rem!important;
    --vz-btn-font-size: 0.7109375rem!important;
  }
}

@media (max-width: 1024.1px) {
    [data-layout=horizontal] .page-content {
        padding: calc(45px) calc(1.5rem * .5) 15px calc(1.5rem * .5);
    }
}

@media (max-width: 768px) {
    .logo span.logo-sm {
        min-width: 50px;
        white-space: nowrap;
    }

    .logo span.logo-sm .app-title {
        display: none;
    }
}

@media (max-width: 767px) {
    [data-layout=horizontal] .page-content {
        padding: 85px 0 0 0 !important;
    }
}

@media (max-width: 767px) {
    [data-layout=horizontal] .page-content {
        padding: 42px 0 0 0 !important;
    }
}

@media (min-width: 1024.1px) {
    [data-layout=horizontal] .topnav-hamburger {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 1024px) {
    [data-layout=horizontal] .menu .navbar-menu {
        max-height: fit-content;
        height: calc(100vh - 70px);
    }
}

@media (max-width: 1024px) {
    [data-layout=horizontal] .navbar-menu .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse]:after {
        right: 0.5rem;
    }

    [data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
        color: var(--vz-topnav-item-color);
        padding: .75rem 2rem;
    }

    [data-layout=horizontal] .menu .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
        padding-left: 2rem;
    }
}

@media (min-width: 1024.1px) {

    [data-layout=horizontal] body.slim-header .page-title-box {
        margin: 0;
    }

    [data-layout=horizontal] .page-content {
        padding: calc(45px) calc(1.5rem * .5) 60px calc(1.5rem * .5);
    }

    [data-layout=horizontal] body.slim-header .page-content {
        margin-top: 30px;
    }
}

@media (max-width: 1024.98px) {
    .form-switch-md .form-check-label {
        width: calc(100% - 45px);
    }

    [data-layout=horizontal] .horizontal-logo {
        padding-left: 0;
    }

    body.menu {
        overflow: hidden;
    }

    .app-menu.navbar-menu #scrollbar {
        top: 70px;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .slim-header .app-menu.navbar-menu #scrollbar {
        top: 45px;
    }

    [data-layout=horizontal] .menu .menu-dropdown {
        padding-left: 10px;
    }

    [data-layout=horizontal] .menu .navbar-menu .navbar-nav .nav-sm .nav-link:before {
        opacity: 0 !important;
    }

    .table-tools-left,
    .table-tools-left .card-tools,
    .table-tools-right,
    .table-tools-right .card-tools {
        width: 100% !important;
    }

    .table-tools-left {
        margin-bottom: 10px;
    }


    .D4DataTable .btn-action-apply {
        width: 120px;
    }
}

/*#endregion */

.dataTables_processing {
    display: none !important;
}

.tox .tox-promotion {
    display: none;
}

.cursor-block {
    cursor: not-allowed !important;
}

.blur-effect {
    filter: blur(5px);
    transition: filter 0.3s ease-in-out;
}

.text-center {
    text-align: center !important;
}

/*#region PAGE */
#notificationDropdown.show {
    background-color: transparent;
}

[data-layout=horizontal] .page-title-box {
    display: flex!important;
}

.dropdown-settings.dropdown-body.position-relative,
.dropdown-filters.dropdown-body.position-relative {
    min-width: 300px;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
    color: #2a2b2fb5 !important;
    font-weight: 500 !important;
}

.btn.btn-success:focus,
.btn.btn-info:focus,
.btn.btn-warning:focus,
.btn.btn-danger:focus,
.btn.btn-primary:focus {
    color: #ffffff !important;
}

.topbar-badge {
    top: 8px !important;
}

.d4-form-card .horizontal .form-label {
    text-align: right !important;
}

.d4-form-card .horizontal .form-control {
    font-weight: 600 !important;
}



.D4DataTable .btn-action-apply:focus {
    color: #fff;
}



.topbar-user {
    background-color: transparent;
}

.navbar-header button i,
.navbar-header .user-name-text {
    color: rgba(255, 255, 255, 0.9);
}

button#topnav-hamburger-icon i {
    color: #fff;
    font-size: 1.5rem;
}

[data-layout="horizontal"] .app-menu .nav-item hr {
    margin: 0;
    color: #c1c1c1;
}

[data-layout="horizontal"] a.nav-link.menu-link.active.current-page {
    background: rgb(229 229 242 / 75%);
}

[data-layout="horizontal"] .app-menu li.nav-item:hover {
    background: rgb(229 229 242 / 50%);
}

[data-layout=horizontal] .menu-dropdown {
    min-width: 16rem;
}

[data-layout=horizontal] .navbar-menu img.menu-img {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: -6px 12px -5px -7px;
}

/*#endregion */

/*#region PAGE TITLE */

.page-title-box .select2-container .select2-selection--single {
    height: 34px;
}

.page-title-box .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.page-title-right .tool-item:not(:last) {
    padding-right: 5px;
}

.D4DataTable .table-hover tbody tr.datatable-inline-selected:hover > td,
.D4DataTable .table tbody tr.datatable-inline-selected.table-active > td {
    background-color: rgb(243 246 249) !important;
}

.app-title {
    font-weight: 500;
    font-size: 15px !important;
    text-transform: uppercase;
    color: #fff;
    padding: 5px;
}

.app-version-badge {
    position: relative;
    top: -10px;
    right: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffffffe0;
    font-size: 7px;
    font-weight: 200;
    line-height: 10px;
}

/*#endregion */

/*#region choices.js */

.choices[data-type*=select-one] {
    cursor: pointer;
    width: 100%;
}

.choices__list--dropdown .choices__list {
    margin: 0 -10px -20px -10px !important;
}

/*#endregion */

/*#region SELECT2 */

.select2-close-mask {
    z-index: 2099;
}

.select2-container--open {
    z-index: 99999 !important;
}

.select2-dropdown {
    border: 1px solid #ddd !important;
    border-top: 0 !important;
}

.select2-dropdown {
    z-index: 3051;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 35px;
    right: 26px;
    padding-right: 0;
    position: absolute;
    width: 25px;
    margin-right: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #405189 !important;
    color: #fff !important;
}

/*#endregion */

/*#region HELPERS */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.status-dot {
    border-radius: 50% !important;
    width: 10px !important;
    overflow: hidden;
    height: 10px !important;
    right: 0 !important;
    top: 0 !important;
}

.hidden {
    display: none !important;
}

/*#endregion */

/*#region CARD */

.card .card {
    box-shadow: none;
}

.d4-pages .card {
    box-shadow: none;
}

.d4-form-card.bg-none {
    box-shadow: none;
    background: transparent;
}

.card.d4-form-card.bg-none .card-body {
    padding: 0 !important;
}

.card.d4-form-card .card-body {
    padding: 1.5rem 2rem;
}

/*#endregion */

/*#region FORM  */
.d4-form-card .form-label {
    font-size: .6875rem;
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #706e6b;
    width: 100% !important;
}

/*#endregion */

/*#region DATATABLE */

.card.d4-form-card.p-none > .card-body {
    padding: 0 !important;
}

.card.d4-form-card.p-none .D4DataTable .card-body {
    padding: 1rem !important;
}

.D4DataTable .section-table {
    overflow: auto;
}

.D4DataTable a,
.D4DataTable div.share-item {
    font-weight: 500;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.D4DataTable a {
    cursor: pointer;
}

.D4DataTable a:hover {
    text-decoration: underline;
}

.D4DataTable a div i {
    font-weight: 400;
    color: #000;
}

.D4DataTable .dataTables_wrapper {
    width: calc(100% - 12px);
}

.D4DataTable .table-col-item .row {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.D4DataTable .drag-handle {
    width: 24px;              /* narrow column for grip */
    flex: 0 0 24px;
    text-align: center;
    font-size: 1rem;        /* size of ☰ icon */
    color: #6c757d;           /* muted gray */
    cursor: move;
    user-select: none;
    padding: 8px 0;
    line-height: 1;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.D4DataTable .drag-handle:hover,
.D4DataTable .form-group:hover .drag-handle {
    opacity: 0.1;
    color: #495057;
}

.D4DataTable .form-group .row {
    margin-left: 0;
    margin-right: 0;
}

.gu-mirror {
    opacity: 0.8;
    background: white;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);

        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
}

.gu-transit {
    background: #e9f5ff !important;
    border: 2px dashed #0d6efd;
    min-height: 52px;
    margin: 4px 0;
    border-radius: 4px;
}

.D4DataTable .form-group.dragging {
    opacity: 0.1;
    background: #fff;
}

.D4DataTable .dataTables_wrapper .col-sm-12 {
    padding-right: 0;
}

.D4DataTable .datatable-length-settings .form-label {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.D4DataTable .datatable-fields-settings .col-form-label,
.D4DataTable .datatable-fields-settings .form-group {
    margin: 0!important;
    padding-bottom:  0!important;
}

.D4DataTable .card-tools {
    display: flex;
}

.D4DataTable .card-tools .input-group.custom a,
.D4DataTable .card-tools .input-group.custom button {
    margin-left: 5px !important;
}

.D4DataTable a.link.new {
    font-weight: 700 !important;
}

.D4DataTable .table-tools-right button i {
    color: #405189 !important;
}

.D4DataTable .table-tools-right button i:hover {
    color: #3577f1 !important;
}

.D4DataTable .table-tools-left .select2-selection.select2-selection--single {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.D4DataTable .dataTable a i {
    margin-right: 5px !important;
}

.D4DataTable .row.dt-row .col-sm-12 {
    min-height: 300px;
}

.D4DataTable table tfoot td {
    background: #f3f6f9!important;
    min-height: 30px;
}

/*#endregion */

/*#region MODAL */

.D4-modal {
    border-radius: 5px !important;
    overflow: auto;
}

.D4-modal .form-control-wrap .form-control {
    width: calc(100% - 1.8rem);
}

.D4-modal.no-padding-white .ZebraDialog_Body {
    padding: 0;
    background: #fff !important;
}

.D4-modal.white .ZebraDialog_Body {
    background: #fff !important;
}

.D4-modal.modal-error .ZebraDialog_Body {
    padding: 0;
    background: #30353a !important;
}

a.ZebraDialog_Close,
.ZebraDialog_Title {
    border-bottom: 0;
    background: #405189;
    color: #fff;
}

.ZebraDialogBackdrop {
    background: rgba(0, 0, 0, .4);
    z-index: 1002;
}

.ZebraDialog_Title {
    border-bottom: 0;
}

.ZebraDialog {
    border: 0;
    z-index: 1002;
}

.ZebraDialog_Buttons {
    text-align: right;
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    background: #f3f6f9;
}

.ZebraDialog_Body {
    padding: 15px;
    margin: 0;
}

.D4-modal.primary .ZebraDialog_Title {
    background-color: #405189;
    color: #fff;
}

.D4-modal.primary .ZebraDialog_Close {
    color: #fff;
    padding: 0 10px;
    margin-right: -1px;
    border: 1px solid #fff;
}

.ZebraDialog.D4-modal-member-card .ZebraDialog_Body {
    padding: 10px;
    overflow: hidden;
}

.ZebraDialog_Body .D4Form .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.ZebraDialog_Body .D4Form .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.ZebraDialog_Body .D4Form .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.ZebraDialog_Body .D4Form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ZebraDialog_Body .D4Form .input-group-text {
    align-content: flex-start;
    flex-direction: column;
}

.ZebraDialog_Body .D4Form .language-flag {
    margin-right: 0;
}

.ZebraDialog_Body {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 50%), rgb(237 237 241)), url("/assets/img/table/header.png") !important;
    background-size: cover;
}

.swal2-container .swal2-cancel,
.swal2-container .swal2-deny,
.swal2-container .swal2-confirm {
    min-width: 100px;
}

.D4-modal .ZebraDialog_Button_0 {
    padding: 6px 12px;
    border-radius: 4px;
    color: #000 !important;
    border: 1px solid #ddd !important;
    background-color: transparent !important;
}

.D4-modal .ZebraDialog_Button_0:focus {
    color: #000 !important;
}

.D4-modal .ZebraDialog_Button_1 {
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    background-color: #0ab39c !important;
    border-color: #0ab39c !important;
}

.D4-modal .ZebraDialog_Button_1:hover {
    color: #fff !important;
    background-color: #099885 !important;
    border-color: #099885 !important;
}


/*#endregion */

/*region VARIABLE LIST */

.d4-variable-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.d4-variable-list var {
    padding: 2px 10px;
    border: 1px solid #e5e9f2;
    background: #fafafa;
    margin-right: 5px;
    margin-bottom: 5px;
}

.d4-variable-list var div {
    color: #000;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

.d4-variable-list var span {
    text-align: center;
}

.d4-variable-list var:hover {
    background: #eeeeee;
}

/*#endregion */

/*#region OTHER */

.dropdown-item:focus, .dropdown-item {
    color: rgb(0 0 0) !important;
    font-weight: 400 !important;
}

.form-control[readonly="readonly"],
.form-control[readonly],
.flatpickr-input[readonly],
.flatpickr-input[readonly="readonly"],
.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #f3f5f9 !important;
}

.form-control[disabled="disabled"],
.form-control[disabled] {
    background: #f3f5f9 !important;
    border: 1px solid #ced4da;
}

.form-control[readonly="readonly"], .form-control[readonly],
.form-control[disabled="disabled"], .form-control[disabled],
.select2-container--disabled .select2-selection__rendered{
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.select2-container--default.select2-container--disabled .select2-selection__arrow {
    display: none !important;
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
    padding: 5px 10px !important;
}

.pointer {
    cursor: pointer;
}

.pointer-info {
    cursor: help;
}

.form-group .form-note {
    margin-top: 0.5rem;
    cursor: pointer;
}

.form-note {
    font-size: 12px;
    color: #8094ae;
    font-style: italic;
    display: block;
}

.form-switch-md {
    line-height: 24px;
}

.sp-original-input-container .sp-add-on {
    width: 40px !important;
}

.language-list li:not(:last-child) .language-item {
    border-bottom: 1px solid #ecf2ff;
}

.translation-input {
    width: 100%;
}

.translation-input td.flag {
    width: 40px;
}

.language-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #344357;
    transition: all 0.4s;
}

.language-item:hover {
    color: #3c4d62;
    background: #ebeef2;
}

.language-name {
    font-size: 12px;
}

.language-flag {
    width: 24px;
    margin-right: 12px;
}

.form-group {
    margin-bottom: .5rem !important;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border: 0;
}

ul#navbar-nav {
    margin-left: -15px;
}

.d-flex.flex-start {
    justify-content: flex-start !important;
}

.d-flex.flex-end {
    justify-content: flex-end;
}

.d-flex.flex-space-between {
    justify-content: space-between;
}

.d-flex.flex-wrap {
    flex-wrap: wrap !important;
}

.divider {
    border-top: 1px solid #e5e9f2 !important;
    margin: 28px 0;
    display: block;
}

img.app-instance-img {
    height: 24px;
    margin-right: 10px;
}

img.app-instance-img.active {
    height: 20px;
    margin-right: 10px;
}

.app-instance-selector li {
    cursor: pointer;
}

.selected-app-instance.dropdown-toggle {
    min-width: 230px;
}

img.app-instance-img.active {
    height: 34px;
    left: 3px;
    position: absolute;
}

img.app-instance-img {
    height: 34px;
    position: absolute;
    left: 7px;
}

.app-instance-selector a span {
    padding-left: 30px;
}

.avatar-image {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
}

table.dataTable td, table.dataTable th {
    padding: 5px 10px;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-results__option--highlighted {
    background: #f3f6f9 !important;
    color: #000 !important;
}

.d4-table-category-icon {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-align: center;
}

.d4-table-category-icon i {
    font-size: 16px;
    margin-top: 9px;
}

#toast-container > div {
    border: 0;
}

.form-group span.invalid {
    width: 100%;
    margin-top: .15rem;
    font-size: .875em;
    color: var(--vz-form-invalid-color);
}

.form-group :has(.invalid) .form-control {
    border-color: var(--vz-form-invalid-color);
}

.select2-selection.select2-selection--single.warning {
    border-color: var(--vz-form-invalid-color)!important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*#endregion */

.clockpicker-popover .popover-title {
    background-color: #405189;
    color: #fff;
}

.clockpicker-span-hours.text-primary,
.clockpicker-span-minutes.text-primary {
    color: #f1f1f1 !important;
}

.flatpickr-input[readonly] {
    background-color: #eff2f7;
}

.tox-tinymce {
    border: 1px solid #eee !important;
    border-radius: 0 !important;
    width: 100%;
}

.bg-cover-center {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.app-title-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.app-icons figure img {
    transition: .1s ease;
}

.app-icons figure img:hover {
    transform: translateY(-3px);
}

.app-icons .img-thumbnail {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.app-icons .rounded-1 {
    border-radius: 0.25rem !important;
}


.app-icons .img-thumbnail {
    padding: 0.75rem;
    background-color: #ffffff;
    border: 0 solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: 0.625rem;
    max-width: 100%;
    height: auto;
}

.tool-bar-app-list {
    .dropdown-icon-item {
        padding: 9px 0 0 0;
    }

    .dropdown-icon-item img {
        height: 43px;
        border-radius: 0.3rem;
        padding: 5px;
        background-color: #ffffff;
        border: 1px solid #d8d8d86b;
        transition: .1s ease;
    }

    .dropdown-icon-item img:hover {
        transform: translateY(-2px);
    }

    .dropdown-icon-item span {
        color: #405189;
        font-size: .875em;
    }
}

.x_wd_app_card, .x_wd_app_horizontal {
    box-shadow: 0 1px 6px 0 #01679638;
}

.d4-planner-managers {
    width: 250px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.list-shared-dropdown {
    border: 1px solid #fff;
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px;
    color: #fff;
    animation: fadeIn 1s ease-in;
    border-radius: 5px;
}

.list-shared-dropdown.shared-user {
    background: #ff1313bf;
}

.list-shared-dropdown.disabled,
.list-shared-dropdown.disabled .planner-shared-users {
    cursor: not-allowed;
    opacity: 0.7;
}

.planner-shared-users:focus,
.planner-shared-users:disabled {
    color: #fff;
    background-color: transparent !important;
}

.list-shared-dropdown .select2-container .select2-selection--single {
    border: 0;
    background-color: transparent;
    color: #fff;
}

.planner-shared-users {
    color: #fff;
    padding: 5px;
    text-align: left;
    font-weight: 600;
    border: 0 !important;
    background-color: transparent !important;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
}

.planner-shared-users optgroup {
    color: #000;
}

.planner-shared-users option {
    color: #2a2b2fb5 !important;
    padding: 5px !important;

}

.cursor-default {
    cursor: default !important;
}

.ht_clone_top.handsontable {
    z-index: 1 !important;
}

.select2-selection--multiple .select2-selection__rendered {
    display: contents !important;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}

.d4-password-eye {
    position: absolute;
    right: 24px;
    margin-top: -28px;
    color: #3b476b;
    font-size: 17px;
    cursor: pointer;
    z-index: 999;
}

.fa-eye-slash.show {
    right: 23px;
}

/*#region SLIM-HEADER */

[data-layout=horizontal] body.slim-header .navbar-header {
    height: 45px !important;
}

[data-layout=horizontal] body.slim-header .navbar-menu .navbar-nav .nav-link {
    padding: .5rem 1.5rem;
}

[data-layout=horizontal] body.slim-header .navbar-menu {
    margin-top: 45px !important;
}

[data-layout=horizontal] body.slim-header .header-item {
    height: 45px;
}

[data-layout=horizontal] body.slim-header .navbar-header .logo {
    line-height: 50px;
}

[data-layout=horizontal] body.slim-header .topnav-hamburger {
    padding-bottom: 0;
}

[data-layout=horizontal] body.slim-header .app-title-icon {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

/*#endregion */

.multi-wrapper .search-input {
    width: calc(100% - 30px);
}

.multi-wrapper .non-selected-wrapper .item.selected {
    display: none;
}

.multi-wrapper::before {
    display: none !important;
}

.placeholder {
    background-color: rgb(191 191 191);
}

.count-down-text {
    font-size: 2rem;
    color: #444;
}

#D4PlannerHistory .no-history {
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

#D4MailHistory {
    min-height: 450px;
}

.card-body .card-header {
    border-bottom: 1px solid #e5e9f2;
}

crm-timeline {
    cursor: default;
}

.crm-timeline__calendar-icon {
    --crm-timeline__calendar-icon_size: 50px;
    --crm-timeline__calendar-icon_border-width: 1px;
    --crm-timeline__calendar-icon_primary-color: var(--ui-color-primary, #2fc6f6);
    --crm-timeline__calendar-icon_content-font: var(--ui-font-family-secondary, var(--ui-font-family-open-sans), "Open Sans", sans-serif);
    --crm-timeline__calendar-icon_bottom-radius: var(--ui-border-radius-2xs, 4px);
    --crm-timeline__calendar-icon_top-radius: var(--ui-border-radius-xs, 6px);
    --crm-timeline__calendar-icon_white-rgb: 255, 255, 255;
    width: var(--crm-timeline__calendar-icon_size);
    height: var(--crm-timeline__calendar-icon_size);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: var(--crm-timeline__calendar-icon_top-radius) /calc(var(--crm-timeline__calendar-icon_bottom-radius) + 1px);
    overflow: hidden;
    background: linear-gradient(0deg, rgba(var(--ui-color-background-primary-rgb, var(--crm-timeline__calendar-icon_white-rgb)), .5), rgba(var(--ui-color-background-primary-rgb, var(--crm-timeline__calendar-icon_white-rgb)), .5)), var(--crm-timeline__calendar-icon_primary-color)
}

.crm-timeline__calendar-icon_top {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 9px
}

.crm-timeline__calendar-icon_top, .crm-timeline__calendar-icon_top:after {
    width: 100%;
    background-color: var(--crm-timeline__calendar-icon_primary-color)
}

.crm-timeline.not-active .crm-timeline__calendar-icon_top {
    width: 100%;
    background-color: #ddd!important;
}

.crm-timeline__calendar-icon_top:after {
    content: "";
    display: block;
    position: absolute;
    height: var(--crm-timeline__calendar-icon_border-width);
    bottom: calc(var(--crm-timeline__calendar-icon_border-width) * -1);
    left: 0;
    opacity: .15
}

.crm-timeline__calendar-icon_bullets {
    margin-top: 1px;
    width: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.crm-timeline__calendar-icon_bullet {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--ui-color-background-primary, #fff);
    opacity: .5
}

.crm-timeline__calendar-icon_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - var(--crm-timeline__calendar-icon_border-width) * 2);
    margin-bottom: var(--crm-timeline__calendar-icon_border-width);
    flex-grow: 1;
    background-color: var(--ui-color-background-primary, #fff);
    border-bottom-left-radius: var(--crm-timeline__calendar-icon_bottom-radius);
    border-bottom-right-radius: var(--crm-timeline__calendar-icon_bottom-radius);
    font-family: var(--crm-timeline__calendar-icon_content-font);
    font-weight: var(--ui-font-weight-bold, bold);
    text-transform: uppercase
}

.crm-timeline__calendar-icon_day {
    font-size: var(--ui-font-size-xl, 16px);
    line-height: var(--ui-font-line-height-3xs, 1.2);
    color: var(--ui-color-base-90, #525c69)
}

.crm-timeline__calendar-icon_month {
    font-size: var(--ui-font-size-7xs, 7px);
    line-height: var(--ui-font-line-height-3xs, 1.2);
    color: var(--ui-color-base-50, #a8adb4)
}

.crm-timeline__calendar-icon_date {
    white-space: pre-wrap;
    font-size: var(--ui-font-size-7xs, 7px);
    color: var(--crm-timeline__calendar-icon_primary-color);
    line-height: var(--ui-font-line-height-md, 1.4)
}

.crm-timeline__calendar-icon_day-week {
    margin-right: 1px
}

.crm-timeline__calendar-icon_event_icon {
    width: 20px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%232FC6F6' d='M9.576 8.906h.935a.34.34 0 0 1 .341.339v.929a.34.34 0 0 1-.34.339h-.936a.34.34 0 0 1-.342-.34v-.928a.34.34 0 0 1 .342-.34zm-1.491 0H7.15a.34.34 0 0 0-.342.339v.93a.34.34 0 0 0 .342.338h.935a.34.34 0 0 0 .341-.339v-.93a.34.34 0 0 0-.34-.338zm-.001 2.41H7.15a.34.34 0 0 0-.341.34v.929a.34.34 0 0 0 .34.339h.936a.34.34 0 0 0 .341-.34v-.929a.34.34 0 0 0-.34-.338zm2.427 0h-.935a.34.34 0 0 0-.342.34v.929a.34.34 0 0 0 .342.339h.935a.34.34 0 0 0 .341-.34v-.929a.34.34 0 0 0-.34-.338zm1.491-2.41h.936a.34.34 0 0 1 .341.339v.929a.34.34 0 0 1-.341.339h-.936a.34.34 0 0 1-.34-.34v-.928a.34.34 0 0 1 .34-.34z'/%3E%3Cpath fill='%232FC6F6' fill-rule='evenodd' d='M13.874 5.055v-.443h.985c.9.056 1.597.837 1.58 1.771v8.86c0 .488-.382.885-.855.885H4.421c-.472 0-.855-.397-.855-.886V6.383a2 2 0 0 1-.006-.136c.002-.905.712-1.637 1.586-1.635h.985v.443c0 .733.574 1.328 1.283 1.328s1.283-.595 1.283-1.328v-.443h2.611v.443c0 .733.575 1.328 1.283 1.328s1.283-.595 1.283-1.328m.855 9.301H5.276V7.32h9.453z' clip-rule='evenodd'/%3E%3Cpath fill='%232FC6F6' d='M8.042 3.905v.974a.64.64 0 0 1-.628.651.64.64 0 0 1-.629-.65v-.975l.005-.085a.64.64 0 0 1 .628-.571.64.64 0 0 1 .624.656m5.143.024v.924a.605.605 0 0 1-.595.614.605.605 0 0 1-.592-.615v-.924c0-.34.266-.614.593-.614.328 0 .594.274.594.615'/%3E%3C/svg%3E");
    background-color: var(--ui-color-background-primary);
    box-shadow: var(--ui-shadow-bottom-2xs);
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 8px
}

.d4-dual-list-checkbox.form-control {
    border: 0;
    padding: 0;
}

.d4-dual-list-checkbox .transfer-double-header {
    border: 0;
    padding: 10px 0 0 0;
}

.system-msg-action {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.system-msg-action:hover {
    border: 1px solid #cccfd5;
}

.card .card-header.md {
  height: 45px;
}

.D4-modal.system-manual-modal .ZebraDialog_Body {
    background: #ffffff !important;
}

.pac-logo:after {
    display: none!important;
}

.card-border {
    border: 1px solid #ced4da;
    border-radius: var(--vz-border-radius);
    padding: .5rem;
}

.card-border .header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid #ced4da;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: -.5rem;
    padding: 5px 10px;
}

.form-check.readonly .form-check-input,
.form-check.readonly label{
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5;
}

.d4-form-card .form-icon i {
    cursor: pointer;
    left: 0;
    padding: 0 10px;
    border-right: 1px solid #ced4da;
}

.d4-stars {
    display: inline-block;
}

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

.reset-rating {
  margin-left: 10px;
}

.d4-quick-add {
    min-width:46px;
    border: var(--vz-border-width) solid var(--vz-input-border-custom) !important;
    border-left:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    color:#526484;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left: -3px;
}

.form-group .input-group.add-button .select2-selection--single {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.d4-revision-modal .ZebraDialog_Body {
    padding: 0 !important;
}

.d4-revision-modal .card.D4DataTable {
    margin-bottom: 0!important;
}