.dropzone .dz-message:before,
.dropzone .dz-preview .dz-remove:before {
    -webkit-font-smoothing: antialiased;
    content: ''
}

.dropzone {
    min-height: 350px;
    border: 2px dashed var(--secondary);
    background: #f8f8f8;
    position: relative
}

.dropzone .dz-message {
    font-size: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.dropzone .dz-message:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b38e5d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-download'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
    font-size: 80px;
    position: absolute;
    top: 14rem;
    width: 80px;
    height: 80px;
    display: inline-block;
    line-height: 1;
    z-index: 2;
    color: var(--secondary);
    text-indent: 0;
    font-weight: 400
}

.dropzone .dz-preview {
    background: 0 0!important
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    z-index: 10
}

.dropzone .dz-preview .dz-image {
    border-radius: .357rem
}

.dropzone .dz-preview .dz-error-message {
    background: var(--danger)
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid var(--danger)
}

.dropzone .dz-preview .dz-remove {
    font-size: 1.1rem;
    color: var(--danger);
    line-height: 2rem
}

.dropzone .dz-preview .dz-remove:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a00741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    display: inline-block;
    line-height: 1;
    z-index: 2;
    text-indent: 0;
    font-weight: 400
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: none;
    color: #6f052d
}

.ql-toolbar .ql-formats .ql-picker-item.ql-selected,
.ql-toolbar .ql-formats .ql-picker-label.ql-active,
.ql-toolbar .ql-formats .ql-picker-label:focus,
.ql-toolbar .ql-formats .ql-picker-label:hover,
.ql-toolbar .ql-formats .ql-picker-options .ql-active,
.ql-toolbar .ql-formats .ql-picker-options .ql-picker-item:hover,
.ql-toolbar .ql-formats button.ql-active,
.ql-toolbar .ql-formats button:focus,
.ql-toolbar .ql-formats button:hover {
    color: var(--secondary)!important
}

@media (max-width:576px) {
    .dropzone .dz-message:before {
        top: 15rem
    }
}

.dark-layout .dropzone {
    background-color: #2e3750
}

.bootstrap-touchspin.input-group {
    width: 8.4rem;
    align-items: center
}

.bootstrap-touchspin.input-group .form-control {
    padding: 5px;
    height: auto;
    border: 0;
    background-color: #f8f8f8;
    border-radius: .357rem!important;
    text-align: center;
    font-weight: 500
}

.ql-container,
.ql-toolbar {
    border-color: #d8d6de!important
}

.bootstrap-touchspin.input-group .form-control:focus {
    z-index: 1;
    box-shadow: none
}

.bootstrap-touchspin .bootstrap-touchspin-injected {
    margin: 0!important
}

.bootstrap-touchspin .bootstrap-touchspin-injected.input-group-prepend {
    left: 12px;
    position: relative
}

.bootstrap-touchspin .bootstrap-touchspin-injected.input-group-append {
    right: 12px;
    position: relative
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
    padding: 0;
    min-width: 20px;
    min-height: 20px;
    border-radius: .357rem!important
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
    height: .8rem;
    width: .8rem;
    font-size: .8rem;
    position: relative;
    top: -1px
}

.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
    background-color: rgba(34, 41, 47, .5)!important;
    cursor: default;
    opacity: .5
}

.bootstrap-touchspin.input-group-lg {
    width: 9.375rem
}

.bootstrap-touchspin.input-group-lg .touchspin.form-control {
    height: auto!important
}

.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up {
    min-width: 24px;
    min-height: 24px
}

.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down svg,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up svg {
    height: 1rem;
    width: 1rem;
    font-size: 1rem;
    top: -3px
}

.bootstrap-touchspin.input-group-sm {
    width: 6.25rem
}

.bootstrap-touchspin.input-group-sm .touchspin.form-control {
    height: auto!important
}

.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {
    min-width: 16px;
    min-height: 16px
}

.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
    height: .6rem;
    width: .6rem;
    font-size: .6rem
}

