/* stylelint-disable */

/*icons*/

.dx-icon { /*background: red;*/ font-size: inherit !important; width: auto !important; height: auto !important; line-height: inherit !important; color: inherit !important; }
.dx-icon:before { /*background: green;*/ content: ''; width: calc(var(--point)*3); height: calc(var(--point)*3); font-size: 25px; flex-shrink: 0; display: flex; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig", "liga", "clig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-weight: 400; font-style: normal; -webkit-user-select: none; user-select: none; text-transform: lowercase; position: relative; z-index: 9; overflow: hidden; text-decoration: none; pointer-events: none; }


    .dx-icon.dx-icon-chevronnext:before { content: "right" }
    .dx-icon.dx-icon-chevronprev:before { content: "left" }
    .dx-icon.dx-icon-chevronleft:before { content: "full_left"; }
    .dx-icon.dx-icon-chevronright:before { content: "full_right"; }





/*dx-scheduler main*/
view[scheduler] { flex: 1; /*padding: 10px; background: red;*/ }

.dx-widget { font-size: var(--text) !important; font-family: var(--main-font) !important; line-height: inherit !important; color: inherit !important; }
[scheduler] .dx-scheduler.dx-widget { display: flex; flex-direction: column; height: 100% !important; }
[scheduler] .dx-scheduler-header.dx-widget { height: 60px; flex-shrink: 0; box-shadow: inset 0px 1px 0 0px var(--outline), var(--elevation); border: none !important; background: none; }
[scheduler] .dx-scheduler-work-space { margin: 0px 0 0 0; padding: 0; flex-grow: 1; border: none !important; display: flex; flex-direction: column; }
[scheduler] .dx-scrollable { padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; }
[scheduler] .dx-scrollable-wrapper { /* display: flex; */ /* flex-direction: column; */ }
[scheduler] .dx-scrollable-container { /* display: flex; */ /* flex-direction: column; */ touch-action: auto !important; }
[scheduler] .dx-scrollable-content { /* overflow: auto !important; */ /* overflow-x: hidden !important; */ }

[scheduler] .dx-scheduler-time-panel { }
[scheduler] .dx-scheduler-date-table { }

[scheduler] .dx-scrollable-scrollbar { /* display: none; */ }


[scheduler] .dx-scheduler-group-header,
[scheduler] .dx-scheduler-header-panel,
[scheduler] .dx-scheduler-time-panel { font-size: inherit !important; }






/*[scheduler] .dx-scrollable-scrollbar {display:none!important; }*/
[scheduler] .dx-scheduler-header-panel { margin: 0px 0 0 0; }
[scheduler] .dx-scheduler-header-panel-cell { height: 60px; line-height: 60px; font-weight: 700; }

[scheduler] .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell,
[scheduler] .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { color: var(--main-color) !important; }

[scheduler] .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before { background-color: var(--main-color); top: 58px; }
[scheduler] .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before { background-color: var(--main-color); }


[scheduler] .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected { box-shadow: inset 0px -2px 0 0 var(--main-color) }
[scheduler] .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected::before,
[scheduler] .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected::after { display: none; }


[scheduler] .dx-scheduler-header-panel-cell { box-shadow: inset 1px 0px 0 0 var(--outline-light), inset 0px -1px 0 0 var(--outline-light), inset 0px 1px 0 0 var(--outline-light) !important; border: none !important; }



[scheduler] .dx-scheduler-date-table-cell { box-shadow: inset 1px 0px 0 0 var(--outline-light), inset 0px -1px 0 0 var(--outline-light), inset 0px 1px 0 0 var(--outline-light) !important; border: none !important; }

[scheduler] .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
[scheduler] .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
[scheduler] .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { box-shadow: inset 1px 0px 0 0 var(--outline-light), 0px -1px 0 0 var(--outline-light) !important; border: none !important; }






[scheduler] .dx-scheduler-all-day-table-cell.dx-state-focused,
[scheduler] .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row .dx-scheduler-date-table-cell.dx-state-focused { background: var(--main-color-light) !important; box-shadow:inset 0 0 0 1px var(--main-color) !important; }

[scheduler] .dx-scheduler-all-day-table-cell.dx-state-hover,
[scheduler] .dx-scheduler-date-table-cell.dx-state-hover { background-image: var(--over-color); }

