#login_profile{ text-align: center; }
#login_profile img{ width: 70px; border-radius: .475rem; }


.mr-10{ margin-right: 10px !important; }
.ml-5{ margin-left: 5px !important; }
.ml-10{ margin-left: 10px !important; }
.ml-20{ margin-left: 20px !important; }
.ml-100{ margin-left: 100px !important; }
.m-auto{ margin: 0 auto; }
.ml-auto{ margin-left: auto; }
.margin-top-5{ margin-top: 5px; }

.pl-20{ padding-left: 20px !important; }

.bold{ font-weight: 600 !important; }

.ta-r{ text-align: right !important; }
.ta-c{ text-align: center !important; }
.fl-r{ float: right !important; }
.w100p{ width: 100%; }

.va-m{ vertical-align: middle; }

.clear{ clear: both; }

.min-w50{ min-width: 50px; }
.min-w70{ min-width: 70px; }
.min-w80{ min-width: 80px; }
.min-w90{ min-width: 90px; }
.min-w100{ min-width: 100px; }
.min-w120{ min-width: 120px; }
.min-w150{ min-width: 150px; }
.min-w200{ min-width: 200px; }
.min-w300{ min-width: 300px; }

.w50{ width: 50px; }
.w70{ width: 70px; }
.w100{ width: 100px; }
.w150{ width: 150px; }
.w200{ width: 200px; }
.w300{ width: 300px; }
.w350{ width: 350px; }

.w100p{ width: 100%; }
.h100p{ height: 100%; }

.cursor:hover{ cursor: pointer; }

.wh50 { width: 50px !important; height: 50px !important; }
.wh100 { width: 100px !important; height: 100px !important; }

.app-navbar{ width: 100%; justify-content: end; }

.field_col-radio{ display: flex; gap: 30px; }

.field_col-radio.radio_group{ flex-direction: column; gap: 0px; margin-bottom: 10px; }
.field_col-radio.radio_group .form-check.form-check-custom{ margin-bottom: 5px; }

.section_buttons{ display: flex; gap: 10px; }

