/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
img{
	max-width:100%;
}
#icon-selector-form{
	z-index: 2000 !important;
	width: 768px;
}
#icon-selector-form+.offcanvas-backdrop{
	z-index: 1999;
}
#icon-selector-form .card-header,
#icon-selector-form .card-body{
	padding: 0 !important;
}
#icon-selector-form .card-header{
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
}
#icon-selector-form .pointer{
	cursor: pointer;}
#icon-selector-form .pointer:hover {
    background-color: #f2f2f2;
}
#icon-selector-form .card {
    box-shadow: none;
}
.font-icon-lg {
    font-size: 28px;
	
}
body{
	overflow-anchor: none;
}
.branch-selector {
    max-height: 530px;
    overflow-y: auto;
   /*  max-height: calc(100vh - 150px); */
}
tr[data-operation-status='10'] td:not(:last-child) {
    opacity: 0.3;
}
@media (max-width: 767px){
	.btn-icon-mobile>span{
		display: none;
	}
}
@media (max-width:992px){
	.btn-new-icon span{
		display: none;
	}
	.btn-new-icon i {
		margin: 0 !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		font-size: 24px !important;
		height: 26px;
		background: none !important;
	}
	.btn-new-icon {
		border: none;
		padding: 7px 5px;
	}
}



a.filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
}
a.filter i {
    margin-left: 8px;
}

.offcanvas-wrap {
    position: fixed;
    z-index: 1900;
}
.modal-wrap {
    position: fixed;
    z-index: 1900;
}
.sticky-h3 {
    position: sticky;
    top: 69px;
    background-color: #f3f3f9;
    padding: 14px 0;
    z-index: 1;
}

.abs-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: rgba(255,255,255,0.5);
}
.abs-loading.abs-loading-fixed{
	position: fixed;
	z-index: 99999;
}
.z-index-full {
    z-index: 99999;
}

.square{
	aspect-ratio: 1/ 1;
}

.mb-70 {
    
    margin-bottom: 69px;
}
.upload-image{
	position: relative;
}
.upload-image .upload-image-preview{
	width: 100%;
}
.upload-image .upload-image-preview:not(.opacity-25)+.btn-absolute-center{
	visibility: hidden;
	opacity: 0;
	transition-duration: 0.2s;
}
.upload-image .upload-image-preview.opacity-25+.btn-absolute-center .btn-delete-image{
	display: none;
}
.upload-image:hover .btn-absolute-center{
	visibility: visible!important;
	opacity: 1 !important;
}
.btn-absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    text-align: center;
}
.no-product-table:not(:last-child){
	display: none;
}

.swal2-container{
	z-index: 1990;
}
.choices__list--dropdown{
	z-index: 3;
}

.badge-stock-level-1 {
    background-color: rgb(64 81 137 / 5%) !important;
    color: #000 !important;
}
.badge-stock-level-2 {
    background-color: #3577f1 !important;
    color: white !important;
}
.badge-stock-level-3 {
    background-color: #0ab39c !important;
    color: white !important;
}
[data-layout-mode='dark'] .badge-stock-level-1{
	filter: invert(1);
}
.autocomplete-dropdown {
    max-height: 300px;
    overflow-y: auto;
    width: 100% !important;
    left: 0 !important;
}

[onclick*='offcanvas.show']{
	cursor: pointer;
}

.btn-check:checked+.btn+.btn {
    color: var(--vz-btn-active-color);
    background-color: var(--vz-btn-active-bg);
    border-color: var(--vz-btn-active-border-color);
}

.disabled-block{
	position: relative;
}
.disabled-block::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.6;
}
.tail-select {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
}
.tail-select .select-label .label-count {
    margin: 0px -6px 0 9px;
}
.tail-select .select-label {
    display: flex;
    align-items: center;
}
.tail-select-container .select-handle {
    margin: 0 2px 2px 0px;
    padding: 2px 10px;
	background-color: #3577f1;
    font-weight: 400;
    line-height: inherit;
	font-size: inherit;

}
.tail-select .select-dropdown .dropdown-action {
    background-color: var(--vz-input-bg);
    padding: 4px 3px;
    top: 16px;
    right: 11px;
}