.bootstrap-touchspin.input-group input[type=number] {
    -moz-appearance: textfield
}

.dark-layout .bootstrap-touchspin.input-group .form-control {
    background-color: #161d31
}

.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min,
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up,
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
    background-color: var(--gray)!important;
    opacity: 1
}

.ql-toolbar .ql-font span[data-label='Sailec Light']::before {
    font-family: 'Sailec Light'
}

.ql-toolbar .ql-font span[data-label='Sofia Pro']::before {
    font-family: Sofia
}

.ql-toolbar .ql-font span[data-label='Slabo 27px']::before {
    font-family: 'Slabo 27px'
}

.ql-toolbar .ql-font span[data-label='Roboto Slab']::before {
    font-family: 'Roboto Slab'
}

.ql-toolbar .ql-font span[data-label=Inconsolata]::before {
    font-family: Inconsolata
}

.ql-toolbar .ql-font span[data-label='Ubuntu Mono']::before {
    font-family: 'Ubuntu Mono'
}

.ql-font-sofia {
    font-family: Sofia
}

.ql-font-slabo {
    font-family: 'Slabo 27px'
}

.ql-font-roboto {
    font-family: 'Roboto Slab'
}

.ql-font-inconsolata {
    font-family: Inconsolata
}

.ql-font-ubuntu {
    font-family: 'Ubuntu Mono'
}

.ql-toolbar .ql-formats :focus,
.ql-toolbar .ql-formats:focus {
    outline: 0
}

.ql-toolbar .ql-formats .ql-picker-label:focus .ql-stroke,
.ql-toolbar .ql-formats .ql-picker-label:hover .ql-stroke,
.ql-toolbar .ql-formats button:focus .ql-stroke,
.ql-toolbar .ql-formats button:hover .ql-stroke {
    stroke: var(--secondary)!important
}

.ql-toolbar .ql-formats .ql-picker-label:focus .ql-fill,
.ql-toolbar .ql-formats .ql-picker-label:hover .ql-fill,
.ql-toolbar .ql-formats button:focus .ql-fill,
.ql-toolbar .ql-formats button:hover .ql-fill {
    fill: var(--secondary)!important
}

.ql-bubble .ql-picker {
    color: #fff!important
}

.ql-bubble .ql-stroke {
    stroke: #fff!important
}

.ql-bubble .ql-fill {
    fill: #fff!important
}

.ql-container {
    font-family: Montserrat, Helvetica, Arial, serif
}

.ql-editor a {
    color: var(--secondary)
}

.ql-picker {
    color: #5e5873!important
}

.ql-stroke {
    stroke: #5e5873!important
}

.ql-active .ql-stroke {
    stroke: var(--secondary)!important
}

.ql-active .ql-fill {
    fill: var(--secondary)!important
}

.ql-fill {
    fill: #5e5873!important
}

.ql-container,
.ql-toolbar {
    border-top-right-radius: .357rem;
    border-top-left-radius: .357rem
}

.ql-container+.ql-toolbar,
.ql-toolbar+.ql-container {
    border-bottom-right-radius: .357rem;
    border-bottom-left-radius: .357rem;
    border-top-right-radius: unset;
    border-top-left-radius: unset
}

.dark-layout .ql-toolbar,
.dark-layout .quill-toolbar {
    background-color: var(--primary);
    border-color: #3b4253!important
}

.dark-layout .ql-toolbar .ql-picker,
.dark-layout .quill-toolbar .ql-picker {
    color: #fff!important
}

.dark-layout .ql-toolbar .ql-stroke,
.dark-layout .quill-toolbar .ql-stroke {
    stroke: #fff!important
}

.dark-layout .ql-toolbar .ql-fill,
.dark-layout .quill-toolbar .ql-fill {
    fill: #fff!important
}

.dark-layout .ql-toolbar .ql-picker-label,
.dark-layout .ql-toolbar .ql-picker-options,
.dark-layout .quill-toolbar .ql-picker-label,
.dark-layout .quill-toolbar .ql-picker-options {
    background-color: var(--primary)
}

