/* 
    Created on : 11. 5. 2023, 23:25:11
    Author     : Tomas Bradle
*/


@charset 'UTF-8';


:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-menu {
    background: #2c2f3e;
    border-right: 1px solid #2c2f3e;
    
    background: #272a3c;
    border-right: 1px solid #272a3c;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .menu-title {
    color: rgba(255, 255, 255, 0.3);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.6);
}
    
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    color: rgba(255, 255, 255, 0.6);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-sm .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link:hover {
    color: #fff;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .body-public .navbar-nav .nav-link {
    color: var(--vz-dark);
}

    








.select2-container .select2-selection--single .select2-selection__arrow b {
    border-width: 5px 5px 0 5px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 5px 5px !important;
}

.flatpickr-time {
    max-height: 60px;
}

.flatpickr-time .numInputWrapper {
    height: 60px;
}









.input-group > input[type="hidden"][class*="flatpickr"]:first-child + :not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

select.is-invalid + .select2-container .select2-selection--single, 
select.is-invalid + .select2-container .select2-selection--multiple {
    border: 1px solid #f06548 !important;
}

textarea.is-invalid + .cke {
    border: 1px solid #f06548 !important;
}






.list-view-operations .dropdown-toggle::after {
    display: none;
}




.table > :not(caption) > * > * {
    /*--vz-table-bg: #f3f6f9;
    background-color: var(--vz-table-bg);*/
}


.table thead > * > * {
    --vz-table-bg: #f3f6f9;
    background-color: var(--vz-table-bg);
}

[data-layout-mode="dark"] .table thead > * > * {
    --vz-table-bg: rgba(255, 255, 255, .05);
    background-color: var(--vz-table-bg);
}





.chip {
    display: inline-block;
    height: 32px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #eceff1;
    margin-bottom: 1rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: all .3s linear;
}

.chip .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
    transition: all .1s linear;
}

.listview-filter-chips .chip {
    margin-top: 0;
    margin-bottom: 0;
    height: 24px;
    line-height: 24px;
}

.listview-filter-chips .chip .close {
    line-height: 24px;
}

.filter-chip-name {
    position: relative;
    top: -.05rem;
    margin-right: .5rem;
    font-size: .65rem;
    font-size: .5rem;
}









.tile-icon {
    --size: 2.4rem;
    width: var(--size);
    height: var(--size);
    
    display: flex;
    justify-content: center;
    align-items: center;
}






.modal-header {
    padding: 1.25rem 1.25rem;
}






.mark-form .HP-wrapper {
    position: fixed;
    top: 200vh;
    left: 200vw;
}










/*.avatar-wrapper {
    display: block;
    height: 74px !important;
}*/

.avatar-operation {
    width: 1.8rem;
}

.avatar-wrapper .avatar-operation {
    display: none;
    
    transition: display .2s;
}

.avatar-wrapper:hover .avatar-operation {
    display: inline-block;
}

.upload-avatar {
    width: 200px !important;
    height: 200px !important;
}