.tail-select .select-dropdown ul li.dropdown-option {
    line-height: 120%;
}
.tail-select .select-dropdown ul li.optgroup-title {
    padding: .5rem 0.5rem .5rem 1.5rem;
}
.tail-select .select-dropdown ul li {
    padding: .25rem 0.5rem 0.25rem 1.75rem;
}
.tail-select.active .select-label{
	border-color: #405189;
	box-shadow: none;
}
/* Theme-aware tail.select base colors */
.tail-select .select-label{
	background-color: var(--vz-input-bg);
	border-color: var(--vz-input-border);
	color: var(--vz-body-color);
}
.tail-select .select-dropdown{
	background-color: var(--vz-input-bg);
	border-color: var(--vz-border-color);
	color: var(--vz-body-color);
}
.tail-select input[type=text]{
	background-color: transparent;
	color: var(--vz-body-color);
	border-color: var(--vz-input-border);
}
select[data-choices] {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

[data-layout-mode='dark'] .tail-select .select-label{
	background-color: var(--vz-input-bg);
	color: var(--vz-body-color);
}
[data-layout-mode='dark'] .tail-select .select-dropdown{
	background-color: var(--vz-input-bg);
	color: var(--vz-body-color);
}

[data-layout-mode='dark'] .tail-select .select-dropdown ul li.dropdown-option{
	color: var(--vz-body-color);
}
[data-layout-mode='dark'] .tail-select .select-dropdown ul li.dropdown-option.selected:before{
	filter: invert(1);
}

[data-layout-mode='dark'] .tail-select .select-dropdown ul li.dropdown-option.hover, [data-layout-mode='dark'] .tail-select .select-dropdown ul li.dropdown-option:hover{
	background-color: black;
	color: white;
}
.tail-select input[type=text]:focus{
	border-color: #405189;
	color: var(--vz-body-color);
}
[data-layout-mode='dark'] .tail-select input[type=text]:focus{
	color: white;
}

.swiper-pagination-bullet{
	background-color: #405189;
}

.sns-buttons a {
    background-color: #e1e1e1;
    display: inline-block;
    padding: 3px 8px;
    margin: 2px 2px 0 0;
}
.sns-buttons a:hover{
	background-color: var(--vz-link-color);
	color: white;
}
.tail-select .select-label .label-inner {
    padding: 0.5rem .75rem;
    display: inline-block;
    width: 100%;
}
.online-check {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: -1px;
    top: -3px;
    border-radius: 50%;
}
.old-price {
    position: absolute;
    top: -13px;
    font-size: 14px;
    right: 0;
    text-decoration: line-through;
    opacity: 0.7;
    display: block;
    margin-bottom: 0;
}
.sp-original-input-container .sp-add-on{
	width: 38px !important;
}
.sp-original-input-container .sp-add-on + input{
	width: calc(100% - 38px) !important;
}

.input-group>.sp-original-input-container:not(:first-child) .sp-colorize-container {
   
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    top: 50%;
    transform: translateY(-50%);
}
.tail-select input[type=text]{
	height: 40px;
}
.tail-select .select-dropdown ul li.dropdown-option.selected {
    background-color: var(--vz-choices-link-hover-bg);
}
.customer_area .customer_info_item+.div-input,
.customer_area .customer_info_item+.div-input+.div-input{
	display: none;
	
}
.order-form-column-right {
    height: calc(100vh - 135px);
    overflow-y: auto;
    padding-bottom: 70px !important;
}

.order-form-column-right .accordion-item {
    background-color: transparent !important;
}

.order-form-column-left {
    height: calc(100vh - 135px);
    overflow-y: auto;
}

.order-form-column-right .quick-btns {
    position: absolute;
    bottom: 20px;
    z-index: 10;
}

@media (max-width: 767px){
	.order-form-column-left{
		height: auto !important;
		padding-bottom: 0;
	}
	.order-form-column-right {
		height: auto !important;
		padding-bottom: 30px !important;
	}
	.order-form-column-right .quick-btns {
		position: relative;
		bottom: auto;
		margin: 10px 0 0px 0;
	}
}

.btn-append {
    padding-left: 7px;
    border-left: 1px solid;
    margin-left: 11px;
}
.input-phone-mask img {
    height: 14px;
    width: 22px;
}

.header-sticky-top {
    position: sticky;
    z-index: 10;
    top: -16px;
}

.dropdown-menu.mh-60 {
    max-height: 60vh;
    overflow-y: auto;
}

.page-title-box + .page-title-box {
    margin: -24px -1.5rem 1.5rem -1.5rem;
    padding-top: 10px !important;
}

.section-navigation-tabs .nav-link.active {
    border-top-color: var(--color-section-nav);
    color: var(--color-section-nav);
    border-width: 3px 0px 0px 0px;
}

@media print{
	
	.no-print{
		display: none;
	}
	
}
.input-phone-mask + .dropdown-menu {
    top: 67px !important;
}
.newtable tbody tr td:nth-child(1){
	border-left: 6px solid var(--bg-color-table);
}
.newtable tbody tr{
	background-color: var(--bg-opacity-color-table);
}

@media (max-width: 1199px){

.newtable tbody tr td:nth-child(1){
	border-top: 6px solid var(--bg-color-table);
	border-left: none;
}

.newtable tbody tr {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    align-items: center;
    
	justify-content: space-between;
}
.newtable thead{
	display: none;
}
.newtable tbody tr td {
    border: none;
}
.newtable tbody tr td:nth-child(1){
	width:100%;
}

}

.mh-50 {
    max-height: 50vh;
    overflow-y: auto;
}

.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    box-shadow: none;
	 border-radius: 0 0 var(--vz-card-inner-border-radius) var(--vz-card-inner-border-radius) !important;
}
.fr-toolbar {
    border-radius: var(--vz-card-inner-border-radius) var(--vz-card-inner-border-radius) 0 0 !important;
    border-bottom: 1px solid var(--vz-border-color) !important;
    box-shadow: none !important;
	background-color: var(--vz-card-bg) !important;
}
span.fr-counter {
    border-radius: 0 0 var(--vz-card-inner-border-radius) 0 !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
table.dataTable {
    width: 100% !important;
}

.custom-input-radio input{
	position: absolute;
	z-index: -10;
	opacity: 0;
}
.custom-input-radio input+label {
    /* background-color: var(--label-background-color); */
    width: 100%;
    border: 1px solid var(--label-background-color);
    display: block;
    height: 100%;
    position: relative;
    padding: 11px 31px 10px 10px;
    cursor: pointer;
}
.custom-input-radio input+label i {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 19px;
    color: var(--label-color);
	transform-origin: 100% 0;
	transition-duration: 0.2s;
}
.custom-input-radio input+label h5{
	
}
.custom-input-radio input:checked+label i{
	transform: scale(1.2);
}
.custom-input-radio input:checked+label{
	background-color: var(--label-background-selected-color);
	border-color: var(--label-color);
}
/* 
.tasks-wrapper {
    max-height: calc(100vh - 325px);
    overflow-y: hidden;
}
.tasks-wrapper[data-simplebar='init'] {
    overflow-y: auto;
}
.tasks-wrapper.tasks-wrapper-button {
    max-height: calc(100vh - 379px);
}

.board-wb {
    display: inline-flex;
    height: calc(100vh - 274px);

}
.board-wb .tasks-list {
    width: 310px;
   
    flex: none;
    margin-right: 26px;
}
.tasks {
    overflow: hidden;
}

 */
 
.tasks-list {
    display: inline-block;
    width: 310px;
    margin-right: 20px;
    vertical-align: top;
    height: calc(100vh - 300px);
}
.tasks-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 378px);
}
.tasks-wrapper.tasks-wrapper-no-button {
    max-height: calc(100vh - 324px);
}
.board-wb {
    width: auto;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 0 20px 0;
    min-height: calc(100vh - 273px);
}
.tasks-box,.tasks-box .card-footer{
	background-color: var(--background-color) !important;
}
.tasks-box .tag-badge{
	background-color: var(--color) !important;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: fixed;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(0 0 0 / 8%);
	cursor: grab;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
  width: 8px;
  height: 8px;
}