.dark-layout .ql-toolbar .ql-picker-label .ql-active,
.dark-layout .ql-toolbar .ql-picker-options .ql-active,
.dark-layout .quill-toolbar .ql-picker-label .ql-active,
.dark-layout .quill-toolbar .ql-picker-options .ql-active {
    color: var(--secondary)!important
}

.dark-layout .ql-active .ql-stroke {
    stroke: var(--secondary)!important
}

.dark-layout .ql-active .ql-fill {
    fill: var(--secondary)!important
}

.dark-layout .ql-bubble .ql-toolbar {
    background: #3b4253;
    border-radius: 2rem
}

.dark-layout .ql-container {
    border-color: #3b4253!important;
    background-color: var(--primary)
}

.dark-layout .ql-editor .ql-syntax {
    background-color: #161d31
}

.dark-layout .ql-editor.ql-blank:before {
    color: #b4b7bd
}

[data-textdirection=rtl] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) i,
[data-textdirection=rtl] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: auto!important;
    right: 0
}

form span.error {
    width: 100%;
    font-size: .857rem
}

form .error:not(input) {
    color: var(--danger);
    background: white;
    border-radius: 5px;
    padding: 2px;
}

form .select2.error+.select2-container--classic .select2-selection--multiple,
form .select2.error+.select2-container--classic .select2-selection--single,
form .select2.error+.select2-container--default .select2-selection--multiple,
form .select2.error+.select2-container--default .select2-selection--single,
form input.error,
form input.error:focus,
form textarea.error,
form select.error {
    border-color: var(--danger)!important
}

.bs-stepper {
    background-color: #fff;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1);
    border-radius: .5rem
}

.bs-stepper .bs-stepper-header {
    padding: 1.5rem;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(34, 41, 47, .08);
    margin: 0
}

.bs-stepper .bs-stepper-header .line {
    flex: 0;
    min-width: auto;
    min-height: auto;
    background-color: transparent;
    margin: 0;
    color: var(--primary);
    font-size: 1.5rem
}

.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0 1.75rem;
    flex-wrap: nowrap;
    font-weight: 400
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: .5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, .12);
    border-radius: .35rem
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: .5rem 0 0 1rem
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #2a2a2a;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0
}

.bs-stepper.vertical .bs-stepper-content .content:not(.active),
.bs-stepper.vertical .bs-stepper-header .line {
    display: none
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: .85rem;
    color: #b9b9c3
}

.bs-stepper .bs-stepper-header .step .step-trigger:hover {
    background-color: transparent
}

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: var(--secondary);
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(179, 142, 93, .4)
}

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: var(--secondary)
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
    background-color: rgba(179, 142, 93, .12);
    color: var(--secondary)!important
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #2a2a2a
}

.bs-stepper .bs-stepper-header .step.crossed+.line {
    color: var(--secondary)
}

.bs-stepper .bs-stepper-header .step:first-child .step-trigger {
    padding-left: 0
}

.bs-stepper .bs-stepper-header .step:last-child .step-trigger {
    padding-right: 0
}

.bs-stepper .bs-stepper-content {
    padding: 1.5rem
}

.bs-stepper .bs-stepper-content .content {
    margin-left: 0
}

.bs-stepper .bs-stepper-content .content .content-header {
    margin-bottom: 1rem
}

.bs-stepper.vertical .bs-stepper-header {
    border-right: 1px solid #ebe9f1;
    border-bottom: none
}

.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
    padding: 1rem 0
}

.bs-stepper.vertical .bs-stepper-content {
    width: 100%;
    padding-top: 2.5rem
}

.bs-stepper.vertical.wizard-icons .step {
    text-align: center
}

.bs-stepper.wizard-modern {
    background-color: transparent;
    box-shadow: none
}

.bs-stepper.wizard-modern .bs-stepper-header {
    border: none
}