[scheduler] .dx-scheduler-all-day-table-cell.dx-state-active,
[scheduler] .dx-scheduler-date-table-cell.dx-state-active { background: none; }

[scheduler] .dx-scheduler-all-day-table-cell.dx-state-focused.dx-state-hover,
[scheduler] .dx-scheduler-date-table-cell.dx-state-focused.dx-state-hover { background: none; background-image: var(--over-color); }


[scheduler] .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
[scheduler] .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before,
[scheduler] .dx-item.dx-tab:hover { background: var(--hover); }



[scheduler] .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
[scheduler] .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { background: none; }









[scheduler] .dx-scheduler-time-panel-cell::after { background-color: rgb(0 0 0 / 5%); bottom: -1px; }

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after { background-color: rgb(0 0 0 / 15%) !important; bottom: 0px; }

[scheduler] .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before { background-color: var(--main-color); }








/*dx-scheduler toolbar*/
[scheduler] .dx-scheduler-all-day-panel table,
[scheduler] .dx-scheduler-all-day-panel table td { height: 50px; border: none !important; box-shadow: 0 1px 0 0px var(--outline-light), 1px 0px 0 0px var(--outline-light); }



[scheduler] .dx-scheduler-time-panel-cell > div { margin-top: 5px !important; line-height: 1; position: absolute; font-weight: 700; }
[scheduler] .dx-scheduler-time-panel-cell { height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: center; padding: 0 !important; box-shadow: 1px 0 0 0px var(--outline),0px 1px 0 0px; border: none !important; vertical-align: middle; text-align: center; color: inherit; }


[scheduler] .dx-scheduler-time-panel-cell,
[scheduler] .dx-tab-text { font-weight: 700; font-size: inherit; font-family: inherit; }



/*.dx-scheduler-work-space-day { background: red; }
.dx-scheduler-work-space-week { background: yellow; }
.dx-scheduler-agenda { background: #329830; }*/


[scheduler] .dx-scheduler-all-day-title { height: 50px !important; line-height: 50px !important; border: none !important; }
[scheduler] .dx-scheduler-work-space-day .dx-scheduler-all-day-title { top: 0px !important; }
[scheduler] .dx-scheduler-work-space-week .dx-scheduler-all-day-title { top: 60px !important; box-shadow: 0 1px 0 0px var(--outline-light), 0 -1px 0 0px var(--outline-light), 1px 0px 0 0px var(--outline-light); }





[scheduler] .dx-scheduler-date-time-indicator { background-color: var(--main-color); }
[scheduler] .dx-scheduler-date-time-indicator::before { color: var(--main-color); }




/*navigation*/

.dx-button { border: none !important; background: inherit; color: inherit !important; }






.dx-scheduler-header.dx-widget { display: flex; align-items: center; }
.dx-scheduler-view-switcher.dx-tabs { margin-left: auto; }




[scheduler] .dx-widget.dx-scheduler-navigator { padding: 0px !important; margin-left: 20px; display:flex;align-items:center; }

.dx-scheduler-navigator .dx-button {transition: .225s;height: 30px !important;margin: 0 !important;min-width: 0;width: auto;max-width: 100%;margin-right: 10px!important;}

.dx-scheduler-navigator .dx-button.dx-state-active,
.dx-scheduler-navigator .dx-button.dx-state-focused,
.dx-scheduler-navigator .dx-button.dx-state-hover {background-color: inherit !important;color:inherit!important;}

.dx-scheduler-navigator .dx-button:hover{background-image:var(--over-color);}
.dx-scheduler-navigator .dx-button:active { transform: translateY(1px); }


.dx-button.dx-scheduler-navigator-previous { border-radius: 50%; order: 1;min-height:40px!important;width: 40px; }
.dx-button.dx-scheduler-navigator-next{border-radius: 50%;order:2;min-height:40px!important;width: 40px;}

.dx-button.dx-scheduler-navigator-previous .dx-button-content,
.dx-button.dx-scheduler-navigator-next .dx-button-content{/* margin:5px; */}



.dx-scheduler-navigator .dx-button.dx-scheduler-navigator-caption {padding: 0 15px !important;min-width: 0!important;order:3;box-shadow:none;border-radius:30px;}
.dx-scheduler-navigator .dx-button-content { padding: 0 !important;font-weight:600; }


.dx-calendar-navigator { line-height: inherit; height: 30px; display: flex; }