[data-layout-mode=dark] ::-webkit-scrollbar-track{
	background-color: #212529;
}

[data-layout-mode=dark] ::-webkit-scrollbar-thumb {
    background: #000;
}
[data-layout-mode=dark] ::-webkit-scrollbar-thumb:hover {
  
  
  background: #4f4f4f;

}

.handle {
    cursor: move;
}

.sortable-ghost{
	opacity: 0.3;
}
.sortable-drag{
	
}
.sortable-fallback,
.sortable-chosen{
	background-color: #fff !important;
	opacity: 0.8 !important;
	transform: rotate(-1deg);
}
.card-button-hide+button{
	display: none;
}
.adaptive-input-textarea {
    min-height: 1rem !important;
}
.no-background-texarea {
    background: transparent !important;
    border: none;
    padding: 0;
}

.appeal-history {
    height: calc(50vh);
    overflow-y: auto;
}
.services-list{
	height: calc(50vh);
    overflow-y: auto;		
}
.left-sidebar {
    overflow-y: auto;
    height: calc(100vh - 65.375px);
    overflow-x: hidden;
}
.button-menu-appeal .drrr {
    background-color: var(--background-button-color);
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}

[data-button-color-checkbox] {
    padding: 0;
    display: inline-block !important;
    width: auto;
}
[data-button-color-checkbox] input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
[data-button-color-checkbox] input + label {
    border-color: var(--checkbox-color) !important;
}