.color-green{ color: green; }
.color-yellow{ color: #e1e108; }
.color-red{ color: red; }
.color-gray{ color: gray; }

.text-break { word-wrap: anywhere; }

.overflow-auto{ overflow: auto; }

.block{ display: block; }

.sections{ list-style: none; padding-left: 0px; }
.sections ul{ list-style: none; padding-left: 2rem; padding-top: 10px; }
.sections li{ padding: 10px 0; }
.sections .btn-sm{ padding: 2px 10px !important; }
.sections .info i:hover{ cursor: pointer; font-weight: 600; }
ul.sections li:first-child > .info .order .up{ display: none; }
ul.sections li:last-child > .info .order .down{ display: none; }

.field_with_prefix{ display: flex; align-items: center; gap: 10px; }
.field_with_prefix .field_prefix{ white-space: nowrap; }

.justify-center{ justify-content: center !important; }

.flex-middle{ display: flex; align-items: center; }

#main-logo{ height:50px; }

.app-sidebar-menu .menu .menu-item,
.app-sidebar-menu .menu .menu-item .menu-link,
.app-sidebar-menu .menu .menu-item .menu-link .menu-icon,
.app-sidebar-menu .menu .menu-item .menu-link .menu-title,
.app-sidebar-menu .menu .menu-item .menu-link .menu-arrow{ color: #fff !important; font-size: 15px; }


body { background-image: url('/media/system/media/auth/bg6.jpg'); }
[data-bs-theme="dark"] body { background-image: url('/media/system/media/auth/bg6-dark.jpg'); }

.card .card-body{ overflow: auto; }
.table.gy-5 td, .table.gy-5 th{ padding-top: 5px; padding-bottom: 5px; }
.table.gy-2 td, .table.gy-2 th{ padding-top: 2px; padding-bottom: 2px; }

.hidden{ display:none!important; }
.multiTable tr.blank{ display: none; }
.multiTable tr .icon.icon_remove{ display: none; }
.multiTable tr:hover .icon.icon_remove{ display: block; cursor: pointer; }

.form-check-custom.pos-stat{ position: static!important; }

div.h3_button{ display: inline-block; width:100%; margin-top: 10px; border-top: 1px dashed #009ef7; padding-top: 20px;}
div.h3_button h3{ float:left; margin:0px 10px 0px 0px!important; max-width: calc(100% - 140px); }
div.h3_button button{ float:right; }

.table-striped > tbody > tr:nth-of-type(2n+1) > * { color: var(--bs-text-gray-600) !important; }
.table:not(.table-bordered).table-row-dashed.table-border-dark tr:not(.text-start){ border-bottom-color: #000!important; }
.form-control.narrow{padding: 0.25rem 0.5rem!important; }
.form-select.narrow{padding: 0.25rem 3rem 0.25rem 0.5rem!important; }
.from_to_dash{ display: block; margin: 0px auto; text-align: center; height: 100%; line-height: 3;}

.table th{ color: #828282 !important; }

table .searchRow td{ padding:0px!important; }
table .searchRow td *{ border-radius: 0px; }
table .searchRow .date_split{ display: flex; }
.btn-100{ width:100%; }

.last_opened_product{ background: #ddd; }

.search_user_block{ position: relative; margin-bottom: 10px; }
.search_user_block ul{ position: absolute; width: 100%; list-style: none; height: auto; max-height: 150px; overflow: auto; z-index: 100; background: #fff; padding-left: 0px; }
.search_user_block ul li{ margin: 0; padding: 10px; border: 1px solid #ccc; border-top: none; }
.search_user_block ul li:first-child{ border-top: 1px solid #ccc; }
.search_user_block ul li:hover{ cursor: pointer; background: #ececec; }

.message_block .avatar{ width: 30px; height: 30px; display: inline-block; background: #ccc; border-radius: 30px; text-align: center; line-height: 30px;font-weight: 600; color: #fff; }
.message_block .timestamp{ display: block; }

#tyres_modal .modal-dialog, #wheels_modal .modal-dialog{ min-width: 50%; max-width: calc(100% - 100px); }
#tyres_modal .centered-input { display: block; margin: 0 auto; }
#tyres_modal .small-input { width: 70% }

#deal_product_items .modal-body{ max-height: calc(100vh - 250px); }

.table:not(.table-bordered).table-row-dashed tr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #919191;
}
.table:not(.table-bordered).table-row-dashed thead tr {
	border-bottom:none;
}

.table:not(.table-bordered).table-row-solid tr {
	border-bottom: 1px solid #d9d9d9;
}
.table:not(.table-bordered).table-row-solid tr:last-child {
	border-bottom: 1px solid #d9d9d9!important;
}
.table:not(.table-bordered).table-row-solid thead tr {
	border-bottom:none;
}
.table:not(.table-bordered).table-row-solid tr td {
	border-right: 1px solid #d9d9d9;
}
.table:not(.table-bordered).table-row-solid tr td:last-child {
	border-right: none;
}

.change_name_block input{ width: calc(100% - 105px); display: inline-block; }

/* .app-navbar-item.with-subitems{ justify-content: space-between; width: 100%; } */
.app-navbar-item.with-subitems{ justify-content: flex-start; width: 100%; }

#bookmarks_list{ list-style: none; padding: 0px; margin: 0px; display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column; max-height: 200px; }
#bookmarks_list li{ flex: 1 1 auto; margin-bottom: 5px;  }

.breadcrumb-item.text-muted, .breadcrumb-item .text-muted {	color: #686868 !important; }
.breadcrumb-item a.text-muted:hover {	color: #009ef7 !important; }
.breadcrumb-item .bg-gray-400 { --bs-bg-rgb-color: 172, 180, 183; background-color: #686868; }

#queue_calendar .lift-name{ white-space: nowrap; }
#queue_calendar .ta-c{ text-align: center; }
/* #queue_calendar tr td.orientation_record{ text-align: left; } */
#queue_calendar tr td.def_free{ background-color: #e3e3e3; }
#queue_calendar tr td.history:not(.def_free){ background-color: #f7f7f7; }
#queue_calendar tr td .time_str { margin:0px; text-align: left; width: 40px; font-size: 12px; display: inline-flex;}
#queue_calendar td a.btn-queue-add{ visibility: hidden; }
#queue_calendar td a.btn-queue-add.btn-success, #queue_calendar td a.btn-queue-add.btn-warning{ margin-right: 5px; }
#queue_calendar td a.btn-queue-add.btn-light-primary{ margin-left: 5px; }
#queue_calendar td:hover a.btn-queue-add{ visibility: visible; }
#queue_calendar tr.divider_row td{ padding: 0.15rem; background-color: #7e8299; }
#queue_calendar tr.day_row_main:not(:first-child){ border-top: 6px solid #7e8299; }
#queue_calendar tr.day_row:not(:first-child){ border-top: 3px solid #7e8299!important; }

#queue_month_switch,
#calendar_month_switch{ text-align:center; width:100%; margin-bottom:20px; position: relative; }
#queue_month_switch .calendar_arrow.prev,
#calendar_month_switch .calendar_arrow.prev { margin-right: 10px; }
#queue_month_switch .calendar_arrow.next,
#calendar_month_switch .calendar_arrow.next { margin-left: 10px; }
#queue_month_switch #h_month, #queue_month_switch #h_year, #queue_month_switch #queue_date_title{ font-size: 18px; }

#calendar tbody td{ min-height: 100px; }
#calendar tbody td.current{ background-color: #d5edd0; }
#calendar tbody td .item_add{ height: 30px; display: flex; width: 100%; align-items: center; justify-content: space-between; }
#calendar tbody td .item_add .btn{ float: right; display: none; }
#calendar tbody td:hover .item_add .btn{ display: inline-block; }
#calendar tbody td .data{ min-height: 100px; }

.scroll_table{ overflow: auto; max-width: 100%; display: block; height: calc(100vh - 320px); }
.table_sticky_header{ position: sticky; top: 0px; background: #fff; z-index: 999; }

.btn.btn-icon.btn-xs {	height: calc(1em + 0.25rem + 2px);	width: calc(1em + 0.25rem + 2px); }
.queue_calendar_block{ position: absolute; right: 0px; bottom: 0px; }

.fade.fade-extra:not(.show){
  display: none;
}
.fade.fade-extra{
	transition: display .15s linear;
}

.picture_icon{ display: inline-block; width: 16px; height: 16px; background: url('../media/images/image.png'); }
.picture_icon.no_picture{ background: url('../media/images/image_gray.png'); }

.open_product_image{ max-width:150px; max-height:150px; }

#modal_close_btn{ width: auto; }
.modal-body{ position: relative; max-height: calc(100vh - 130px); overflow: auto; }
.modal-body .overview{ position: absolute; width: 100%; height: 100%; background: #ccccccde; left: 0; }
.modal-body .overview .spinner{ position: absolute; background: url('../media/misc/spinner.gif'); width: 34px; height: 34px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.ws-no{ white-space: nowrap; }

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #03a9f4;
  border-radius: 25px;
}
input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #03a9f4;
}
.range-wrap{
  width: 500px;
  position: relative;
	max-width: 100%;
}
.range-value{
  position: absolute;
  top: -20%;
}
.range-value span{
  width: auto;
  height: 24px;
	padding: 0px 5px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
}
.range-value span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #03a9f4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}


.tree_menu .menu{ display: block; padding-left: 20px; position: relative; }
.tree_menu .lvl1{ padding-left: 0px; }
.tree_menu .submenu{ padding-left: 0px; }
.tree_menu .menu_button{ width: 20px; height: 20px; display: inline-block; position: absolute; left: 0px; }
.tree_menu .menu_button:hover{ cursor: pointer; }

#queue_btn_row{ display: flex; justify-content: space-between; margin-bottom: 30px; }
#queue_btn_row .btns-block{ flex: 1 1; display: flex; }
#queue_btn_row #warehouses_btns{ justify-content: start; }
#queue_btn_row #view_btns{ justify-content: center; }
#queue_btn_row #client_btns{ justify-content: end; }
#queue_btn_row #client_btns .select-block{ min-width: 150px; }
#queue_btn_row #client_btns .select-block:not(:first-child){ margin-left:10px; }
.queue-card{ top: -30px; }
.queue-narrow-wrapper textarea.min-h-200px { min-height: auto !important; }

.form-check-custom.multiple-check{ margin-bottom: 10px; }

/* .tempus-dominus-widget.dark .date-container-days .dow, .tempus-dominus-widget.light .date-container-days .dow{ color: #fff !important; text-indent: 34% !important; } */
/* .tempus-dominus-widget.dark .date-container-days .dow:first-letter, .tempus-dominus-widget.light .date-container-days .dow:first-letter{ color: #60657B !important; } */
.input-group.datepicker-group{ padding: 0px!important; border: none!important; }

select.form-select option:disabled{ color: #680d0d !important; text-decoration-line: blink; background-color: #c6afae; }

#header_search{ position: relative; }
#header_search ul{ position: absolute; left: 0px; top: 40px; list-style: none; width: 100%; background: #fff; border-radius: 5px; padding: 0px; border: 1px solid #d9d9d9; display: none; }
#header_search ul.active{ display: block; }
#header_search ul li a{ padding: 15px 20px; display: block; border-bottom: 1px solid #d9d9d9; color: var(--bs-gray-700); }
#header_search ul li a:hover{ background-color: var(--bs-gray-100); }
#header_search ul li .title{ display: block; font-weight: 600; }
#header_search ul li .subtitle{ display: block; font-size: 10px; }

table.no_border_collapse{ border-collapse: unset; }
.table.no_border_collapse tbody tr:last-child td, .table.no_border_collapse tbody tr:last-child th, .table.no_border_collapse tfoot tr:last-child td, .table.no_border_collapse tfoot tr:last-child th{ border-bottom: 1px solid #d9d9d9 !important; }

#tyres_import_table input[type="text"]{ min-width: 50px; }

.fv-row.half_and_half{ display: flex; align-items: center; }
.fv-row.half_and_half input{ width: calc(50% - 10px); }
.fv-row.half_and_half .divider{ width: 20px; text-align: center; }

.compact_table{ display: block; overflow-x: auto; }
.compact_table .form-control{ padding: 5px; font-size: 13px; }
#tbl_items .sub_items{ display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
#tbl_items .form-check-custom{ top: 0px; }

.imageBlock { list-style:none;float:left;margin:0;padding:0; }
.imageBlock li { margin-right:5px;display:inline-block; }
.imageBlock li:hover { background: #009ef7; }
.imageBlock li img { width:40px;height:40px;border-radius:8px;cursor:pointer; }
.imageBlock li span.remove-image { position: absolute; top: -6px; right: -6px; background: #fff; border: 1px solid #ccc; border-radius: 50%; width: 20px; height: 20px; line-height: 16px; text-align: center; font-weight: bold; color: #000; }
.imageBlock li span.remove-image:hover { background: #ee5959; border: 1px solid #a70000; color: #fff; }
.addImage { cursor:pointer;opacity:0.7;float:right; }
.addImage:hover { opacity:1.0; }

/** Deal **/
  .add_product_block{ display: inline-block; }
  .add_product_block .add_product{ padding: 5px 10px !important; }
	/*
  .add_product_block .add_product{ width: 18px; height: 18px; display: inline-block; background-size: 18px; }
  .add_product_block .add_product.tyre{ background-image: url('../media/images/tyre.png'); }
  .add_product_block .add_product.disc{ background-image: url('../media/images/rims.png'); }
  .add_product_block .add_product.battery{ background-image: url('../media/images/batteries.png'); }
  .add_product_block .add_product.accessory{ background-image: url('../media/images/vise.png'); }
  .add_product_block .add_product.service{ background-image: url('../media/images/service.png'); }
	*/
  .add_product_block .add_product:hover{ cursor: pointer; }

  .payment_block{ display: flex; gap: 5px; align-items: center; }
  .payment_block input{ width: 80px; text-align: center; }

  .item_data { display: flex; flex-direction: column; gap: 4px; }
  .item_data .item_row { display: flex; align-items: center; gap: 10px;  width: 100%; }
  .item_data .icon-group { gap: 5px; }
  .item_data .icon-group .icon-red{ color: red; }
  .item_data .icon{ display: inline-block; }
  .item_data .icon:hover{ cursor: pointer; }
  .item_data .search_product{ display: none; cursor: pointer; position: absolute; margin-left: 125px;}
  .item_data .product_desc{ width: 100%; font-size: 12px; }
  .item_data .postpay_field { margin-left: 36px; }

  #deals_list_table td:hover .item_data .search_product:not(.service){ display: inline-block; }
  #deals_list_table input.small{ width: 100px; }
  #deals_list_table tr:first-child .icon-arrow_up{ display: none !important; }
  #deals_list_table tr:last-child .icon-arrow_down{ display: none !important; }
  #deals_list_table .item-label { display: inline-block; margin-right: 10px; position: relative; }
  #deals_list_table .type_fields{ width: 100%; }

  #deals_list_table td { position: relative; min-height: 80px; }
  /* #deals_list_table .input-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 80%; } */
  /* #deals_list_table .extra-info { position: absolute; top: calc(50% + 15px); left: 50%; transform: translateX(-50%); z-index: 2; font-size: 10px; font-style: italic; text-align: center; width: 90%;} */
  #deals_list_table .extra-info { font-size: 10px; font-style: italic; text-align: center; display: flex; flex-direction: column; gap: 1px; }
  #deals_list_table .item_count_left { margin: 0; padding: 0; list-style: none; }
  #deals_list_table .small-input-padding { padding: .3rem 0.6rem; }

  .popupHeader{ display: flex; gap: 10px; align-items: center; }
  .popupHeader input{ width: calc(100% - 300px); }
  .popupHeader a{ margin-left: auto; }

  .payment_row label{ display: none; }

	#queue_calendar td .closed-day{ color: #f1416c; }
	#queue_calendar td .closed-day.reserve{ color: #ffc700; }

  .cost_price{ font-size: 10px; font-style: italic; }

  .item_count_left{ list-style: none; font-size: 10px; font-style: italic; padding-left: 0px; }

  .deal_button-right {
    text-align: right;
  }

  .price-cell {
    position: relative;
  }
  .price-add-btn {
    display: none;
    position: absolute;
    right: -16px;
    top: calc(50% + 8px);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
}
.price-cell:hover .price-add-btn {
    display: inline-block;
}


.shipment_labels{ display: flex; flex-wrap: wrap; gap: 5px; }

.app-sidebar-logo .app-sidebar-logo-minimize{ max-width: 100%; height: 6px !important; }

.btn-small{ padding: 3px 10px !important; font-size: 12px; }
.separator.separator-content.no-wrap { white-space: nowrap; }
form .row.mb-3.narrow{ margin-bottom: 0px!important; }
form .row.mb-3.narrow .col-form-label{ padding-top: calc(.775rem + 1px); padding-bottom: 0px!important; }
form #queue_time_step{ margin-bottom: 0px!important;}
form .queue-client:hover{ border: 1px solid #4ccc86!important; }
div.pos-rel{ position: relative!important; }
.pos-rel{ position: relative!important; }
#clients_fields_show, #clients_fields_hide{ position: absolute; top:0px; right:0px; }

table tr.fs-small, table td.fs-small { font-size:10px !important; }
table tr.fs-tiny, table td.fs-tiny { font-size:8px !important; }
table td.highlight { background:rgba(30, 201, 109, 0.2) !important; border-radius:0; }
table td.highlight.orange { background:rgba(237, 182, 31, 0.2) !important; }

.exampleBlock { font-size:11px;line-height:15px;border:1px solid #d9d9d9;background:#f8f8f8;border-radius:3px;padding:15px; }

.cardListing { margin:0;padding:0;list-style:none; }
.cardListing li { display:inline-block;padding:5px; }
	.cardListing li a, .cardListing li span.grayBlock { display:block;height:100%;border:1px solid #d9d9d9;background:#f8f8f8;border-radius:3px;padding:5px; }
	.cardListing li span.flag { display:inline-block;float:left;width:10px;height:100%;background:#e10000;margin-right:10px; }
	.cardListing li span.flag.green { display:inline-block;float:left;width:10px;height:100%;background:var(--bs-success);margin-right:10px; }
	.cardListing li h5 { display:block;margin-bottom:0; }
	.cardListing li span.date { font-size:11px;color:#666; }



.separator.separator-content.border-primary::after, .separator.separator-content.border-primary::before { border-color: #e1e3ea !important; }

td.service-cell.service-cell-active{ background-color: #c1e6ee !important; }
td.service-cell.service-cell-active a{ color:#fff!important; }
#queue_calendar td.lock-cell.hover { background-color:#ffe0e0!important; }


.tagify.form-control-lg{ padding: 5px 10px; min-height: 35px; }
.tagify.form-control-lg .tagify__tag{ padding: 2px; }
.tagify.form-control-lg .tagify__tag .tagify__tag-text{ font-size: 12px; }
.tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before{ --tag-bg-inset: 0 !important; --tag-bg: #d5d5d5 !important; }


#calendar td{ vertical-align: top; }
ul.calendar_items { list-style-type: none; padding: 5px 0px 0px; margin: 0px; width: 100%; display:inline-block; border-top:1px dashed black; }
ul.calendar_items li { margin:0px; padding:0px; border-radius: 5px; }
ul.calendar_items li:hover { cursor: pointer; }
ul.calendar_items li a{ width:100%; display:inline-block; padding:5px; font-size: 13px; }
ul.calendar_items li a.type_real{ background-color: #ffd88f; }
ul.calendar_items li a.done{ text-decoration:line-through; }
ul.calendar_items li.source-manual { background-color: #F0F0F0; }
ul.calendar_items li.source-manual:hover { background-color: #D0CCCC; }
ul.calendar_items li.source-deals { background-color: #5ec88e; }
ul.calendar_items li.source-deals a { color: #fff; }
ul.calendar_items li.source-deals:hover { background-color: #4ba674; }
.calendar_item.special{ color:#FF0000; }
.calendar_item.unopened{ color:rgb(255,90,4); }
.calendar_item .icon.phone{ margin-left: 5px; }

.tooltip_text{ display:none; background-color: #fff; color: #555; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; bottom: calc(100% + 5px); left: 50%; transform: translate(-50%, 0); font-weight: 400; font-size: 12px; padding: 10px; min-width: 160px; }
.tooltip_text br{ line-height:25px; }
a.calendar_item{ position:relative; }
a.calendar_item:hover .tooltip_text{ display: block; opacity: 1; box-shadow: 3px 1px 6px #797979; }
a.calendar_item .tooltip_text:hover{ display:none; }

.filter_row{ display: flex; gap: 10px; flex-wrap: wrap; }
.filter_row .input_block{ display: inline-block; width: auto; }
.filter_row .form-select{ width: auto; }

.form-control.error_field{ border-color: var(--bs-danger); }
.form-control.readonly{ color: var(--bs-gray-500); background-color: var(--bs-gray-200); border-color: var(--bs-gray-300); opacity: 1; }
#queue_client_search_buttons, .client_search_buttons{ position: absolute; right: 0px; top: 0px; height: auto; }
#queue_client_search_buttons button:not(#clients_fields_hide), .client_search_buttons button:not(#clients_fields_hide){ padding: 0.2rem 0.5rem; margin-bottom: 0.4rem; width: 100%; font-size: 12px; line-height: 14px; position: relative; }
#queue_client_search_buttons button#clients_fields_hide, .client_search_buttons button#clients_fields_hide{ width: 100%; min-height: 45px; }
#queue_client_search_buttons button:last-child, .client_search_buttons button:last-child{ margin-bottom: none; }
/* #queue_client_search{ padding-right: 1rem!important; } */

#queue_calendar .queue_link{ transition: color .2s ease;  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));  text-decoration: none;  background: transparent;  border: none;  font-weight: 600; min-height:27px; font-size:12px;}
#queue_calendar .queue_link:hover{ --bs-link-color-rgb:var(--bs-link-hover-color-rgb); }
#queue_calendar .status-icon { display: flex; float:left; }

#view_btns .btn, #warehouses_btns .btn{ align-self: self-start; }
.images-qty-row{ display: flex; }
.images-qty-row.gap{ gap: 2px; }
.img-qty-icon { display: block; background-image: url('../media/images/sprite_image.png'); width:16px; height:16px; }
.camera-icon { display: block; background-image: url('../images/fugue/list_icons/camera.png'); width:16px; height:16px; }
.img-qty-icon.qty-1 { background-position: 0px 0px; }
.img-qty-icon.qty-2 { background-position: -16px 0px; }
.img-qty-icon.qty-4 { background-position: -32px 0px; }
.img-qty-icon.qty-banner { background-position: -48px 0px; }

#subscriber-email { border-radius: 8px; padding: 10px; border: 1px solid #ccc; }
.delete-subscriber { color:red; background-color: transparent; border: none; font-weight: 600; }

#topCart, #messangerBtn{ position: relative; }
#topCart .item_count, #messangerBtn .item_count{ position: absolute; padding: 3px 6px; border-radius: 50px; background-color: #e10000; color: #fff; top: -6px; font-size: 8px;right: 0; }


.tyre_name_block{ display: flex; }
.form-control-lg, .col-form-label, .form-select-lg{ padding: 6px 10px; min-height: 35px; }
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select{ padding-bottom: 5px !important; padding-top: 20px !important; height: auto; }

.chat_message{ padding: 6px 12px; }
.message_meta_data{ gap: 10px; }
.message_meta_data .forward_btn{ cursor: pointer; }


#priceSheetInfo { width: 100%; overflow:hidden; position:relative; display: flex; gap: 10px; }
#priceSheetInfo .groupList { width: 300px; border-right: 1px solid #ccc; padding: 0; margin: 0; list-style: none; }
  #priceSheetInfo .groupList ul { list-style:none; margin-bottom:0; padding-left: 0; }
  #priceSheetInfo .groupList ul li { margin:0; display: block;}
  #priceSheetInfo .groupList ul li > div, #priceSheetInfo .groupList ul li > a > div{ width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #ccc; padding-right: 5px; color: #000;cursor:pointer; }
  #priceSheetInfo .groupList ul li.menu > div > span, #priceSheetInfo .groupList ul li.menu > a > div > span{ display: inline-block; float: right; margin-top: 16px; width: 24px; height: 24px; margin-top:6px; background-image: url('../images/deal-arrow.png'); background-repeat: no-repeat;background-position: 0 -24px; }
  #priceSheetInfo .groupList ul li.menu.active > div, #priceSheetInfo .groupList ul li.menu.active > a > div { background-color:#dcf0b9; }
  #priceSheetInfo .groupList ul li.menu.active > div > span, #priceSheetInfo .groupList ul li.menu.active > a > div > span { background-position: 0 0; }
    #priceSheetInfo .groupList ul.lvl1 > li > div, #priceSheetInfo .groupList ul.lvl1 > li > a > div { padding-left: 5px; font-size: 20px; }
    #priceSheetInfo .groupList ul.lvl2 > li > div, #priceSheetInfo .groupList ul.lvl2 > li > a > div { padding-left: 20px; font-size: 16px; }
    #priceSheetInfo .groupList ul.lvl3 > li > div, #priceSheetInfo .groupList ul.lvl3 > li > a > div { padding-left: 35px; font-size: 14px; }

#priceSheetInfo .itemList { width: calc(100% - 300px); padding-right:15px; overflow-x:hidden; overflow-y:auto; font-size:12px; }
#priceSheetInfo .itemList table{ width: 100%; }
#priceSheetInfo .itemList table th { font-weight:bold; border-bottom: 1px solid #ccc; }
#priceSheetInfo .itemList table td { padding: 5px 0; border-bottom: 1px solid #ccc; }
#priceSheetInfo .itemList table .price { cursor:pointer;float:right; }
#priceSheetInfo .itemList table tr:hover td { background-color: #eee; }


.item_mechanics{ display: flex; flex-direction: column; gap: 20px; }
.item_mechanics .mechanic_item{ padding-bottom: 20px; }
.item_mechanics .mechanic_item:not(:last-child){ border-bottom: 1px solid #ccc; }
.item_mechanics .mechanic_item select{ margin-bottom: 5px; }
.item_mechanics .mechanic_item .row{ display: block; }
.item_mechanics .mechanic_item .row button{ width: 150px; margin-top: 10px; float: right; }


.finished_row{ background: #86e686; color: #fff; }
.finished_row:hover td{ --bs-table-accent-bg: #69ce69 !important; }

.title_row{ background: #ccc; }
.title_row:hover td{ background: #ccc !important; --bs-table-accent-bg: #ccc !important; }
.title_row td{ padding-left: 10px !important; }

.filter_title{ display: flex; justify-content: space-between; }


.card-header.sticky{ position: fixed;
  top: var(--bs-app-header-height);
  width: calc(100% - var(--bs-app-sidebar-width));
  background: #fff;
  left: var(--bs-app-sidebar-width);
	padding: 0rem 2rem !important;
  border-radius: 0px;
  min-height: 48px;
}

#queue_calendar{ margin-top:120px; }

#queue_sticky_header {
	position: fixed;
	top: calc(var(--bs-app-header-height) + 48px);
	width: calc(100% - var(--bs-app-sidebar-width));
	background: #fff;
	left: var(--bs-app-sidebar-width);
	padding: 0rem 2rem !important;
	box-shadow: var(--bs-app-header-base-box-shadow);
}

#queue_sticky_header #warehouses_btns .btn, #queue_sticky_header #view_btns .btn{ padding: calc(.45rem + 1px) calc(1.5rem + 1px); }
#queue_sticky_header #queue_btn_row, #queue_sticky_header #queue_month_switch {	margin-bottom: 10px; }

.normal_table_padding{ padding: .75rem .75rem !important; }

.table tbody td.border_bold_bottom{ border-bottom: 2px solid #000 !important; }


.dark_row td{ background: #d9d9d9 !important; }
.dark_row:hover td{ background: #eee !important; box-shadow: none !important; }

#cart_table .highlight-red { background-color: #ffdddd; }

th .order{ color: inherit; display: block; position: relative; padding-right: 20px; }
th .order.desc:after,
th .order.asc:after{ content: ''; width: 16px; height: 16px; display: inline-block; background-size: 16px; position: absolute; right: 0; background-image: url('../media/icons/duotune/arrows/arr023.svg');  }
th .order.desc:after{ transform: rotate(90deg); }
th .order.asc:after{ transform: rotate(-90deg); }

.old_price{ text-decoration: line-through; font-size: 10px; display: block; }

#kt_app_header_wrapper .btn{ padding: 5px; font-size: 12px; }
#kt_app_header_wrapper .btn.btn-gray_flat{ background-color: #e8e8e8; font-weight: 400; }
#kt_app_header_wrapper .btn.btn-gray_flat:hover{ background-color: #d2d2d2; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-file-ruled-fill::before { color: #05b320; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-box-seam::before { color: #b7813d; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-calendar-date::before { color: #a61010; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-book::before { color: #1a51d2; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-shop::before { color: #000; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-arrow-left-right::before { color: #327b18; }
#kt_app_header_wrapper .btn.btn-gray_flat .bi-lock::before { color: #0e8edb; }

#kt_app_header_wrapper .app-navbar-subitem .btn{ position: relative; }
#kt_app_header_wrapper .app-navbar-subitem .btn .counter{ position: absolute; min-width: 16px; height: 16px; border-radius: 16px; top: -4px; right: -3px; background: red; color: #fff; font-size: 11px; padding: 0 5px; }

.advert_icons, .checkbox_icons{ display: flex; justify-content: center; align-items: center; }
.advert_icons:hover, .checkbox_icons:hover{ cursor: pointer; }
.advert_icons .bi-check, .checkbox_icons .bi-check{ display: none; }
.advert_icons.active .bi-check, .checkbox_icons.active .bi-check{ display: inline-block; }
.advert_icons.active .bi-x, .checkbox_icons.active .bi-x{ display: none; }
.advert_icons i, .checkbox_icons i{ font-size: 20px; }
.advert_icons i.bi-x, .checkbox_icons i.bi-x{ color: red; }
.advert_icons i.bi-check, .checkbox_icons i.bi-check{ color: green; }

.text_labels{ padding-left: 25%; }
.text_labels ul{ list-style: none; padding-left: 0; }

.true_false_icon{ font-size: 20px !important; }
i.true_false_icon.bi-x{ color: red; }
i.true_false_icon.bi-check{ color: green; }


.accept_form{ margin-bottom: 50px; }
.import_search_input{ display: flex; gap: 10px;}

#accept_form{ display: flex; flex-direction: column; width: 100%; margin-bottom: 50px; margin-top: 20px; }

.row_title{ font-weight: 600; font-size: 20px; margin: 20px 0 10px; }

.active_row td{ background: #89ea89; }

.card .card-header .card-toolbar select{ width: auto; }

table .searchRow .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {  border: 0;  padding: calc(.25rem + 1px) calc(0.25rem + 1px);	height: 25px; line-height: 18px; }
table .searchRow .btn i { vertical-align: top; margin-top: 1px; }
table .searchRow td .form-control { padding: .25rem 0.25rem; font-size: 1.1rem; font-weight: 500; line-height: 1; height:38px; }
table .searchRow .search_btn{ width: 100%; height: 100% !important; }

.input-group-text{ padding: 0 1rem; }

.date_range{ display: flex; align-items: center; gap: 5px; }
.date_range .datepicker-group{ width: 160px; }

#report_table td{ padding: .75rem .75rem !important; }
#report_table tr:hover > *{ --bs-table-accent-bg: #fff !important; }

.table:not(.table-bordered) tbody tr:last-child td.border_bottom_thick,
.border_bottom_thick{ border-bottom: 2px solid #000 !important; }

.ajax_search_block{ position: relative; display: flex; gap: 5px; }
.ajax_search_block .results{ position: absolute; top: 40px; overflow: auto; list-style: none; max-height: 300px; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; padding-left: 0; }
.ajax_search_block .results li.result_title{ font-weight: 600; padding: 5px 10px; background: #ccc; }
.ajax_search_block .results li.product_item{ padding: 3px 10px; border-bottom: 1px solid #ccc; }
.ajax_search_block .results li.product_item:hover{ cursor: pointer; background: #eaeaea; }

#complect_modal .modal-body,
#complect_modal .card-body{ overflow: visible; }

body > .overlay{ position: absolute; width: 100vw; height: 100vh; background: #cccccc8a; z-index: 9999; }
body > .overlay::after{ content: ""; display: inline-block; background-image: url('../media/misc/spinner.gif'); width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.product_in_complect{ background: #f2fdd5; }

.complect_components{ list-style: none; padding: 0; margin: 0; }

.out_of_stock{ background: #f48181; }

.gray-row{ background: #f2f2f2; }
#report_table td.cell_left-padding{ padding-left: 40px !important; }

#ui-datepicker-div{ z-index: 9999 !important; position: absolute !important; }

.advert-colspan-1-2{ padding-left: 0px !important; padding-right: 0px !important; }
.normal_cell_padding{ padding-right: .75rem !important; }
.param_icons{ width: 16px; height: 16px; }

.complect_qty{ font-size: 10px; }
.transfer_info, .reserve_info{ font-size: 10px; width: 100%; display: block; }
.transfer_info span{ color: #b5b514; font-weight: 600; }
.reserve_info span{ color: #ee0c0c; font-weight: 600; }

tr.error_row{ background: #f7bbbb; }

.eu-cert-tooltip{ color: var(--bs-link-color); text-decoration: underline; font-size: 10px; }

.input_with_button{ display: flex; gap: 10px; }
.input_with_button button{ width: 140px; }


.order_accept_block{ display: flex; gap: 5px; align-items: center; }
tr.order_accepted{ background: #e4ffe4; }
tr.deal_product_transfer{ background: #ffe7e7; }

.card-header-btns{ display: flex; width: 100%; flex-wrap: wrap; gap: 5px }
.card-header-btns .btn{ padding: 8px ; margin-right: 0px !important; }

.header_image{ text-align: center; margin-bottom: 20px; }
.header_image img{ max-width: 100%; }

.check_icons:hover{ cursor: pointer; }
.check_icons i{ font-size: 20px; }
.check_icons i.bi-check{ color: green; }
.check_icons .bi-check { display: none; }
.check_icons i.bi-x { color: red; }
.check_icons.active .bi-check { display: inline-block; }
.check_icons.active .bi-x { display: none; }

.buttons_block{ display: flex; gap: 5px; }
.buttons_block .btn i{ padding-right: 0 !important; }

.invoice_buttons{ display: flex; gap: 5px; }

.password_input_block{ position: relative; }
.password_input_block input{ padding-right: 30px; }
.password_input_block .password_icon{ background-image: url('../images/fugue/list_icons/eye-close.png'); width: 16px; height: 16px; display: inline-block; position: absolute; right: 9px; top: 10px; }
.password_input_block .password_icon.show{ background-image: url('../images/fugue/list_icons/eye.png'); }
.password_input_block .password_icon:hover{ cursor: pointer; }

.login_form .password_input_block .password_icon{ top: 14px; }

table.vertical_center td{ vertical-align: middle; }

.no_vat_notification{ font-weight: 600; color: #f9a404; }
.client_manager{ color: #424242; }
.action_buttons_row{ display: flex; gap: 10px; }

.original_size{ font-size: 12px; color: #979797; }

.original_size_deal{ cursor: pointer; text-decoration: underline; color: #000; font-size: 11px; }

.venipak_statuss{ font-size: 12px; color: #979797; }

.history_transfer_row{ background: #f0f4da; }

.form-check.form-check-solid .form-check-input:not(:checked){ border: 1px solid #bbb; }

.sticky_header_table .sticky_header{ position: sticky; background-color: #fff; top: 70px; z-index: 99; box-shadow: 0px 1px 0px 0 #000; }

.deal_additional_buttons{ display: flex; gap: 5px; flex-wrap: wrap; }

.badge_btn{ border: none; outline: none; }
.flex_block{ display: flex; gap: 5px; }

ul.menu-tree{ width: 100%; }
ul.menu-tree li{ font-size: 14px; padding: 5px; line-height: 21px; width: calc(100% - 10px); display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.menu-tree li .section_row{ width:100%; }
ul.menu-tree li:not(:last-child){ border-bottom: 1px dashed #b3b3b3; padding-bottom: 5px; width: calc(100% - 10px); }
ul.menu-tree li.lvl-1{ border-top: 1px solid #b3b3b3; border-bottom: none; }
ul.menu-tree li.lvl-2:first-child, ul.menu-tree li.lvl-3:first-child, ul.menu-tree li.lvl-4:first-child{ margin-top:5px; border-top: 1px dashed #b3b3b3; }
ul.menu-tree li.lvl-2:last-child, ul.menu-tree li.lvl-3:last-child, ul.menu-tree li.lvl-4:last-child{ padding-bottom: 0px!important; }
ul.menu-tree li div.name{ display: inline-block; line-height: 40px; }
ul.menu-tree li div.buttons{ display: flex; align-items: center; float: right; margin: 3px 10px 2px 0px; }
ul.menu-tree li div.buttons.left{ float:left; }
ul.menu-tree li div.buttons:not(.left) > *{ margin-left:10px; }

ul.menu-tree li div.buttons .section_icon{ line-height: 16px; }
ul.menu-tree li div.buttons .section_icon .svgIcon{ width: 16px; height: 16px; }

ul.menu-tree li div.buttons div.order{ width: 100px; border-left: 1px dashed #a32035; border-right: 1px dashed #a32035; }
ul.menu-tree li div.buttons.left div.order{ border-left: none; }
ul.menu-tree li div.buttons div.order span{ width: 24px; display: inline-block; background: #18c4ec; color: #fff; text-align: center; border-radius: 4px; padding: 2px 5px; line-height: 16px; margin-left: 10px; cursor: pointer; }
ul.menu-tree li div.buttons div.order span:hover{ color:#f00; }
ul.menu-tree li.lvl-2 div.buttons div.order span{ background: #0d8caa; }
ul.menu-tree li.lvl-3 div.buttons div.order span{ background: #0b6277; }
ul.menu-tree li.lvl-4 div.buttons div.order span{ background: #000; }
ul.menu-tree > li:first-child > div.section_row > div.buttons div.order span.up{ display: none; }
ul.menu-tree > li:first-child > div.section_row > div.buttons div.order span.down{ margin-left:34px; }
ul.menu-tree > li:last-child > div.section_row > div.buttons div.order span.down{ display: none; }
ul.menu-tree > li:last-child > div.section_row > div.buttons div.order span.up{ margin-right: 44px; }

ul.menu-tree li div.buttons div.links{ display: flex; gap: 10px; align-items: center; }
/* ul.menu-tree li div.buttons div.links > *{ color: #fff; height: 16px; line-height: 16px; width: 64px; text-align: center; } */

ul.menu-tree li div.buttons.left div.order{ width: 60px; border-left: none; border-right: 1px dashed #a32035; }
ul.menu-tree li div.buttons.left div.order span{ width: 12px; display: inline-block; text-align: center; border-radius: 4px; padding: 2px 2px; line-height: 16px; margin-left: 9px; cursor: pointer; }

ul.menu-tree li.lvl-2, ul.menu-tree li.lvl-3, ul.menu-tree li.lvl-4{ padding-left: 50px; width:calc(100% - 50px); padding-right: 0px; margin-right: 5px; }
ul.menu-tree li .btn-success, ul.menu-tree li .btn-secondary{ width:104px; }
.btn-disabled{ cursor: default!important; }

h4.divider{ border-bottom: 2px solid #f4f4f4;padding-bottom: 5px; }

.gray_date_text{ color: #999; font-size: 11px; }
.warehouse_count_total{ display: block; font-size: 11px; font-weight: 400; }

#model_img_new-dropzone, #model_img_used-dropzone{ min-height: 110px; }

.gray-text{ color: #ccc; }

.checked_row{ background: #c4fbc4; }

.complectation_items_block{ position: relative; }
.complectation_items_block .disabled_overlay{ position: absolute; width: 100%; height: 100%; background: #cccccc80; }


#top_menu_toggle_btn{ display: none; }

@media only screen and (max-width: 991.98px) {
  #top_menu_toggle_btn{ display: inline-block; margin: 10px; }
  #topMenu{ display: none; }
  #topMenu.active{ display: flex; flex-wrap: wrap; gap: 10px; position: absolute; top: 60px; width: 100%; left: 0; background: #fff; z-index: 10; justify-content: flex-start; padding: 0 20px; padding-bottom: 20px; }
  #topMenu .app-navbar-item{ margin-left: 0 !important; }
  #topMenu .app-navbar-item.with-subitems{ display: flex; gap: 20px 0; flex-wrap: wrap; padding-bottom: 10px; }
  #topMenu .app-navbar-item.with-subitems .btn{ padding: 10px; min-width: 100px; }
  #topMenu .app-navbar-item.d-lg-none { display: none; }
  #topMenu #kt_header_user_menu_toggle { width: 100%; display: flex; padding-top: 10px; }
  #topMenu #kt_header_user_menu_toggle .cursor-pointer.symbol{ display: none; }
  #topMenu #kt_header_user_menu_toggle .menu{ display: flex; box-shadow: none; padding: 0 !important; width: 100% !important; }
  #topMenu #kt_header_user_menu_toggle .menu .menu-item,
  #topMenu #kt_header_user_menu_toggle .menu .menu-content { padding: 0 !important; }
  #topMenu #kt_header_user_menu_toggle .menu .menu-link{ padding-left: 0px !important; padding-right: 0px !important; }
}