/* 
    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;
}

.listview-tileview .card-header {
    border-bottom: 0 none;
}









.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),
.cke_textarea_inline[contenteditable="false"]{
    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);
    }
    
}




















.vza-wrapper .sch-messages {
    height: calc(100vh - 12.1rem);
}

.vza-wrapper .layout-rightside {
    width: 360px;
    margin-top: calc(2px - 1.5rem * 1.1);
    height: calc(100vh - 4rem);
    position: fixed;
    right: 1rem;
    top: 5.93rem;
    z-index: 10;
}




.help_center_content .card-body h3,
.help_center_content .card-body h4 {
    padding-top: 3rem;
}

.help_center_content .card-body h5,
.help_center_content .card-body h6 {
    padding-top: 2rem;
}

.help_center_content .card-body h6 {
    padding-top: 1rem;
}






.apexcharts-menu {
    padding: .5rem 0 !important;
}

.apexcharts-menu-item {
    white-space: nowrap;
    padding: .35rem 1.2rem !important;
}








.message-list li .col-mail-1 {
    width: 380px;
}

.message-list li .col-mail-2 {
    left: 380px;
}

/*.message-list li .col-mail-1 .title {*/
/*    left: 60px;*/
/*}*/

.message-list li .col-mail-2 .subject {
    width: calc(100% - 200px);
}

.message-list li .col-mail-2 .date {
    width: 180px;
}

.email-detail-content-scroll {
    height: calc(100vh - 250px);
}





.ck.cke-editor[contenteditable="true"] {
    border: 1px solid var(--vz-input-border) !important;
    padding: .5rem .9rem !important;
    border-radius: .25rem !important;
}










.modal-arrowtip {

    --size: 1rem;
    --size-half: .5rem;

    width: var(--size);
    height: var(--size);
    transform: rotate(45deg);
    background-color: #fff;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;

    display: none;
}

.modal-arrowtip[class*="MAT-"] {
    display: block;
}

.modal-arrowtip.MAT-top {
    top: auto;
    right: auto;
    bottom: calc(100% - var(--size-half));
    left: calc(50% - var(--size-half));
}

.modal-arrowtip.MAT-top-left {
    top: auto;
    right: auto;
    bottom: calc(100% - var(--size-half));
    left: 1rem;
}

.modal-arrowtip.MAT-top-right {
    top: auto;
    right: auto;
    bottom: calc(100% - var(--size-half));
    left: calc(100% - 2rem);
}

.modal-arrowtip.MAT-right {
    top: calc(50% - var(--size-half));
    right: auto;
    bottom: auto;
    left: calc(100% - var(--size-half));
}

.modal-arrowtip.MAT-right-top {
    top: 1rem;
    right: auto;
    bottom: auto;
    left: calc(100% - var(--size-half));
}

.modal-arrowtip.MAT-right-bottom {
    top: calc(100% - 2rem);
    right: auto;
    bottom: auto;
    left: calc(100% - var(--size-half));
}

.modal-arrowtip.MAT-bottom {
    top: calc(100% - var(--size-half));
    right: auto;
    bottom: auto;
    left: calc(50% - var(--size-half));
}

.modal-arrowtip.MAT-bottom-right {
    top: calc(100% - var(--size-half));
    right: auto;
    bottom: auto;
    left: calc(100% - 2rem);
}

.modal-arrowtip.MAT-bottom-left {
    top: calc(100% - var(--size-half));
    right: auto;
    bottom: auto;
    left: 1rem;
}

.modal-arrowtip.MAT-left {
    top: calc(50% - var(--size-half));
    right: calc(100% - var(--size-half));
    bottom: auto;
    left: auto;
}

.modal-arrowtip.MAT-left-bottom {
    top: calc(100% - 2rem);
    right: calc(100% - var(--size-half));
    bottom: auto;
    left: auto;
}

.modal-arrowtip.MAT-left-top {
    top: 1rem;
    right: calc(100% - var(--size-half));
    bottom: auto;
    left: auto;
}













.wizard-highlighted {
    position: relative;
    z-index: 1051; /* Bootstrap 5 modal compatible */
    /*box-shadow: 0 0 12px rgba(255, 255, 255, .25), 0 0 28px rgba(255, 255, 255, .25);*/

    box-shadow:
            0 0 0 1px rgba(255, 255, 255, .25), /* Simulated white border */
            0 0 12px rgba(255, 255, 255, 0.25), /* Inner glow */
            0 0 28px rgba(255, 255, 255, 0.25); /* Outer glow */

}

#wizard_modal.modal.show ~ .modal-backgrop {
    opacity: .7;
}














.form-control.tinymce-editor {
    max-height: calc(100vh - 10rem);
    overflow: auto;
}









.mw-75 {
    max-width: 75% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-25 {
    max-width: 25% !important;
}









.client-wid-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 320px;
}

.client-wid-bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .9;
    background: #004819;
    background: -webkit-linear-gradient(to top,#000201,#004819);
    background: linear-gradient(to top,#000201,#004819);
}