[data-button-color-checkbox] input:checked + label {
    background-color: var(--checkbox-color) !important;
    color: var(--checkbox-contrast-color) !important;
}

.toast {
    min-width: 390px;
}

audio {
    width: 100%;
    display: block;
}

/* @media (max-width: 991px){
	.appeal-buttons{
		
	}
}
@media (min-width: 992px){
	.appeal-buttons {
		position: absolute;
		bottom: -60px;
		background-color: var(--background-button-color);
		width: 100%;
		opacity: 0;
		visibility: hidden;
	}
	.card.tasks-box[data-appeal-id]:hover .appeal-buttons{
		visibility: visible;
		opacity: 1;
	}
} */


#counters-states .tasks-box{
	display: none;
}

.customer-info-short>span:first-child {
    max-width: 160px;
    overflow-x: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.customer-info-short {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-handle-my {
    position: relative;
   
}
.select-handle-my:hover{
	background-color: #ddd !important;
	cursor: pointer;
}
.select-handle-my:hover::before {
    content: "\ec26";
    position: absolute;
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    right: -5px;
    top: -7px;
    color: red;
}

span.option-description {
    display: block;
}
.toast-container {
    z-index: 99999;
}

.card-date-ii {
    background-color: #ffe1ac;
}

.offcanvas .column-left, .offcanvas .column-right {
    height: calc(100vh - 65px) !important;
    overflow-y: auto;
}

.fr-fullscreen {
    background-color: #fff;
}

.offcanvas-buttons {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    left: 0;
    border-top: 1px solid #e9ebec;
    width: 100%;
}

select[id^=select-period] + .tail-select {
    min-width: 250px;
}

.form-check-input.partchecked {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z'/%3E%3C/svg%3E") !important;
    background-color: #405189;
    border-color: #405189;
    background-size: contain;
}

.checkboxes .elements {
	position: relative;
    
}
.checkboxes .elements::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    background-color: #f3f3f3;
    width: 1px;
    top: 8px;
    height: calc(100% - 18px);
}
.checkboxes .elements .form-check{
	position: relative;
}
.checkboxes .elements .form-check::before {
    content: '';
    position: absolute;
    left: -14px;
    height: 1px;
    width: 8px;
    background-color: #f3f3f3;
    bottom: 10px;
}

.checkboxes .dropdown-menu .inputs {
    max-height: calc(50vh);
    overflow-y: auto;
    background-color: #fbfbfb;
    padding: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}

.checkboxes .elements .form-check:hover {
    background-color: #ebebeb;
}
.checkboxes .elements .form-check {
    position: relative;
    padding: 2px 8px 2px 27px;
}

.checkboxes.checkboxes-disabled .search {
    display: none;
}
.checkboxes.checkboxes-disabled .dropdown-menu .inputs{
	position: relative;
	z-index: 0;
}
.checkboxes.checkboxes-disabled .dropdown-menu .inputs::before {
    content: '';
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    left: 0;
    top: 0;
}

.cut-block br {
    display: none;
}
hr[data-action="cut"] {
    border: none !important;
    width: 80%;
    margin: 10px auto;
    position: relative;
    opacity: 1;
    padding: 10px 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M249.52 256L446.83 58.83a3.996 3.996 0 0 0 0-5.65c-12.5-12.5-32.76-12.5-45.25 0L224.06 230.56l-48.64-48.61C185.88 166.57 192 148 192 128c0-53.02-42.98-96-96-96S0 74.98 0 128s42.98 96 96 96c20.01 0 38.58-6.12 53.96-16.6l48.63 48.6-48.63 48.6C134.58 294.12 116.01 288 96 288c-53.02 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96c0-20-6.12-38.57-16.58-53.95l48.64-48.61 177.52 177.38c12.5 12.5 32.76 12.5 45.25 0a3.996 3.996 0 0 0 0-5.65L249.52 256zM96 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm0 256c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z'/%3E%3C/svg%3E") 30px 0px no-repeat, url("data:image/svg+xml,%3Csvg viewBox='0 0 30 0.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E line %7B stroke: black; %7D %3C/style%3E%3Cline x1='0' y1='0' x2='30' y2='0' stroke-dasharray='4 1 2' /%3E%3C/svg%3E") left bottom/auto no-repeat;;
}


.sns-buttons {
    display: flex;
    flex-wrap: wrap;
}

.swal2-html-container .product-inline-item {
    width: max-content;
    margin: 0 auto;
}

.diagram {
    width: 70px;
    display: inline-block;
    height: 16px;
	position: relative;
	overflow: hidden;
}
.diagram::after {
    content: '';
    position: absolute;
    width: calc(100% - var(--percent-fill));
    background-color: #efefef;
    z-index: 1;
    height: 100%;
    right: 0;
}

.datatable-loading:not(.dataTable)>thead,
.datatable-loading:not(.dataTable)>tbody,
.datatable-loading:not(.dataTable)>tfoot{
	
	display: none;
	min-height: 300px;
	
}
.datatable-loading:not(.dataTable) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}
.datatable-loading:not(.dataTable)::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    color: var(--vz-primary);
}