.upload-avatar > .upload-avatar {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.upload-avatar > .upload-avatar:first-of-type {
    border-radius: 0 !important;
}

@media (max-width: 350px) {
    
    .upload-avatar {
        width: 150px !important;
        height: 150px !important;
    }
    
}







.hidden {
    position: fixed !important;
    top: 200vh;
    left: 200vw;
}






.col-weekday {
    flex: 0 0 auto;
    width: 14.28%;
}

@media (max-width: 1399px) {
    
    .col-weekday {
        width: 20%;
    }
    
}

@media (max-width: 991px) {
    
    .col-weekday {
        width: 25%;
    }
    
}

@media (max-width: 767px) {
    
    .col-weekday {
        width: 33.333333%;
    }
    
}

@media (max-width: 576px) {
    
    .col-weekday {
        width: 100%;
    }
    
}










.form-group.is-inline-date {
    
    --gray-600: #878a99;
    --success: #0ab39c;
    
    position: relative;
}

.form-group.is-inline-date input[type="text"].flatpickr-date-input, 
.form-group.is-inline-date label.form-control-label  {
    display: none;
}




.form-group.is-inline-date .flatpickr-months {
    position: absolute !important;
    top: -45px !important;
    left: auto !important;
    right: 0px !important;
    width: 200px;
    width: 160px;
    background-color: transparent;
}

.form-group.is-inline-date .flatpickr-months .flatpickr-month {
    color: var(--gray-600) !important;
    fill: var(--gray-600) !important;
}

.form-group.is-inline-date .flatpickr-months .flatpickr-prev-month, 
.form-group.is-inline-date .flatpickr-months .flatpickr-next-month {
    display: none;
}

.form-group.is-inline-date .flatpickr-calendar {
    box-shadow: none !important;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-current-month {
    font-size: 13px;
    width: 100%;
    left: 0;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-monthDropdown-months {
    border: 1px solid var(--vz-border-color);
    border-radius: 4px;
    height: 26px;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-weekdays {
    background-color: var(--vz-light);
    border: none;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
    color: var(--vz-dark);
    background-color: var(--vz-light);
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-day.today {
    /*color: #fff !important;
    background-color: var(--success);*/
    border-color: var(--success) !important;
    
    color: var(--success) !important;
    background-color: rgba(var(--success), 0.2) !important;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-day.today:hover {
    color: var(--success) !important;
    background-color: rgba(var(--success), 0.2) !important;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-day.selected {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: #fff;
}

.form-group.is-inline-date .flatpickr-calendar .flatpickr-day.today.selected {
    color: #fff !important;
}

.form-group.is-inline-date .flatpickr-calendar .numInputWrapper {
    width: 7.5ch;
    margin-left: 10px;
}

.form-group.is-inline-date .flatpickr-days {
    border: none !important;
}










body.bg-gray-100 {
    background-color: var(--vz-body-bg);
}

body.bg-gray-100 .layout-wrapper.landing {
    background-color: transparent;
}








.progress-backdrop:not(.is-appended) {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .65);
    
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.progress-backdrop.is-transparent {
    background-color: rgba(0, 0, 0, 0);
}

.progress-backdrop:not(.is-appended) .progress-modal {
    width: 40%;
    height: auto;
    background-color: #fff;
    
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress-backdrop.is-transparent .progress-modal {
    border: 0 none;
    box-shadow: 1px 2px 3px rgba(180,180,180,0.8);
}









.bg-hover-light {
    transition: background-color 0.3s;
}

.bg-hover-light:hover {
    background-color: rgba(var(--vz-light-rgb),.65) !important;
}












.top-1 {
    top: 1% !important;
}

.top-2 {
    top: 2% !important;
}

.top-3 {
    top: 3% !important;
}

.top-4 {
    top: 4% !important;
}

.top-5 {
    top: 5% !important;
}

.top-6 {
    top: 6% !important;
}

.top-7 {
    top: 7% !important;
}

.top-8 {
    top: 8% !important;
}

.top-9 {
    top: 9% !important;
}

.top-10 {
    top: 10% !important;
}






@media (min-width: 576px) {

    .w-sm-100 {
        width: 100% !important;
    }

}

@media (min-width: 768px) {

    .w-md-100 {
        width: 100% !important;
    }

}

@media (min-width: 992px) {

    .w-lg-100 {
        width: 100% !important;
    }

}

@media (min-width: 1200px) {

    .w-xl-100 {
        width: 100% !important;
    }

}

@media (min-width: 1400px) {

    .w-xxl-100 {
        width: 100% !important;
    }

}









.ui-autocomplete.card {
    -webkit-box-shadow: 0 5px 10px rgba(30,32,37,.12);
    box-shadow: 0 5px 10px rgba(30,32,37,.12);
    font: inherit;
}

.ui-autocomplete.card .ui-menu-item-wrapper {
    padding: .35rem 1.2rem;
}

.ui-autocomplete.card .ui-state-active {
    border: 0 none;
    background-color: var(--vz-light);
    color: var(--vz-body-color);
    margin: 0;
}





/*
@media (max-width: 767px) {

    .main-content > .page-content > .container-fluid {
        --px: 0;
        padding-left: var(--px);
        padding-right: var(--px);
    }
    
}
*/






.form-control[disabled]:not(.flatpickr-date-input):not(.flatpickr-time-input),
.form-control[disabled="disabled"]:not(.flatpickr-date-input):not(.flatpickr-time-input),
.form-control[readonly]:not(.flatpickr-date-input):not(.flatpickr-time-input),
.form-control[readonly="true"]:not(.flatpickr-date-input):not(.flatpickr-time-input) {
    background-color: var(--vz-light);
}




.table .sort::before {
    top: 15px;
}

.table .sort::after {
    top: 9px;
}





.h-0 {
    height: 0 !important;
}









/*.btn.disabled, 
.btn:disabled, 
fieldset:disabled .btn {
    color: inherit;
    pointer-events: none;
    background-color: inherit;
    border-color: inherit;
    opacity: var(--vz-btn-disabled-opacity);
}*/

/*.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--vz-btn-disabled-color);
    pointer-events: none;
    background-color: var(--vz-btn-disabled-bg);
    border-color: var(--vz-btn-disabled-border-color);
    opacity: var(--vz-btn-disabled-opacity);
}*/








.form-control.is-invalid.text-end, 
.was-validated .form-control:invalid.text-end {
    background-position: left calc(.375em + .25rem) center;
}








.cke_textarea_inline {
    padding: .5rem .9rem;
    border: 1px solid var(--vz-input-border);
    border-radius: .25rem;
    color: var(--vz-body-color);
}








.extended-form-toggle hr {
    z-index: 1;
}

.extended-form-toggle .EFT-btn {
    top: -.875rem;
    z-index: 2;
    background-color: #eaf1fe;
}

.extended-form-toggle .EFT-btn:hover {
    background-color: var(--vz-btn-hover-bg);
}








.form-input-tags-putoff {
    
}







.upcoming-filter .select2-container .select2-search__field {
    width: auto !important;
    max-width: 80px;
}

.upcoming-filter .select2-container .select2-selection {
    padding-bottom: 0;
    min-height: calc(1.5em + 1rem + 0px);
}

.upcoming-filter .select2-container .select2-selection--multiple .select2-selection__choice {
    margin-top: 4px;
}











.new-sms-conversation .chat-input-feedback {
    display: none;
    /*position: absolute;
    top: -20px;
    left: 4px;*/
    font-size: 12px;
    color: #f06548;
}

.new-sms-conversation .chat-input-feedback.show {
    display: block;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    background-color: rgba(var(--vz-info-rgb),.15);
    /*background-color: var(--vz-info);*/
    color: var(--vz-info);
}

.chat-conversation .left .conversation-list .ctext-wrap .ctext-wrap-content {
    background-color: var(--vz-white);
    box-shadow: 0 3px 5px rgba(30,32,37,.12);
}

@media (min-width: 992px) {
    
    .chat-leftsidebar {
        min-width: 300px;
        max-width: 300px;
        height: calc(100vh - 70px - 60px - 0px);
    }
  
}











.page-content {
    padding: calc(45px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5);
}

@media (min-width: 768px) {
    
    .page-content {
        padding: calc(70px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5);
    }
    
}









.idea-preview {
    --mt: 80px;
    --toolbox-width: 150px;
    --toolbox-top: -80px;
    --toolbox-right: -180px;
    --props-top: -80px;
    --props-left: -3px;
    --border-radius: 1rem;
    --box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, .6);
    --box-shadow-2: 0px 0px 12px 0px rgba(0, 0, 0, .1);
    --border-width: 3px;
    --p: 20px;
    --br-content: .15rem;
}

@media (max-width: 767px) {
    
    .idea-preview {
        --mt: 80px;
        --toolbox-width: 150px;
        --toolbox-top: -80px;
        --toolbox-right: -180px;
        --props-top: -80px;
        --props-left: -3px;
        --border-radius: 1rem;
        --box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, .6);
        --box-shadow-2: 0px 0px 12px 0px rgba(0, 0, 0, .1);
        --border-width: 1px;
        --p: 12px;
        --br-content: .25rem;
    }
    
}

.idea-preview {
    font-family: Poppins, Roboto, sans-serif;
    font-weight: 300;
    background-color: #1c1c1c;
    width: calc(100% - 0px);
    height: auto;
    min-height: calc(100vh - 200px);
    border-radius: var(--border-radius);
    border: var(--border-width) solid #e0e0e0;
    box-shadow: var(--box-shadow);
    padding: var(--p);
    margin: 0 auto;
    position: relative;
    margin-top: var(--mt);
}

.idea-preview .idea-preview-content {
    background: #fff;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 245px);
    border-radius: var(--br-content);
    overflow: hidden;
}

.idea-preview .idea-heading, 
.idea-preview .idea-banner,
.idea-preview .idea-cta {
    border: 2px solid transparent;
    transition: border-color .3s;
}

.idea-preview .idea-banner {
    width: 100%;
}

@media (min-width: 768px) {
    
    .idea-preview .idea-banner {
        width: 75%;
    }
    
}

@media (min-width: 992px) {
    
    .idea-preview .idea-banner {
        width: 50%;
    }
    
}

.idea-preview .idea-cta [contenteditable="true"] {
    outline: none;
}

.idea-preview .idea-heading:hover, 
.idea-preview .idea-banner:hover/*,
.idea-preview .idea-cta:hover*/ {
    border-color: var(--vz-secondary);
}

.idea-preview [contenteditable="true"]:empty:not(:focus)::before {
    content: attr(placeholder);
    color: grey;
    font-style: italic;
}