.bs-stepper.wizard-modern .bs-stepper-content {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1)
}

.horizontal-wizard,
.modern-horizontal-wizard,
.modern-vertical-wizard,
.vertical-wizard {
    margin-bottom: 2.2rem
}

.dark-layout .bs-stepper {
    background-color: var(--primary);
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .24)
}

.dark-layout .bs-stepper .bs-stepper-header {
    border-bottom: 1px solid rgba(59, 66, 83, .08)
}

.dark-layout .bs-stepper .bs-stepper-header .line {
    color: #b4b7bd
}

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    color: #babfc7
}

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #b4b7bd
}

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    color: #676d7d
}

.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: var(--secondary);
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(179, 142, 93, .4)
}

.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: var(--secondary)
}

.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,
.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
    color: #676d7d
}

.dark-layout .bs-stepper.vertical .bs-stepper-header {
    border-right-color: #3b4253
}

.dark-layout .bs-stepper.wizard-modern {
    background-color: transparent;
    box-shadow: none
}

.dark-layout .bs-stepper.wizard-modern .bs-stepper-header {
    border: none
}

.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {
    background-color: var(--primary);
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .24)
}

html[data-textdirection=rtl] .btn-next,
html[data-textdirection=rtl] .btn-prev {
    display: flex
}

.flatpickr-calendar:after,
.flatpickr-calendar:before,
.flatpickr-current-month .flatpickr-monthDropdown-months span,
.flatpickr-current-month .numInputWrapper span {
    display: none
}

html[data-textdirection=rtl] .btn-next i,
html[data-textdirection=rtl] .btn-next svg,
html[data-textdirection=rtl] .btn-prev i,
html[data-textdirection=rtl] .btn-prev svg {
    transform: rotate(-180deg)
}

@media (max-width:768px) {
    .bs-stepper .bs-stepper-header {
        flex-direction: column;
        align-items: flex-start
    }
    .bs-stepper .bs-stepper-header .step .step-trigger {
        padding: .5rem 0!important;
        flex-direction: row
    }
    .bs-stepper .bs-stepper-header .line {
        display: none
    }
    .bs-stepper.vertical {
        flex-direction: column
    }
    .bs-stepper.vertical .bs-stepper-header {
        align-items: flex-start
    }
    .bs-stepper.vertical .bs-stepper-content {
        padding-top: 1.5rem
    }
}

.flatpickr-calendar .flatpickr-day {
    color: var(--primary)
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: var(--secondary)
}

.flatpickr-calendar .flatpickr-day.today:hover {
    background: 0 0;
    color: var(--primary)
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
    background: var(--secondary);
    color: #fff;
    border-color: var(--secondary)
}

.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.inRange:hover {
    background: #e4d7c5;
    border-color: #e4d7c5;
    box-shadow: -5px 0 0 #e4d7c5, 5px 0 0 #e4d7c5
}

.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.startRange:hover {
    background: var(--secondary);
    color: #fff;
    border-color: var(--secondary)
}

.flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--secondary)
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #dae1e7
}

.dark-layout .flatpickr-calendar .flatpickr-day,
.dark-layout .flatpickr-calendar .flatpickr-day.today:hover,
.dark-layout .flatpickr-calendar .flatpickr-month,
.dark-layout .flatpickr-calendar .flatpickr-weekday {
    color: #b4b7bd
}

.flatpickr-calendar .flatpickr-day:hover {
    background: var(--light)
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    top: -5px
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: var(--secondary)
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #fff
}

.dark-layout .flatpickr-calendar {
    background: #161d31;
    border-color: #161d31;
    box-shadow: none
}

.dark-layout .flatpickr-calendar .flatpickr-months i,
.dark-layout .flatpickr-calendar .flatpickr-months svg {
    fill: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: 1px 0 0 #3b4253
}

.dark-layout .flatpickr-calendar .flatpickr-day.selected {
    color: #fff
}

.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #4e5154!important
}