@media (min-width: 767px){
	.sticky-column {
		position: sticky !important;
		left: 0;
		z-index: 1;
	}
}


.small2x {
    font-size: .75em;
}

.btn.loading {
    display: inline-flex;
    align-items: center;
}
.btn.loading::before {
    content: "\eb46";
    position: relative;
    font-family: boxicons !important;
    animation: 2s linear infinite spinner-border;
    display: block;
    line-height: 1;
    margin-right: 5px;
}
.file-icon {
    position: relative;
    display: block;
}
.file-icon i {
    font-size: 38px;
	
}
.file-icon .ext {
    position: absolute;
    width: 100%;
    top: 58%;
    transform: translateY(-50%);
    background-color: var(--vz-primary);
    color: white;
    text-align: center;
    font-size: 11px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 2px 0;
}

@media (min-width: 992px){
	.w-lg-auto {
		width: auto!important;
	}
}
@media print {
	body:not([data-route='docs-newprint']) *{
		display: none;
	}
}


.btn-load {
    position: relative;
    padding-left: 37px;
}
.btn-load>.spinner-border {
    position: absolute;
    left: 10px;
}

.icon-line {
    display: inline-flex;
    align-items: center;
}
.icon-line i:first-child{
	margin-right: .25rem;
}
.icon-line i:last-child{
	margin-left: .25rem;
}

.sns {
    display: flex;
    flex-wrap: wrap;
	margin: 4px 0;
}
.sns .sn {
    background-color: var(--vz-light);
    margin: 0 4px 3px 0;
    padding: 2px 8px;
}

.input-barcodes {
    display: flex;
    flex-wrap: wrap;
}
.tagify__tag{
	max-width: calc(100% + 30px) !important;
}
.tagify__tag-text {
    white-space: nowrap !important;
    max-width: calc(100% + 100px) !important;
    text-overflow: inherit !important;
}
.dropdown-menu-search-product {
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    transform: translate(1px, 40px) !important;
}

.card-animate:hover{
	z-index: 10;
}