.dx-button.dx-calendar-navigator-next-view,
.dx-button.dx-calendar-navigator-previous-month { border-radius: 0 !important; margin: 0 !important; border: none; }

.dx-popover-wrapper .dx-popover-arrow::after {display:none; }
.dx-button-content { }


.dx-widget.dx-calendar-navigator {display: flex;align-items: center;height:30px;width: auto;/* padding: 0 5px; */box-shadow: 0 1px 0 0 var(--border-color);}
.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { flex-grow: 1; }
.dx-calendar-navigator .dx-button {display: flex!important;align-items: center;justify-content: center;border: none!important;position: static!important;flex-shrink: 0;width: auto;}
.dx-button-content { color: inherit; }
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content { color:inherit!important; padding: 0 !important; font-weight: 600; text-transform: none; }





/*dx-popup dropdown*/
.dx-calendar { min-width: 220px!important;height:250px!important; }

.dx-overlay-content{border:none!important;}
.dx-popup-content {padding: 0 !important;font-size: var(--text)!important;}
.dx-calendar-views-wrapper { position: relative;overflow:hidden; }
.dx-calendar-body .dx-widget {}
.dx-calendar-body { top: 30px !important; padding: 5px;}
.dx-calendar-body table { position: relative;/*height:auto!important;*/ }
.dx-calendar-body .dx-widget { position: relative; }
.dx-calendar.dx-calendar-view-month { border: none; display: flex; flex-direction: column; height: auto;min-height:0; }


.dx-calendar-body thead { font-size:inherit!important; line-height:inherit!important; }
.dx-calendar-body thead tr { height:30px!important; padding:0!important; }
.dx-calendar-body thead tr th { padding:0!important; color:inherit!important; box-shadow:none!important; font-size:inherit!important; font-weight:normal; text-transform:none; line-height: 30px; }


.dx-calendar-body td { padding:0!important; font-size: inherit !important; border-radius: 0 !important; border: none !important; width: 30px !important; height: 30px; line-height: 30px; }

.dx-calendar-today { box-shadow:inset 0 0 0 1px var(--main-color) !important; color: inherit !important; font-weight: inherit !important; }
.dx-state-active,
.dx-calendar-selected-date { box-shadow: none !important; background-color: var(--main-color); color: var(--background) !important; font-weight: inherit; }
/*.dx-calendar-contoured-date{box-shadow: none !important;font-weight: inherit;}*/






.dx-scheduler-appointment { border: none !important; box-shadow: none !important; border-radius: 0; transition: box-shadow .125s; /*background: none !important;*/ color: inherit !important; min-width: 0 !important; min-height: 0 !important; }
.dx-scheduler-appointment-content { padding:0 3px !important; border: none !important; overflow: visible !important;min-width:30px;min-height:30px; }
.dx-scheduler-appointment:hover .dx-item-content > view { box-shadow: var(--elevation_2) !important; }


.dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, 
.dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before{border-radius:0px;}

.dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, 
.dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before{background:none!important;}


/*.dx-tooltip*/
.dx-scheduler-appointment-tooltip-wrapper { font-size: inherit !important; font-family: inherit !important; color: inherit !important; line-height: inherit !important; }
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content {background: none!important;box-shadow: none!important;border-radius: 0!important;color: inherit!important;min-height: 30px!important;}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content {/* font-size: inherit!important; */}


.dx-scheduler-appointment-tooltip-wrapper .dx-list.dx-widget{}
.dx-scheduler-appointment-tooltip-wrapper .dx-scrollable-wrapper { }
.dx-scheduler-appointment-tooltip-wrapper .dx-scrollable-container { }
.dx-scheduler-appointment-tooltip-wrapper .dx-scrollview-content {display: flex;flex-direction: column; gap:5px}
.dx-scheduler-appointment-tooltip-wrapper .dx-item.dx-list-item {width:auto!important;min-width:270px;border: none !important;border-radius: 30px !important;background-color: var(--dark-color)!important;color: var(--context)!important;box-shadow: var(--elevation_4) !important;}

.dx-scheduler-appointment-tooltip-wrapper .dx-item.dx-list-item:active{transform:translateY(1px);transition:0.125s;}


.dx-scheduler-agenda .dx-scheduler-appointment{padding:0!important;border-radius:0!important;}


