/*
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{
	
}
.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: #fff;
    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;
}
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: #f3f3f3;
}
.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;
}