/* Split menu link: left = navigate, right = toggle submenu */
.menu-link-split{
	display: grid;
	grid-template-columns: 1fr 36px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.menu-link-split .menu-link-go{
	padding-right: .25rem;
	min-width: 0;
}
.menu-link-split .menu-link-toggle{
	background: transparent;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	height: 100%;
	width: 36px;
	min-width: 36px;
	box-sizing: border-box;
}
.menu-link-split .menu-link-toggle{
	background: rgba(255,255,255,.03);
	border-left: 1px solid rgba(255,255,255,.08);
}
.menu-link-split:hover .menu-link-toggle{
	background: rgba(255,255,255,.07);
}
.menu-link-split .menu-link-toggle:hover{
	background: rgba(255,255,255,.12);
}
.menu-link-split .menu-link-toggle i{
	font-size: 1rem;
	line-height: 1;
}
.menu-link-split .menu-link-toggle::after{
	display: none !important;
}
.menu-link-actions{
	grid-template-columns: 1fr 48px;
}
.menu-link-split-toggle{
	grid-template-columns: 1fr 28px 36px;
}
.menu-link-split-toggle.menu-link-split-no-actions{
	grid-template-columns: 1fr 36px;
}
.menu-link-actions-inline{
	display: flex !important;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
 .menu-link-split-toggle:hover .menu-link-actions-inline{
	visibility: visible;
}
body.sidebar-collapsed .menu-link-split-toggle{
	grid-template-columns: 1fr;
}
body.sidebar-collapsed .menu-link-actions-inline{
	display: none !important;
}
.menu-link-actions-box{
	display: none;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.nav-item:hover .menu-link-actions-box{
	display: flex;
}
.menu-action{
	width: 20px;
	height: 20px;
	border: 0;
	background: transparent;
	color: rgba(255,255,255,.6);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.menu-action.is-active{
	color: #ffd166;
}
body.sidebar-collapsed .menu-link-actions-box{
	display: none !important;
}
.menu-title-actions{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-title-btn{
	padding: 0 6px;
	line-height: 1.4;
	color: rgba(255,255,255,.7);
	background: rgba(255,255,255,.08);
	border: 0;
}
.menu-fav-icon-btn{
	width: 38px;
	height: 38px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.menu-fav-icon-btn i{
	font-size: 18px;
}
.menu-fav-title-row{
	display: flex;
	gap: 8px;
	align-items: center;
}
.menu-fav-title-input{
	flex: 1 1 auto;
}
.menu-fav-move{
	display: flex;
	flex-direction: row;
	gap: 4px;
}
.menu-fav-move-btn{
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255,255,255,.12);
	background: rgba(255,255,255,.04);
	color: inherit;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.menu-fav-spoiler{
	overflow: hidden;
	background: rgba(0,0,0,.02);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 8px;
}
.menu-fav-spoiler-head{
	display: grid;
	grid-template-columns: 64px 1fr 40px;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: rgba(0,0,0,.04);
	border-bottom: 1px solid rgba(0,0,0,.08);
}
.menu-fav-spoiler-head.rights-spoiler-head{
	grid-template-columns: minmax(0,1fr) max-content;
	align-items: center;
	column-gap: 4px;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-title{
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
	grid-column: 1;
	align-self: center;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-right{
	display: grid;
	grid-template-columns: auto max-content;
	column-gap: 6px;
	align-items: center;
	justify-content: end;
	width: max-content;
	justify-self: end;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-all-label{
	white-space: nowrap;
	color: rgba(255,255,255,.6);
	align-self: center;
	justify-self: end;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-controls{
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-start;
	width: fit-content;
}
.menu-fav-spoiler-head.rights-spoiler-head.controls-2 .rights-all-label,
.menu-fav-spoiler-head.rights-spoiler-head.controls-3 .rights-all-label{
	align-self: flex-start;
	margin-top: 2px;
}
.menu-fav-spoiler-head.rights-spoiler-head.controls-2 .rights-controls,
.menu-fav-spoiler-head.rights-spoiler-head.controls-3 .rights-controls{
	align-self: flex-start;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-controls .btn{
	white-space: nowrap;
}
.menu-fav-spoiler-head.rights-spoiler-head .rights-desc-right{
	font-size: 12px;
	line-height: 1.35;
	color: rgba(100,116,139,1);
	overflow: hidden;
}
.rights-desc-bottom{
	color: rgba(100,116,139,1);
}
.rights-desc-wrap{
	position: relative;
}
.rights-desc-text{
	padding-right: 56px;
}
.rights-desc-toggle{
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 12px;
	padding: 0 0 0 6px;
	cursor: pointer;
}
.menu-fav-spoiler-head.rights-global-head{
	cursor: pointer;
	user-select: none;
}
.menu-fav-spoiler-head.rights-global-head *{
	pointer-events: none;
}
.menu-fav-spoiler-head.rights-global-head .menu-fav-spoiler-title{
	cursor: pointer;
	user-select: none;
}
.menu-fav-spoiler-head.rights-global-head .rights-global-actions{
	cursor: default;
	pointer-events: auto;
}
.menu-fav-spoiler-head.rights-global-head .rights-global-actions *{
	pointer-events: auto;
}
.rights-desc{
	white-space: pre-line;
}
}
.menu-fav-spoiler-title{
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	user-select: none;
}
.menu-fav-help-icon{
	border: none;
	background: transparent;
	color: #f6b53a;
	padding: 0;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.crm-tooltip{
	position: absolute;
	z-index: 2000;
	background: var(--bs-tooltip-bg, #000);
	color: var(--bs-tooltip-color, #fff);
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.35;
	box-shadow: 0 8px 16px rgba(0,0,0,.25);
	max-width: calc(100vw - 16px);
}
.crm-tooltip.is-singleline{
	white-space: nowrap;
}
.crm-tooltip .crm-tooltip-inner{
	white-space: inherit;
}
.crm-tooltip .crm-tooltip-arrow{
	position: absolute;
	width: 8px;
	height: 8px;
	background: var(--bs-tooltip-bg, #000);
	transform: rotate(45deg);
}
.crm-tooltip[data-placement="top"] .crm-tooltip-arrow{
	bottom: -4px;
}
.crm-tooltip[data-placement="bottom"] .crm-tooltip-arrow{
	top: -4px;
}
.crm-tooltip[data-placement="left"] .crm-tooltip-arrow{
	right: -4px;
}
.crm-tooltip[data-placement="right"] .crm-tooltip-arrow{
	left: -4px;
}
.menu-fav-spoiler-body{
	display: none;
	padding: 10px;
}
.menu-fav-spoiler.is-open > .menu-fav-spoiler-body{
	display: block;
}
[data-layout-mode='dark'] .menu-fav-spoiler{
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.08);
}
[data-layout-mode='dark'] .menu-fav-spoiler-head{
	background: rgba(255,255,255,.06);
	border-bottom-color: rgba(255,255,255,.10);
}
[data-layout-mode='dark'] .badge.bg-dark,
[data-layout-mode='dark'] .bg-dark{
	color: #1a1d21;
}
.kanban-board{
	overflow: hidden;
}
.kanban-loading{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(0,0,0,.45);
	backdrop-filter: blur(2px);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.kanban-loading.is-visible{
	display: flex;
}
.kanban-loading-spinner{
	width: 28px;
	height: 28px;
	border: 3px solid rgba(255,255,255,.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: kanban-spin 0.8s linear infinite;
}
@keyframes kanban-spin{
	to{ transform: rotate(360deg); }
}
.kanban-funnel-list{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.kanban-funnel-item{
	display: block;
}
.kanban-funnel-item input{
	display: none;
}
.kanban-funnel-badge{
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.15);
	background: rgba(255,255,255,.02);
	cursor: pointer;
	font-weight: 600;
	color: inherit;
}
.kanban-funnel-item input:checked + .kanban-funnel-badge{
	border-color: var(--funnel-color);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--funnel-color) 40%, transparent);
	background: color-mix(in srgb, var(--funnel-color) 12%, transparent);
}
.kanban-drag-zones{
	position: fixed;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	flex-direction: column;
	gap: 2px;
	z-index: 60;
}
.kanban-board.is-dragging + .kanban-drag-zones{
	display: flex;
}
.kanban-drag-zone{
	width: 85px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}
.kanban-drag-zone:hover .kanban-drag-zone-core{
	transform: scale(1.35);
	filter: brightness(1.1);
}
.kanban-drag-zone .kanban-drag-zone-core{
	transition: transform 120ms ease, filter 120ms ease;
}
.kanban-drag-zone-core{
	width: 75px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
	box-shadow: 0 8px 18px rgba(0,0,0,.25);
	pointer-events: none;
	flex-direction: column;
	gap: 2px;
	text-align: center;
}
.kanban-drag-zone-text{
	font-size: 9px;
	line-height: 1.1;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 65px;
}
.kanban-drag-zone-label{
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	color: #111;
}
.kanban-drag-zone-success{
	background: transparent;
}
.kanban-drag-zone-danger{
	background: transparent;
}
.kanban-drag-zone-success .kanban-drag-zone-core{
	background: #2f9e44;
}
.kanban-drag-zone-danger .kanban-drag-zone-core{
	background: #e55353;
}
.kanban-board-scroll{
	display: flex;
	gap: 16px;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 2px 12px;
	scrollbar-gutter: stable;
}
.kanban-col{
	flex: 0 0 var(--kanban-col-width, 320px);
	max-width: var(--kanban-col-width, 320px);
	display: flex;
	flex-direction: column;
	background: rgba(0,0,0,.02);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 10px;
	min-height: 120px;
	position: relative;
}
.kanban-col-dropzone{
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 8px);
	height: var(--kanban-drop-height, 0px);
	pointer-events: none;
}
.kanban-board.is-dragging .kanban-col-dropzone{
	pointer-events: auto;
}
.kanban-col-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 0;
	background: transparent;
	border-bottom: 1px solid rgba(0,0,0,.08);
	border-radius: 10px 10px 0 0;
}
.kanban-col-header.is-sticky{
	position: relative;
	z-index: 20;
}
.kanban-col-header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	padding: 10px 12px;
	background: rgba(0,0,0,.04);
	border-radius: 10px 10px 0 0;
}
.kanban-col-header.is-sticky .kanban-col-header-inner{
	background: #f8f9fa;
}
[data-layout-mode='dark'] .kanban-col-header.is-sticky .kanban-col-header-inner{
	background: #1f2530;
}
.kanban-col-header.is-sticky{
	background: #f8f9fa;
}
[data-layout-mode='dark'] .kanban-col-header.is-sticky{
	background: #1f2530;
}
.kanban-col-title{
	font-weight: 600;
	font-size: 14px;
}
.kanban-col-count{
	min-width: 28px;
	height: 22px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--kanban-color, #6c757d);
	color: #fff;
	font-size: 12px;
}
.kanban-col-more{
	display: none;
	align-items: center;
	justify-content: center;
	height: 14px;
	margin-top: 6px;
	font-size: 12px;
	opacity: .7;
	color: inherit;
	cursor: pointer;
}
.kanban-col-more i{
	font-size: 14px;
}
.kanban-col.has-more .kanban-col-more{
	display: flex;
}
.kanban-col-body{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px;
}
.kanban-card{
	background: #fff;
	border: 2px solid rgba(0,0,0,.08);
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	overflow-wrap: anywhere;
	word-break: break-word;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display: flex;
	gap: 8px;
}
.kanban-card.is-no-manager{
	border-color: #e55353;
}
.kanban-card.is-mine{
	border-color: #2f9e44;
}
[data-layout-mode='dark'] .kanban-card.is-no-manager{
	border-color: #e55353 !important;
}
[data-layout-mode='dark'] .kanban-card.is-mine{
	border-color: #2f9e44 !important;
}
.kanban-card-body{
	flex: 1 1 auto;
	min-width: 0;
}
.kanban-card-actions{
	flex: 0 0 28px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding-left: 8px;
	border-left: 1px solid rgba(0,0,0,.10);
}
.kanban-action-icon{
	font-size: 16px;
	line-height: 1;
}
.kanban-action-icon.is-muted{
	color: rgba(0,0,0,.35);
}
.kanban-action-icon.is-danger{
	color: #e55353;
}
.kanban-action-icon.is-success{
	color: #2f9e44;
}
.kanban-board.is-dragging,
.kanban-board.is-dragging *{
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.kanban-ghost{
	background: rgba(0,0,0,.08) !important;
	border: 1px dashed rgba(0,0,0,.25) !important;
	box-shadow: none !important;
	min-height: var(--kanban-ghost-height, 56px);
}
.kanban-ghost *{
	visibility: hidden;
}
.kanban-chosen{
	opacity: 0.6;
}
[data-layout-mode='dark'] .kanban-col{
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.10);
}
[data-layout-mode='dark'] .kanban-col-header{
	background: rgba(255,255,255,.06);
	border-bottom-color: rgba(255,255,255,.12);
}
[data-layout-mode='dark'] .kanban-card{
	background: rgba(255,255,255,.03);
	border-color: rgba(255,255,255,.10);
}
[data-layout-mode='dark'] .kanban-card-actions{
	border-left-color: rgba(255,255,255,.15);
}
[data-layout-mode='dark'] .kanban-action-icon.is-muted{
	color: rgba(255,255,255,.45);
}
[data-layout-mode='dark'] .kanban-ghost{
	background: rgba(255,255,255,.10) !important;
	border-color: rgba(255,255,255,.25) !important;
}
html[data-sidebar-size="sm"] .menu-link-split,
html[data-sidebar-size="sm-hover"] .menu-link-split{
	grid-template-columns: 1fr;
}
html[data-sidebar-size="sm"] .menu-link-toggle,
html[data-sidebar-size="sm-hover"] .menu-link-toggle{
	display: none;
}
body.vertical-sidebar-enable .menu-link-split{
	grid-template-columns: 1fr;
}
body.vertical-sidebar-enable .menu-link-toggle{
	display: none;
}
body.vertical-sidebar-enable .menu-link-toggle{
	display: none !important;
}
body.sidebar-collapsed .menu-link-split{
	grid-template-columns: 1fr;
}
body.sidebar-collapsed .menu-link-toggle{
	display: none !important;
}
body.sidebar-collapsed .navbar-menu .navbar-nav .nav-item:hover > .menu-link-split .menu-link-go{
	width: calc(200px + 70px);
	color: #fff;
	background-color: var(--vz-vertical-menu-bg-dark);
	transition: none;
}
body.sidebar-collapsed .navbar-menu .navbar-nav .nav-item:hover > .menu-link-split .menu-link-go span{
	display: inline-block;
	padding-left: 25px;
}