.dx-scheduler-appointment-tooltip-wrapper .dx-list-next-button { }
.dx-scheduler-appointment-tooltip-wrapper .dx-button.dx-button-mode-contained { height: 30px; text-align: center; border-radius: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 15px; user-select: none; font-weight: 700; font-size: var(--text) !important; white-space: nowrap; position: relative; background: transparent; overflow: hidden; line-height: 30px; text-decoration: none; box-shadow: inset 0 0 0 1.5px; margin: 0 5px; }
.dx-scheduler-appointment-tooltip-wrapper .dx-button-content { width: 100%; padding: 0 !important; }
.dx-scheduler-appointment-tooltip-wrapper .dx-button-text { width: 100%; overflow: hidden; text-overflow: ellipsis; color: inherit }
.dx-scheduler-appointment-tooltip-wrapper .dx-button.dx-button-mode-contained:hover { box-shadow: none; background-color: var(--main-color); color: #fff !important; }
.dx-scheduler-appointment-tooltip-wrapper .dx-button.dx-button-mode-contained:active { transform: translateY(1px); }





/*tooltip elements animation*/
@keyframes list_item { from {  opacity: 0 }}

    .dx-scrollview-content > div { animation: list_item .125s .125s backwards; }
    .dx-scrollview-content > div:nth-last-child(1) { animation-delay: .2s }
    .dx-scrollview-content > div:nth-last-child(2) { animation-delay: .175s }
    .dx-scrollview-content > div:nth-last-child(3) { animation-delay: .15s }

    @keyframes appointments_item {from { opacity: 0; margin-top:-10px}}

    .dx-scheduler-scrollable-appointments > div {animation: appointments_item .125s 0.225s backwards;}


.dx-scheduler-appointment.dx-scheduler-appointment-drag-source{}
.dx-drag-source{background:red!important;}

/**/
.dx-tooltip-appointment-item-delete-button-container { order: 2; margin-right: 10px; }
.dx-tooltip-appointment-item-delete-button-container .dx-button-content { padding: 0 !important; }
.dx-tooltip-appointment-item-delete-button-container .dx-state-focused,
.dx-tooltip-appointment-item-delete-button-container .dx-state-active { background: none !important; }
.dx-icon-trash:before { content: "delete" !important; }

.dx-scheduler-appointment-tooltip-wrapper .dx-item-content.dx-list-item-content {padding: 5px 5px 5px 20px!important;}

.dx-tooltip-appointment-item { }
.dx-tooltip-appointment-item-marker { order: 3; display: flex; align-items: center; justify-content: center; }
.dx-tooltip-appointment-item-content {order: 1;display: flex;align-items: center;margin: 0 !important;color: inherit!important;}
.dx-tooltip-appointment-item-content-subject { line-height: 30px; letter-spacing: 8px !important; font-size: inherit !important; }
.dx-tooltip-appointment-item-content-date { margin:0 10px!important; font-size: inherit !important; line-height: 30px; }
.dx-tooltip-appointment-item-marker-body {margin: auto !important;width: 30px!important;height: 30px!important;border-radius: 50%!important;}


.dx-button.dx-scheduler-appointment-collector {border-radius:0!important;height:20px;width:20px !important;box-shadow: none !important;display: flex;align-items: center;justify-content: center;background-color: var(--dark-color);margin: 0!important;}
.dx-scheduler-appointment-collector-content { margin: 0 !important; height: auto !important; line-height: 1 !important; display: flex; align-items: center; justify-content: center; font-weight: 600; color: var(--background); font-size: 11px; }
.dx-scheduler-appointment-collector-content span {height: auto !important;display: block !important;line-height: inherit!important;}




.dx-scheduler-appointment-collector.dx-button.dx-button-mode-contained.dx-button-default.dx-button.dx-state-active, 
.dx-scheduler-appointment-collector.dx-button.dx-button-mode-contained.dx-button-default.dx-state-focused, 
.dx-scheduler-appointment-collector.dx-button.dx-button-mode-contained.dx-button-default.dx-button.dx-state-hover{background-color: var(--dark-color);box-shadow:none;background-image:var(--over-color);}

.dx-scheduler-appointment-collector.dx-button.dx-button-mode-contained.dx-button-default{position:absolute;background-color: var(--dark-color)!important;box-shadow:var(--elevation)!important;}

.dx-scheduler-appointment-collector.dx-button::before{display:none;}
.dx-scheduler-appointment-collector.dx-button:active span{transform:translateY(1px);transition:0.125s;}

/* stylelint-enable */