.dark-layout .flatpickr-calendar .flatpickr-day.inRange,
.dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
    background: var(--primary);
    border-color: var(--primary);
    box-shadow: -5px 0 0 var(--primary), 5px 0 0 var(--primary)
}

.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    color: #b4b7bd;
    border-color: var(--primary)
}

.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    background: var(--primary)
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover,
.dark-layout .flatpickr-time .flatpickr-am-pm:focus,
.dark-layout .flatpickr-time .flatpickr-am-pm:hover,
.dark-layout .flatpickr-time input:focus,
.dark-layout .flatpickr-time input:hover {
    background: #161d31
}

.dark-layout .flatpickr-calendar .flatpickr-time {
    border-color: #161d31!important
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,
.dark-layout .flatpickr-calendar .flatpickr-time .numInput {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after {
    border-bottom-color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after {
    border-top-color: #b4b7bd
}

.flatpickr-human-friendly[readonly],
.flatpickr-input[readonly],
.flatpickr-input~.form-control[readonly] {
    background-color: inherit;
    opacity: 1!important
}

.flatpickr-weekdays {
    margin-top: 8px
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
    font-size: 1.1rem;
    border-radius: 4px;
    padding: 2px;
    transition: all .15s ease-out
}

.picker__holder {
    outline: 0
}

.picker__button--today:before,
.picker__day--today:before {
    border-top: 6px solid var(--secondary)
}

.picker__button--clear:before {
    border-top: 2px solid var(--danger)
}

.picker--focused .picker__day--highlighted,
.picker--focused .picker__list-item--selected,
.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background-color: var(--secondary)
}

.picker__button--close:before,
.picker__nav--next:before,
.picker__nav--prev:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    color: var(--primary);
    width: 8px;
    height: 18px
}

.picker__nav--prev:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E")
}

.picker__nav--next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E")
}

.picker__button--close:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a00741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    height: 10px!important
}

.dark-layout .picker__holder {
    background-color: #161d31;
    border-color: #3b4253
}

.dark-layout .picker__holder .picker__header .picker__month,
.dark-layout .picker__holder .picker__header .picker__year {
    color: #b4b7bd
}

.dark-layout .picker__holder .picker__header .picker__select--month,
.dark-layout .picker__holder .picker__header .picker__select--year {
    color: #b4b7bd;
    background-color: #161d31;
    border-color: #3b4253
}

.dark-layout .picker__holder .picker__header .picker__nav--next:hover,
.dark-layout .picker__holder .picker__header .picker__nav--prev:hover {
    background-color: var(--primary)
}

.dark-layout .picker__holder .picker__frame {
    border-color: #3b4253
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day,
.dark-layout .picker__holder .picker__table thead tr .picker__weekday {
    color: #b4b7bd
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--selected {
    color: #fff
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover {
    background-color: #3b4253;
    color: #fff
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled {
    color: #b4b7bd;
    opacity: .5;
    background: var(--primary)
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today {
    background-color: var(--primary)
}

.dark-layout .picker__holder .picker__footer .picker__button--clear,
.dark-layout .picker__holder .picker__footer .picker__button--close,
.dark-layout .picker__holder .picker__footer .picker__button--today {
    background-color: #161d31;
    color: #b4b7bd
}

.dark-layout .picker__holder .picker__footer .picker__button--clear:hover,
.dark-layout .picker__holder .picker__footer .picker__button--close:hover,
.dark-layout .picker__holder .picker__footer .picker__button--today:hover {
    background-color: #3b4253
}

.dark-layout .picker--time .picker__holder .picker__list {
    background-color: #161d31
}

.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--selected,
.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:hover {
    background-color: var(--primary)
}

.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled {
    background-color: var(--primary);
    color: var(--primary);
    opacity: .5
}

.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear {
    background-color: #161d31;
    color: #b4b7bd
}

[dir=rtl] .picker__nav--prev:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E")
}

[dir=rtl] .picker__nav--next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E")
}