:root {
  --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
  --black : #000000;
  --grey : #3b3b3a;
  --dark-grey : #666666;
  --white : #ffffff;
  --red : #ff0000;
  --blue : #2D9CDB;
  --blue-hover: #1F6FB2;
  --main : #a9080b;
  --light-grey: #E0E0E0;
  --slate-grey: #4F4F4F;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Manrope", sans-serif;
	
}
a{text-decoration:none !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "Manrope", sans-serif;
    font-weight: 200;
    font-style: normal;
}

html {
	margin:0px !important;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img{display:block;}
.wp-editor-wrap{width:100%;}
h2{font-weight:200; font-size:1.7rem; margin-bottom:1rem;}
strong{font-weight:600;}
#wpadminbar{bottom:0px; top:unset !important;}


.login_form a{color:var(--main); margin-bottom:1rem;}
.project_row_input_values sup{color:var(--red);}
.project_row_input_values_textarea sup{color:var(--red);}
.project_save_button{width:120px !important; background:var(--cyan) !important; border-color:var(--cyan) !important; color:var(--white) !important;}
input::placeholder {
  color: #999;
}
select{color:#999;}


.scrolltop{cursor:pointer; position:fixed; bottom:calc(var(--gap) * 2 + 11px); right:var(--gap); background:var(--main); width:44px; height:44px; display:none; justify-content:center; align-items:center; flex-direction:column; color:var(--white); font-size:10px; z-index:99999; border-radius:5px;}
.scrolltop img{margin-top:-4px; width:28px;}
.scrolltop_show{display:flex !important;}
.monospace { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.codeblock {
  background: #0f172a;      /* slate-900 */
  color: #e2e8f0;           /* slate-200 */
  border: 1px solid #1f2937;/* gray-800 */
  border-radius: 8px;
  padding: 12px 14px;
  max-height: 360px;
  overflow: auto;
  line-height: 1.45;
  font-size: 12.5px;
  white-space: pre;         /* keep exact formatting */
}

input[readonly]{background:#f1f1f1 !important; border:none !important;}
.project_row_input_checkbox_cont{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.project_row_input_checkbox{display:flex; justify-content:flex-start; align-items:center; margin-bottom:1rem;}
.project_row_input_checkbox .rolo{width:22px !important;}
asterisk{font-weight:600; color:var(--red);}
.ck.ck-editor{margin-top:8px !important;}
input[type="checkbox"] {accent-color:var(--main); width:18px; height:18px; }

/* PAGINATION */ 
.paginationjs .paginationjs-pages li.active>a{background:#fff !important; color:#000 !important;}
.paginationjs .paginationjs-pages li.disabled>a{cursor:not-allowed; opacity:unset !important; background:var(--main) !important; color:#fff;}
.paginationjs .paginationjs-pages li>a{height:22px !important; line-height:22px !important;}
.paginationjs-next:not(.disabled) a{background:var(--main) !important; color:#fff !important;}
.paginationjs-prev:not(.disabled) a{background:var(--main) !important; color:#fff !important;}
.paginationjs-next {border:solid thin var(--main) !important;}
.paginationjs-prev {border:solid thin var(--main) !important;}
.paginationjs-next a{font-weight:200 !important;}
.paginationjs-prev a{font-weight:200 !important;}
.paginationjs-page a{font-size:10px !important;}
.paginationjs .paginationjs-pages li.active a{font-weight:bold; color:var(--main) !important;}
.paginationjs .paginationjs-pages li{ border:solid thin var(--main) !important;}
.paginationjs .paginationjs-pages li a{font-weight:400;}
.paginationjs{line-height:1.6;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-nav{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{height:30px;line-height:30px}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa;}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}
/* END OF PAGINATION */

.car_hide_non_mandatory{display:none !important;}
.admin_modal{z-index:99999 !important;}
.brands_scroll .brand_item{display:flex !important; justify-content:flex-start; align-items:center; flex-direction:row-reverse;}
.brands_scroll .brand_item input{width:55px !important;}
#btnMapGuids{display:none !important;}



.general_info{background:#777; width:max-content; height:33px; border-radius:5px;  padding:0px 11px; display:flex; justify-content:flex-end; align-items:center; gap:11px;}
.general_info_item{font-size:12px; cursor:pointer; background:#d9d9d9; color:#333; font-weight:500; min-width:16px; height:22px; border-radius:5px; padding:0px 6px; display:flex; justify-content:center; align-items:center;}

#install-pwa-btn{border:none;}
.pwa-not-installed{background:var(--main); color:#fff;}
.pwa-installed{background:#6cff6c; color:#333;}
.ios_install_hint {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); display: none; z-index: 9999; align-items: center; justify-content: center;}
.ios_install_hint_inner {background: #fff; color: #000; max-width: 90%; width: 320px;padding: 16px 20px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); font-size: 14px;}
.ios_install_hint_inner ol {padding-left: 18px; margin: 8px 0 16px;}

.wifi_item{color:#333; }
.wifi_item_active{background:#6cff6c !important;}
.wifi_item_inactive{background:var(--main) !important;}
.wifi_item_active svg path:first-child{stroke:#333 !important;}
.wifi_item_active svg path:last-child{stroke:#333 !important; fill:#333 !important;}
.wifi_item svg{width:16px;}

#enable-push-btn{ border:none;}
#enable-push-btn svg{width:16px;}
#enable-push-btn.notification_inactive{background:var(--main) !important;}
#enable-push-btn.notification_inactive svg path{stroke:#fff;}

#enable-push-btn.notification_active{background:#6cff6c !important;}
#enable-push-btn.notification_active svg path{stroke:#333 !important;}

.caps_item{}
.caps_item_active{background:#6cff6c !important; font-weight:500 !important; color:#333 !important;}
.caps_item_inactive{color:var(--main) !important;}


.logout_item svg{width:16px;}
.logout_item svg path{stroke: #333;}

.version_item span{margin-left:4px; font-weight:500;}
.user_added_block{margin-bottom:11px;}

.storage_search_wrap {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .storage_search_input {
    padding: 4px 8px;
    min-width: 220px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 13px;
  }

  .storage_search_clear {
    border: none;
    background: #eee;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
  }

  .storage_search_clear:hover {
    background: #ddd;
  }

.tree_item{font-weight:400;}
#tree ul[level="2"] > li > .tree_row > .tree_item {font-weight:bold;}
.entity_item_storage_file_request_field textarea{font-weight:bold;}
.ua_input[readonly]{
  opacity: .65;
  cursor: not-allowed;
  background: #f3f3f3;
}
.entity_options{width:max-content; min-width:150px; border-right: solid thin var(--grey); height:33px; justify-content:flex-end;}
@media screen and (min-width: 1280px) {
	:root{
		--gap:22px;
	}
	.inventory_line_buttons{width:100%; overflow-x:auto; overflow-y:hidden; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	/* GENERAl */
	  	.wrapper{padding-bottom:8rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; }
		.wrapper .container{min-height:calc(100vh - 250px); padding:var(--gap); margin-top:110px; flex-direction:column;}
		.container{width:100%;  display:flex; }
        header{background:var(--light-grey); width:100%; height:66px; box-shadow:var(--box-shadow); display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); position:fixed; top:0px; left:0px; z-index:99999;}
	  	header .container{justify-content: space-between; align-items:center;}
		.rest_header{width:50%; display:flex; justify-content:flex-end; align-items:center; gap:var(--gap);}
		.rest_header a{border-radius:5px; display:flex; justify-content:center; align-items:center; gap:8px; }
		.rest_header img{width:22px; }
		.rest_header .button_grey img{transition:all .6s; width:22px; filter:invert(1);}
		.rest_header .button_grey:hover{background:#fff;}
		.rest_header .button_grey:hover img{filter:invert(0) !important;}
		.rest_header .cart_icon{display:flex; justify-content:flex-start; align-items:center; gap:5px;}
		.rest_header .cart_icon .icon{width:22px; height:22px;}
		.rest_header .cart_icon svg{width:18px;}
		
		.cart_container{transition:all .6s; position:absolute; width:500px; padding:var(--gap); box-shadow:0px 0px 4px #000; top:99px; right:-500px; height:calc(100dvh - 99px - 44px); background:#fff; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:var(--gap);}
		.cart_buttons{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_title{color:var(--main); font-weight:bold; font-size:20px;}
		.cart_item{display:flex; justify-content:flex-start; align-items:stretch; margin-bottom:var(--gap); padding-bottom:var(--gap); border-bottom:solid thin var(--slate-grey);}
		.cart_item .cart_col1{width:calc(100% - 44px);}
		.cart_item .cart_col2{width:44px; display:flex; justify-content:center; align-items:flex-end;}
		.cart_item_title{font-size:14px; font-weight:bold; margin-bottom:var(--gap);}
		.cart_item_info{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_item_price_qnt{font-size:12px; color:var(--slate-grey);}
		.cart_item_delete{cursor:pointer;}
		.cart_item_delete svg{width:22px;}
		.cart_contents{display:flex; flex-direction:column; min-height:calc(100dvh - 99px - 44px - 130px);}
		.cart_total{width:100%; display:flex; justify-content:flex-end; align-items:center; gap:4px;}
		.cart_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.cart_sum{font-size:11px; font-weight:bold; padding:0px 11px 0px; display:flex; justify-content:center; align-items:center; background:var(--main); color:#fff; height:18px; border-radius:5px;}
		.cart_open{right:0px !important;}

		.user_button{background:#333; font-size:14px; padding:0px var(--gap); border-radius:5px; height:33px; color:#fff; }
		.logout_button{background:var(--main); border-radius:5px; width:33px; height:33px; color:#fff;}
		.logo{font-size:22px; display:flex; justify-content:center; align-items:center;}
		.logo img{width:100%; height:auto; max-width:100%; max-height:33px;}
		
		nav{background:#333; width:100%; height:33px; position:fixed; top:66px; left:0px; display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); z-index:99999;}
		nav .container{ justify-content:flex-start; align-items:center;}
		nav ul{list-style:none; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		nav ul li{cursor:pointer; list-style:none; font-size:14px; height:33px; color:#fff; position:relative; display:flex; justify-content:flex-start; align-items:Center;}
		nav ul li a{color:#fff; font-size:14px; height:33px; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
		nav .sub_menu{border-top:solid thin #fff; padding:0px var(--gap); background:#333; position:absolute; top:33px; left:0px; width:300px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:unset !important;}
		nav ul li:hover .sub_menu{display:flex !important;}
		
		.ribbon{width:100%; height:44px; border-radius:5px; font-weight:200; display:flex; justify-content:space-between; align-items:center; background:var(--main); color:#fff; padding:0px 22px; font-size:22px;}
		.ribbon_results{font-size:14px;}
		.ribbon_results span{font-weight:bold;}

		.button{border:none; line-height:33px; transition:all .6s; width: max-content; padding: 0px var(--gap);  color: #fff; border-radius: 5px; height: 30px; outline: none; cursor: pointer; font-size: 14px; font-weight: 200; display:flex; justify-content:center; align-items:center;}
		.button_red{background: var(--main);}
		.button_red:hover{background: var(--grey);}
		.button_blue{background:var(--blue);}
		.button_blue:hover{background:var(--blue-hover);}
		.button_grey{background: var(--grey);}
		.button_grey:hover{background:var(--light-grey); color:#000;}
		.button_light_grey{background: var(--light-grey); color:#000;}
		.button_light_grey:hover{background:#fff; color:#000;}
		.active_button{background:var(--light-grey); color:#000;}
		.active_button:before{content:"\2715"; margin-right:11px; font-size:10px; font-weight:bold;}
		
		.active_button_grey{background:var(--main); color:#fff;}
		.active_button_white{background:var(--main) !important; color:#fff !important;}
		.button_white{background: var(--white); color:#000;}
		.button_white:hover{background: var(--grey); color:#fff}

		.add_controller{margin-top:var(--gap);}
		.add_controller > .col3{margin-bottom:0px !important;}
		.add_container{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; border-radius:5px; background:var(--light-grey); overflow:hidden; height:0px; width:100%;}
    	.edit_container{margin-bottom:calc(var(--gap) * 4); margin-top:2rem; width:100%; background:var(--light-grey); width:100%; border-radius:5px; padding:1rem;}
		.add_container form{width:100%;}
		.add_container_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.add_container_open{height:auto; padding:var(--gap); margin-top:var(--gap);}
		.hide_add_button{display:none !important;}

		.filter_cont{width:max-content; background:var(--light-grey);  border-bottom:none; height:33px; display:none; justify-content:flex-start; align-items:center; }
		.filter_cont .entity_field{align-items: center !important;}
		.filter_cont input{height:22px !important; font-size:12px;}
		.filter_cont_open{display:flex !important; border:solid thin var(--grey);}
		.filter_cont select{height:22px;}
		.filter_cont .entity_field{padding:0px 5px; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range{width:100%; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range input{width:50% !important; min-width:unset !important;}
		.filter_cont .select2-container .select2-selection--single{height:22px !important;}
		.filter_cont .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px !important;}
		
		.toggle_button{cursor:pointer; transition:all .6s;position:relative; width:55px; display:flex; justify-content:center; align-items:center; height:25px; border-radius:100px; background:var(--dark-grey);}
		.toggle_button_inner{transition:all .6s; left:3px; width:20px; height:20px; border-radius:100px; background:#fff; position:absolute; top:50%; transform:translateY(-50%);}
		.toggle_active{background:var(--main) !important}
		.toggle_active .toggle_button_inner{left:calc(100% - 23px) !important;}
		

		h5{font-weight:bold; font-size:18px; margin-bottom:1rem;}
		input[type="text"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="text"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="text"]:focus::placeholder {
			color: #fff;
		}
		input[type="email"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="email"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="email"]:focus::placeholder {
			color: #fff;
		}
		input[type="number"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="number"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="number"]:focus::placeholder {
			color: #fff;
		}
		input[type="date"]::placeholder {
			color: #fff;
		}
		input[type="date"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="date"]:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		input[type="password"]{width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px; color:#fff;}
		input[type="password"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main);}
		input[type="password"]:focus::placeholder {
			color: #fff;
		}
		input[type="submit"]{width:auto; padding:0px 22px; box-shadow:var(--box-shadow); border:solid thin var(--main); background:var(--main); color:#fff; border-radius:5px; height:44px;  outline:none; cursor:pointer; font-size:1rem; font-weight:200; }
		input[type="submit"]:hover{transition:all .6s; border:solid thin var(--second); background:var(--second); color:var(--white);}
		textarea{width:100%; border:solid thin #c5c5c5; border-radius:5px; height:44px; padding:var(--gap); outline:none; min-height:200px;}
		textarea:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		select{width:max-content; font-weight:300; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px; outline:none;  font-size:14px;}
		select option {font-weight: 300; }
		.select2-container{border:solid thin #c5c5c5; border-radius:5px;}

		.warning_message{height:12px; margin-top:7px; font-size:.7rem; font-weight:200; font-style:italic; color:var(--main);}

		/****************************************/
		.col1{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col2{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col2 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 2) - var(--gap));}
		.col3{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col3 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 3) - var(--gap));}
		.col4{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col4 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 4) - var(--gap));}
		.col5{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col5 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 5) - var(--gap));}
		.col3 label{margin-bottom:8px;}
    	
		.request_field{display:flex; flex-direction:column;}
		.request_field_hidden{display:none !important;}
    	.request_field label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.request_field label sup{color:var(--main); font-size:12px; font-weight:500;}
    	.request_field .request_field_checkbox{border:solid thin var(--light-grey); background:var(--light-grey); border-radius:5px; display:flex; height:33px; justify-content:flex-start; align-items:center; gap:4px; width:max-content; padding:0px 11px; margin-top:21px;}
		.request_field_checkbox label{margin-bottom:0px !important;}
    	.request_field_search{justify-content:space-between !important; flex-direction:row !important; flex-wrap:wrap;}
		.request_field_search input{width:calc(100%) !important; min-width:unset !important;}
		.col3 .infos{margin-top:22px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 3) - 22px); margin-right:22px;}
    	.col1 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc(100%);}
    	
    	.search_button{display:none !important; margin-left:1rem; background:var(--grey); color:var(--black); font-size:1.2rem; border-radius:.3rem; width:66px !important; height:44px; display:flex; justify-content:center; align-items:center;}
    	
		.single_toolbox{margin-bottom:1rem; width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.toolbox_item{cursor:pointer; width:66px; height:66px; border-radius:.3rem; margin-right:1rem; margin-bottom:1rem; display:flex; justify-content:center; align-items:center; flex-direction:column; box-shadow:var(--box-shadow); background:var(--grey); }
    	.toolbox_item:hover{transition:all .9s; background:var(--dark-grey);}
    	.toolbox_item:hover img{filter:invert(1);}
    	.toolbox_item:hover .toolbox_item_title{color:var(--white);}
    	.toolbox_item img{width:auto; height:auto; max-width:33px; max-height:33px;}
    	.toolbox_item .toolbox_item_title{font-size:.7rem; margin-top:.5rem; font-weight:200; color:var(--black);}
    	.single_cont{width:100%;}
    	
    	.col3 div .request_field{width:100% !important; margin:0px !important;}
    	.col2 div{width:100%; margin:0px;}
    	.col2 div .request_field{width:100% !important; margin:0px !important;}
    	.subproject_open{display:flex !important;}
    	.project_tag_options_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.project_tag_option{background:var(--grey); box-shadow:var(--box-shadow); padding:0px 11px; height:33px; display:flex; justify-content:center; align-items:center; border-radius:100px; margin-right:1rem; margin-bottom:1rem; cursor:pointer;}
    	.project_tag_option_selected .project_tag_option_light{background:var(--cyan);}
    	.project_tag_option_light{width:8px; height:8px; background:var(--grey); border-radius:100px; margin-right:.5rem; box-shadow:inset var(--box-shadow); }
    	
		.response_message{display:none; justify-content:flex-start; align-items:center; border-radius:5px; width:100%; min-height:33px; margin-bottom:var(--gap); padding:0px 11px; line-height:22px; font-size:14px;}
		.response_message_open{display:flex !important;}
		.response_message_success{background:#7dff78;}
		.response_message_error{background:#ffc861;}

		.inventory_tab_wrap{width:100%;}
    /* END OF GENERAL */

	

	/* DASHBOARD */
		#canvas {
  position: relative;
  width: 100%;
  height: 800px;
  border: 1px dashed #ccc;
  background: #f8f8f8;
}

.widget {overflow:hidden; background: #f1f1f1; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.widget_title{ padding:0px 20px !important; background:var(--main) !important; height:44px !important; position:relative !important; font-weight:400; font-size:14px; color:#fff; box-shadow:unset !important; z-index:9 !important;}
.widget_cont{padding:11px;}
.widget_container{gap:1rem; display:grid; grid-template-columns: repeat(auto-fit,minmax(300px,500px));}
.widget.small { width: 300px; height: calc(300px * 9 / 16); }
.widget.medium { width: 500px; height: 400px;}
.widget.large { width: 800px; height: calc(800px * 9 / 16);}
.quota-summary ul{list-style:none;}
.quota-summary li{height:22px;}

	/* END OF DASHBOARD */

	/* ENTITY LIST */
		
		.entity_field[type="aa"]{width:66px; justify-content:center;}
		.entity_field{overflow:hidden; line-height:33px; font-size:12px; align-items:flex-start !important; word-break:break-all;}
		.entity_list{min-height:calc(100dvh - 305px); min-width:100%; width:100%; overflow-x:auto; margin-top:var(--gap); margin-bottom:calc(var(--gap) * 4);}
		.entity_header{background:var(--grey); width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey);}
		.entity_header > div{color:#fff; font-size:14px;}
		.entity_line{font-size:12px; height:33px; width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey); border-bottom:none;}
		.entity_line:hover{background:var(--light-grey); }
		.entity_line:last-child{border-bottom:solid thin var(--grey);}
		.entity_aa{font-size:12px; height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_large{padding:0px 1rem; width:calc(30 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_medium{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_small{padding:0px 1rem; width:calc(7 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_last{flex: 1; border:none !important; width:400px !important;}
		.entity_line .entity_last{justify-content:flex-end !important; align-items:center !important;}
		.entity_options{display:flex; justify-content:center; align-items:Center !important; gap:11px;}
		.entity_option{min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option a{color:#000; min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option img{width:20px; height:20px; object-fit:cover;}
		.entity_option_delete{cursor:pointer; }
		.entity_option_to_cart{cursor:pointer;}
		
		.entity_selectbox{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:6px;}
		.entity_selectbox .button{width:100px; height:22px !important; font-size:12px; padding:0px 8px !important;}
		.entity_selectbox select{width:200px; height:22px !important;}
		.hidden_col{display:none !important;}
		.entity_checkbox{width:22px; height:33px; display:flex; justify-content:center; align-items:center !important; border-right:solid thin var(--grey);}
		.entity_list_result{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.columns_set_cont{min-width:400px; background:var(--light-grey); padding:var(--gap) calc(var(--gap) / 2); border-radius:5px; position:fixed; bottom:var(--gap); right:var(--gap); display:none; justify-content:flex-start; align-items:flex-start; gap:var(--gap); flex-direction:column; }
		.columns_set_cont_open{display:flex !important;}
		.column_set_header{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.column_set_close{font-size:12px; cursor:pointer; display:flex; justify-content:flex-end; align-items:center; gap:5px;}
		.column_set_title{font-weight:bold; font-size:14px;}
		.columns_set{max-height:400px; padding:calc(var(--gap) / 2); overflow-y:auto; background:#fff; border-radius:5px; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:calc(var(--gap) / 2); flex-direction:column;}
		.columns_set_item{display:flex; justify-content:space-between; align-items:center; width:100%;}
		.columns_set_item_name{display:flex; justify-content:flex-start; align-items:center;}
		.columns_set_item_size{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.columns_set_item_option{cursor:pointer; font-size:14px; font-weight:400; color:var(--light-grey);}
		.columns_set_item_option_selected{font-weight:600 !important; color:var(--main) !important}
		.entity_list_result_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.entity_line .entity_field[type="inventory_cargr_validation"]{justify-content:center !important; align-items:center !important;}
		.entity_field[type="inventory_cargr_validation"] svg{width:22px;}
		.entity_field[type="inventory_cargr_validation"] svg.valid{fill:green;}
		.entity_field[type="inventory_cargr_validation"] svg.invalid{fill:orange;}
		.pistosi_history .entity_list{min-height:unset !important; margin-bottom:0px !important;}
	/* END OF ENTITY LIST */

	/* ORDERS */
		.sum_of_order{border-radius:5px; padding:var(--gap) var(--gap); gap:11px; background:var(--main); min-height:44px; width:100%; display:none; justify-content:center; align-items:flex-end; flex-direction:column;}
		.pistosi_applied_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.calculated_order_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.final_payable_sum{font-size:20px !important;}
		.sum_of_order_open{display:flex;}
		.sum_of_order div{color:#fff; font-size:14px;}
	/* END OF ORDERS */

	/* SINGLE */
		.single_addition_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:var(--gap); gap:var(--gap);}
		.single_accordion_options{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-top:calc(var(--gap) * 2);}
		.single_accordion_option{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-bottom:var(--gap);}
		.single_accordion_option_header{width:100%; padding:0px var(--gap); height:44px; display:flex; justify-content:space-between; align-items:center; background:var(--light-grey); border-radius:5px; }
		.single_accordion_record_name{font-weight:bold;}
		.single_accordion_controls{display:flex; justify-content:flex-end; align-items:center; gap:calc(var(--gap) / 2);}
		.single_accordion_option_cont{width:100%; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; border:solid thin var(--light-grey); border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; padding:var(--gap);}

		.single_accordion_option_open .single_accordion_option_cont{display:flex !important;}
		.single_accordion_option_open .single_accordion_option_header{border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

		.kartela_cont{margin-top:calc(var(--gap) * 2);}
		.kartela_header{border-top-left-radius:5px; border-top-right-radius:5px; background: var(--grey); width: max-content; display: flex; justify-content: flex-start; align-items: center; border: solid thin var(--grey);}
		.kartela_header *{color:#fff; font-size:14px;}
		.kartela_line{width:100%; border-left:solid thin var(--grey); display:flex; justify-content:flex-start; align-items:center;}
		.kartela_line *{font-size:14px; border-right:solid thin var(--grey);}
		
		.kartela_products *{height:33px; padding:0px 1rem; display:flex; justify-content:flex-start; align-items:center;}
		.kartela_products .product_blank_space{width:calc(15 * var(--gap)); border-right:solid thin var(--grey);}
		.kartela_products .product_title{overflow:auto; font-size:14px; width:660px; border-right:solid thin var(--grey);}
		
		.kartela_products .product_qnt{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_price{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_discount{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_total{font-size:14px; width:164px;}
		.kartela_products_header{padding:0px !important; border:solid thin var(--grey);  border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center; background:var(--light-grey);}
		.kartela_product_line{padding:0px !important; border:solid thin var(--grey); border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center;}
		.kartela_line_col{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-bottom:solid thin var(--grey);}
		.kartela_line_sum{display:flex; justify-content:flex-end;}
		.kartela_line_balance{display:flex; justify-content:flex-end;}

		.kartela_product_line .product_title_inner{width:max-content; padding:0px !important;}
		.kartela_product_line .product_price{display:flex; justify-content:flex-end;}
		.kartela_product_line .product_total{display:flex; justify-content:flex-end;}
	/* END OF SINGLE */

	/* INVENTORY */
		.inventory_line_add{background:#fff; border-radius:5px; padding:var(--gap); width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem; flex-wrap:Wrap; margin-bottom:var(--gap);}
		.inventory_line_add_icon{cursor:pointer; background:var(--main); color:#fff; display:flex; justify-content:center; align-items:center; border-radius:100px; width:33px; height:33px; }
		.inventory_line_add_icon img{width:16px;}
		.inventory_main_data .request_field{}
		.real_file_input{display:none;}
		.inventory_main_data{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
		.inventory_options_data{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;}
		.inventory_options_data .request_field{width:100%;}

		.photo_preview_area {width:100%; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px;}
		.extra_fields_wrapper{width:100%; margin-bottom:var(--gap);}
		.extra_field_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.compatible_vehicles_wrapper{width:100%; margin-bottom:var(--gap);}
		.compatible_vehicle_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.entity_field[type="photos"] .button{height:22px !important; font-size:12px !important; padding:0px 8px !important;}
		.entity_field[type="photos"]{align-items:center !important;}

		.photo_thumb{position: relative; display: inline-block; margin: 5px;}
		.photo_thumb img{max-height: 100px; max-width: 100px; border: 1px solid #ccc;}
		.photo_thumb_delete{position: absolute; top: -8px; right: -8px; background: red; color: white; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
		.cargr_invalid_wrapper{cursor:pointer; display:flex; justify-content:center; align-items:center;}
	/* END OF INVENTORY */

	/* GALLERY */
		.gallery_cont{display:none; gap:var(--gap); justify-content:center; align-items:center; flex-direction:column; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:999999; backdrop-filter: blur(2px);}
		.gallery_cont_open{display:flex !important;}
		.gallery_main{overflow:hidden; position:relative; width:90%; max-width:1920px; height:calc(100vh - var(--gap) - 150px); display:flex; justify-content:center; align-items:center;}
		.gallery_main img{width:100%; height:100%; object-fit:contain;}
		.gallery_thumbs{padding:0px var(--gap); width:100%; overflow-x:auto; height:100px;}
		.gallery_thumbs_inner{width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.gallery_thumbs_item{border:solid 2px transparent; cursor:pointer; height:88px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;}
		.gallery_thumbs_item img{width:100%; height:100%; object-fit:cover;}
		.gallery_main_img_back{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover !important; z-index:-1; filter:blur(10px); width:105% !important; height:105% !important;}
		.current_thumb{border:solid 2px var(--main) !important;}
		.gallery_close{position:fixed; top:var(--gap); right:var(--gap);}
	/* END OF GALLERY */

	/* CONTACTS */
		.inner_title{color:var(--main); font-weight:600; font-size:22px; margin-bottom:var(--gap);}
		.white_container{display:flex; width:100%; margin-bottom:var(--gap); background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.grey_container{margin-bottom:var(--gap); background:var(--light-grey); padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container{display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container_open{display:flex !important; margin-bottom:var(--gap);}
		.contact_container{width:100%; display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.contact_container.single_accordion_option{padding:0px !important;}
		.contact_container_open{display:flex !important; margin-bottom:var(--gap);}
		.car_container{padding:2rem; gap:1rem; width:100%; display:none; border-radius:5px; border:solid thin #e9e9e9; background:#e9e9e9; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.car_container_open{display:flex !important;}
		.client_id_contact{width:calc((100% / 3) - 11px); display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_id_contact_open{display:flex !important;}
		.client_id_contact label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.client_id_contact label sup{color:var(--main); font-size:10px;}
		.company_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.company_container_open{display:flex !important; margin-bottom:var(--gap);}
		.idiotis_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.idiotis_container_open{display:flex !important; margin-bottom:var(--gap);}
	/* END OF CONTACTS */

	/* SERVICE */
		.service_vehicle_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_vehicle_section_open{display:flex !important;}
		.service_contact_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_contact_section_open{display:flex !important;}
		.service_client_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_client_section_open{display:flex !important;}

		.service_tabs{margin-bottom:1rem;width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.service_section{display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.service_active_section{display:flex !important;}
	/* END OF SERVICE */

	/* TABS */
		.tabs{margin:1rem 0px;width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.tab_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.tab_active_section{display:flex !important;}
		.tab_active{background: var(--main) !important; color: #fff !important;}
	/* END OF TABS */

	/* PROFILE */
		.profile_cont{margin-top:1rem;}

	/* END OF PROFILE */

	/* FOOTER */
		footer{width:100%; position:fixed; z-index:9999; bottom:0px; left:0px; display:flex; justify-content:space-between; align-items:center; height:44px; background:var(--grey);}
		footer .container{ padding:0px var(--gap); justify-content:space-between;}
		
		
		
		
		
		#pagination-container{width:100%; display:flex; justify-content:center; align-items:center;}

		.occasional_buttons{display:flex; justify-content:flex-start; align-items:center;}
		.occasional_buttons .button_red:hover{background: var(--light-grey);}
		.occasional_buttons .add_container_buttons{margin-top:0px !important;}
	/* END OF FOOTER */
	
	/* TOOLTIP */
		.tooltip_footer {position: fixed; bottom: 66px; left: -100%; width: max-content; background: #fff; border-top: 4px solid #c00; box-shadow: 0 -2px 10px rgba(0,0,0,0.4); z-index: 9999; transition: left 0.3s ease; font-size: 14px; padding: 12px 16px;}
		.tooltip_footer.tooltip_footer_open {left: 22px;}
		.tooltip_footer_inner{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.tooltip_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.tooltip_footer_content {white-space: pre-wrap; color: #000;}
		.tooltip_line:before{content:"•"; margin-right:4px;}


	/* END OF TOOLTIP */

	/* MODAL */
		#deleteConfirmModal{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99999; backdrop-filter: blur(2px);}
		.modal_container{background: white; padding: var(--gap); border-radius: 5px; width: 600px; margin: 100px auto; text-align: center; min-height:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
		.modal_container p{font-size:16px; line-height:22px;}
		.modal_buttons{margin-top:var(--gap); width:100%; display:flex; justify-content:center; align-items:center; gap:var(--gap);}
	/* END OF MODAL */
	

	.select2-results__option {white-space: normal !important; word-wrap: break-word;}
	.select2-container .select2-selection--single {white-space: normal !important;}
	.select2{width:100% !important;}
	.select2-dropdown{border:solid thin #fff !important;}
	.select2-container .select2-selection--single{border:solid thin #fff !important; height:33px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px !important;}
	select{width:100% !important;}
	
	.order_orange div{background:orange; font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_blue div{background:rgb(72, 201, 252); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_green div{background:rgb(72, 252, 117); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	
	.quick_info{margin-bottom:2rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start;}
	.quick_info_item{width:calc(100% / 3); border:solid thin #e9e9e9; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
	.quich_info_item_title{width:100%; height:44px; color:#fff; background:var(--main); font-size:16px; display:flex; justify-content:center; align-items:center;}
	.quich_info_item_value{width:100%; height:110px; color:#999; font-size:38px; font-weight:200; display:flex; justify-content:center; align-items:center;}
	
	.trash_record{width:44px; color:#000;  display:flex; justify-content:center; align-items:center;cursor:pointer;}
	.trash_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}
	.trash_record ion-icon{font-size:22px;}
	.view_record{width:44px; color:#000; display:flex; justify-content:center; align-items:center; cursor:pointer;}
	.view_record ion-icon{font-size:22px;}
	.view_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}

	.add_button_fixed{ color:#fff; font-weight:900; width:max-content; padding:0px 1rem; height:44px; border-radius:100px; cursor:pointer; background:var(--main); box-shadow:var(--box-shadow); display:flex; justify-content:center; align-items:center; font-size:.8rem;}
	.add_button_fixed ion-icon{font-size:22px; margin-right:4px; color:#fff !important; stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed .ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed:hover{background:var(--dark-grey); color:#fff; transition:all .9s;}
	.add_button_fixed_selected{background:var(--dark-grey); color:#fff; transition:all .9s;}

	

	

	.add_inventory_cont{padding:1rem;  width:100%; overflow-x:auto; }
	.add_inventory_cont form{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
	.add_inventory_cont form .col1 .request_field{}
	.add_inventory_cont .col1{margin-bottom:0px !important; flex-wrap:unset !important; gap:1rem;}
	
	.icon_grey{background:var(--grey) !important;}
	.icon_blue{background:var(--blue) !important;}


	.login_wrapper{background:#fff;}
	.login_form{width:50%; padding:4rem; height:100vh; background:var(--grey); display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .login_form form{width:100%; max-width:600px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .login_container{width:100%; height:100vh; display:flex; justify-content:center; align-items:center; gap:1rem;}
    .login_link{font-size:12px; text-decoration:underline !important;}
	.login_logo{width:50%; padding:4rem; aspect-ratio:1; display:flex; justify-content:center; align-items:center;}
	.login_logo img{width:auto; height:auto; max-width:600px; max-height:100%;}
	.filters .col3{width:100%; display:grid; grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);}
    .number-input-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
		height:88px;
		position: relative;
		margin-bottom: 10px;
	  }
	  .mm-input {
		transition: color 0.1s ease, transform 0.1s ease;
	  }
	  .label-overlay {
		position: absolute;
		top: 68%;
		right: 30px;
		transform: translateY(-50%);
		font-size: 14px;
		color: #aaa;
		pointer-events: none; /* Prevents it from interfering with input */
	  }
	  
	  .mm-input:focus {
		transform: scale(1.1);
		color: #007BFF;
	  }
	  .mm-input {
		flex: 1;
		padding-right: 55px;
		font-size: 66px;
		text-align: right;
		height:88px;
	  }
	  
	  .scroll-gear {
		width: 22px;
		height: 88px;
		background: linear-gradient(135deg, #ddd, #bbb);
		border: 1px solid #aaa;
		
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: absolute;
		right: -5px;
	  }
	  
	  .scroll-gear::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 2px solid #777;
		border-radius: 50%;
		box-shadow: 0 0 0 3px #fff inset;
	  }

	.project_row_hidden{height:66px; overflow:hidden;}
    .project_row_hidden .project_row_col1{width:55px !important; height:55px !important;}
    .project_row_hidden .project_row_col2{width:calc(100% - 55px - 88px) !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values{display:none !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values_textarea{display:none !important;}
    .project_row_hidden .project_row_title{display:flex !important; justify-content:flex-start; align-items:center; padding-left:1rem; height:44px;}
    .project_row_title{display:none;}
    
    .explanation_labels{font-weight:400; background:var(--dark-grey); width:100%; height:33px; display: flex; justify-content: flex-start; align-items: center; padding: 0px 11px; color:var(--white);}
    .project_elements_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; overflow-x:scroll;}
    .project_elements_inner_cont{width:auto; display:inline-flex; justify-content:flex-start; align-items:center;}
    .project_element{width:200px; height:200px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
    .project_element img{width:auto; height:auto; max-width:90%; max-height:90%;}
    
    .project_row{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; padding:1rem;  background:var(--grey)}
    .project_row_col1{width:170px; height:170px;}
    .project_row_col1 img{width:auto; height:auto; max-width:90%; max-height:90%;}
    .project_row_col2{width:calc(100% - 170px - 88px - 44px); display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0px 22px;}
    .project_row_input_values{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:285px; margin-bottom:1rem; margin-right:1rem;}
    .project_row_input_values span{width:100%; display:inline-block;}
    .project_row_input_values .width{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .height{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .qnt{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    
    
    .project_row_input_values_textarea{width:100%; margin-bottom:1rem;}
    .project_row_input_values_textarea textarea{height:66px; min-height:66px !important; padding:11px !important;}
    .project_row_col3{width:88px; height:33px; display:flex; justify-content:space-between; align-items:center;}
    .cb_button{position:fixed; bottom:66px; right:22px; display:flex; justify-content:center; align-items:center; width:44px; height:44px; box-shadow:var(--box-shadow); border:solid thin var(--grey); background:var(--grey); border-radius:100px; transition:all .6s; outline:none; cursor:pointer; font-size:1rem; font-weight:200; z-index:99;}
    .cb_button ion-icon{font-size:22px;}
    .cb_button:hover{border:solid thin var(--dark-grey); background:var(--dark-grey); color:var(--white);}
    
    
    
    /*
	select:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
    */
    .inner_modal{color:#fff; width:100%; box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; margin-bottom:22px;}
    .modal{width:calc(100% - 10%); box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; position: fixed; top: 22px; left: 5%; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; font-size:.8rem;}
    .modal_options{margin-top:1rem; width:100%; display:flex; justify-content:space-between; align-items:center;}
    .modal_button{width:calc(50% - 1rem) !important;}
    .modal_button_yes{background:var(--cyan); color:var(--white); border:solid thin var(--cyan);}
    .modal_button_yes:hover{background:#2372a5;}
    .modal_button_no{background:var(--red); color:var(--white); border:solid thin var(--red);}
    .modal_button_no:hover{background:#9d0a0e;}
    .modal_error{border-left: solid 5px red;}
    .delete_modal{width:400px; padding:22px; background:var(--white); text-align:center; box-shadow:var(--box-shadow); min-height:100px; border-radius:10px; position:fixed; top:22px; left:50%; transform:translateX(-50%); z-index:9999;}
    .delete_modal span{color:var(--cyan);}
    
    
    /* CLIENTS */
        
    /* END OF CLIENTS */
    
    /* REGISTER */
        .register_birthday{width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;}
        .register_birthday select{width:calc((100% / 3) - 1rem);}
    /* END OF REGISTER */
    
    
    /* STORAGE */
		#btnCreateEmptyFile{display:flex; justify-content:center; align-items:center; gap:6px;}
	  	#btnCreateEmptyFile svg{width:20px;}
		.sht_header{background:var(--main); color:#fff; display: grid; grid-template-columns: 130px 90px 90px 1fr; font-weight: bold; border-bottom: 1px solid #ddd; padding: 4px 8px;}
	  	.sales_history_table{display: flex; flex-direction: column; gap: 2px;}
	  	.sht_row{display: grid;  padding:4px 8px; grid-template-columns: 130px 90px 90px 1fr; border-bottom: 1px solid #f0f0f0; font-size: 14px;}
		
		.sht_qty{text-align:center;}
	  	.sales_history_backdrop{position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter:blur(2px); z-index: 99999; display: flex; align-items: center; justify-content: center;}
		.sales_history_box{background: #fff; border-radius: 8px; padding: 16px; max-width: 800px; width: 100%; max-height: 80vh; box-shadow: 0 8px 24px rgba(0,0,0,0.25); display: flex; flex-direction: column; gap: 8px; font-size: 14px;}
	  	.sales_history_header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
		.sales_history_title{}
		.sales_history_item{padding: 6px 0; border-bottom: 1px solid #eee; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	  	.sales_history_list{overflow-y: auto; padding-right: 4px;}
		.sales_history_close{border: none; background: transparent; font-size: 18px; cursor: pointer; line-height: 1;}
		.storage_sold_badge{position: absolute; z-index: 99; font-weight: 900; color: var(--main); border: solid 5px var(--main); padding: 22px; width: max-content; text-align: center; font-size: 25px; border-radius: 5px; transform: translateX(-50%) rotate(45deg); top: 22%; left: 50%;}
	  	.file-info{display:flex; gap:14px; flex-wrap:wrap; background:#fcfdff; border:1px solid #eaeef8; border-radius:8px; padding:8px; margin:6px 0 6px 0; font-size:12px;}
		.file-info strong{ font-weight:600; }
		.tree_row .actions_btn{position:absolute;  top:50%; transform:translateY(-50%); right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }

		.actions_btn{position:absolute; z-index:9999; top:6px; right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }
		.actions_btn:hover{ background:#f6f8ff; }
		.actions_menu{position:fixed; z-index:10002; min-width:200px; max-width:280px; background:#fff; border:1px solid #e5e5e5; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.15); overflow:hidden;}
		.actions_menu .am-item{padding:10px 12px; font-size:14px; cursor:pointer; display:flex; gap:8px; align-items:center;		}
		.actions_menu .am-item:hover{ background:#f5f7ff; }
		.entity_item_storage{ position:relative; }
		.tree_row{ position:relative; }
		.lp-highlight{ outline:2px solid #cfe3ff; outline-offset:2px; }

        .storage_container{margin-top:130px; display:grid; grid-template-columns:350px 1fr; gap:12px; width:100%}
		.storage_container .entity_header{display:none !important;}
        .storage_tree{border:1px solid #e7e7e7; border-radius:8px; padding:10px;}
        .storage_currentPath{display:none;}
        label[for="fileInput"] svg{width:18px; margin-right:6px;}
        #btnUp svg{width:18px; margin-right:6px;}
        .desc_saved_msg{font-size:12px; color:var(--main);}
        .tree_buttons{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:22px;}
        #dropzone{border:2px dashed #c8c8c8; border-radius:8px; padding:16px; text-align:center; margin-bottom:10px;}
        .storage_explorer{border:1px solid #e7e7e7; border-radius:8px; padding:10px;}
        .storage_breadcrumbs{display:flex; justify-content:flex-start; align-items:center; margin-bottom:11px; font-size:12px; background:#d9d9d9; height:22px; border-radius:5px;}
        .storage_breadcrumb_item{font-size:12px; cursor:pointer; padding:0px 8px;}
        .storage_add_container_buttons{margin-bottom:11px !important;}
        .storage_entity_list_result{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:10px;}
        #tree{}
        .tree_item{cursor:pointer; font-size:14px; height:22px; display:flex; justify-content:flex-start; align-items:center;}
        .tree_item_active{color:var(--main); font-weight:bold;}
        
		.entity_item_storage_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
        .entity_item_storage{border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_icon{cursor:pointer; aspect-ratio:1.77;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:32px;}
        .entity_item_storage_icon svg{width:55px;}
        .entity_item_storage_icon svg path{fill:var(--main);}
        .entity_item_storage_buttons{display:flex;gap:6px;flex-wrap:wrap;}
        .entity_item_storage_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file{position:relative; border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_file_thumb{position:relative; display:block;aspect-ratio:1.4;background:#fafafa;border:1px dashed #ddd;border-radius:6px;margin-bottom:6px;overflow:hidden;}
        .entity_item_storage_file_thumb img{width:100%;height:100%;object-fit:cover;}
        .entity_item_storage_file_name{display:none; font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file_request_field{margin-bottom:6px;}
        .entity_item_storage_file_request_field textarea{padding:8px 11px !important; width:100%;min-height:70px; font-size:14px;}
        .entity_item_storage_file_buttons{display:flex;gap:6px;flex-wrap:wrap;}
		.entity_item_storage_inventory{min-height:22px;}
		.suggested_price{font-size:14px;}
		.suggested_price span{font-weight:bold; color:var(--main);}
		.thumb_download_btn{position:absolute; right:6px; bottom:6px; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; font-size:12px; line-height:1; background:#111; color:#fff; border-radius:6px; text-decoration:none; opacity:.9;}
		.storage_position{z-index:10; position:absolute; cursor:default; top:6px; left:6px; background:var(--main); color:#fff; border-radius:5px; padding:0px 6px; height:22px; display:flex; justify-content:center; align-items:center;}
        /* Tree */
		#tree ul.tree_root{padding-left:0px !important;}
        #tree ul{ list-style:none; padding-left: 16px; margin: 0; }
        #tree .tree_row{ display:flex; align-items:center; gap:6px; padding:4px 6px; border-radius:6px; cursor:pointer; }
        #tree .tree_row:hover{ background:#f1f4f8; color:#000;}
        #tree .tree_item{ flex:1 1 auto; }
        #tree .tree_item_active{ background:var(--main); color:#fff; font-weight:600; }
        #tree .twisty{ width:14px; text-align:center; user-select:none; font-family: system-ui, sans-serif; opacity:.9; }
        #tree .twisty.empty{ opacity:.25; }
    
        /* Context menu */
        #storage_ctxmenu {
          position: fixed; z-index: 10000; display: none;
          min-width: 200px; background: #fff; color: #111;
          border: 1px solid #dcdcdc; border-radius: 8px;
          box-shadow: 0 8px 24px rgba(0,0,0,.15);
        }
        #storage_ctxmenu .ctx-item { padding: 10px 12px; cursor: pointer; user-select: none; }
        #storage_ctxmenu .ctx-item:hover { background: #f1f4f8; }
    
        /* Preview modal */
        #storage_preview_backdrop { position: fixed; inset: 0; z-index: 99999; display: none; background: rgba(0,0,0,.65); }
        #storage_preview {
          position: fixed; z-index: 999999; display: none;
          max-width: 92vw; max-height: 92vh;
          top: 50%; left: 50%; transform: translate(-50%, -50%);
          background: #0b0d12; border: 1px solid #242b38; border-radius: 10px; padding: 10px;
        }
        #storage_preview img { max-width: 90vw; max-height: 85vh; display: block; }
        #storage_preview .preview_title { color: #dfe7f1; font-size: 13px; margin-bottom: 8px; opacity: .75; }
        #storage_preview .preview_close {
          position: absolute; top: 4px; right: 10px;
          background: transparent; color: #fff; border: none; border-radius: 6px; cursor:pointer;
          cursor: pointer; width:28px; height:28px; display:flex; justify-content:center; align-items:center;
        }
    /* END OF STORAGE */
	
	
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
	:root{
		--gap:22px;
	}
	.inventory_line_buttons{width:100%; overflow-x:auto; overflow-y:hidden; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	/* GENERAl */
	  	.wrapper{padding-bottom:8rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; }
		.wrapper .container{min-height:100vh; padding:var(--gap); margin-top:110px; flex-direction:column;}
		.container{width:100%;  display:flex; }
        header{background:var(--light-grey); width:100%; height:66px; box-shadow:var(--box-shadow); display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); position:fixed; top:0px; left:0px; z-index:99999;}
	  	header .container{justify-content: space-between; align-items:center;}
		.rest_header{width:50%; display:flex; justify-content:flex-end; align-items:center; gap:var(--gap);}
		.rest_header a{border-radius:5px; display:flex; justify-content:center; align-items:center; gap:8px; }
		.rest_header img{width:22px; }
		.rest_header .button_grey img{transition:all .6s; width:22px; filter:invert(1);}
		.rest_header .button_grey:hover{background:#fff;}
		.rest_header .button_grey:hover img{filter:invert(0) !important;}
		.rest_header .cart_icon{display:flex; justify-content:flex-start; align-items:center; gap:5px;}
		.rest_header .cart_icon .icon{width:22px; height:22px;}
		.rest_header .cart_icon svg{width:18px;}
		
		.cart_container{transition:all .6s; position:absolute; width:500px; padding:var(--gap); box-shadow:0px 0px 4px #000; top:99px; right:-500px; height:calc(100dvh - 99px - 44px); background:#fff; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:var(--gap);}
		.cart_buttons{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_title{color:var(--main); font-weight:bold; font-size:20px;}
		.cart_item{display:flex; justify-content:flex-start; align-items:stretch; margin-bottom:var(--gap); padding-bottom:var(--gap); border-bottom:solid thin var(--slate-grey);}
		.cart_item .cart_col1{width:calc(100% - 44px);}
		.cart_item .cart_col2{width:44px; display:flex; justify-content:center; align-items:flex-end;}
		.cart_item_title{font-size:14px; font-weight:bold; margin-bottom:var(--gap);}
		.cart_item_info{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_item_price_qnt{font-size:12px; color:var(--slate-grey);}
		.cart_item_delete{cursor:pointer;}
		.cart_item_delete svg{width:22px;}
		.cart_contents{display:flex; flex-direction:column; min-height:calc(100dvh - 99px - 44px - 130px);}
		.cart_total{width:100%; display:flex; justify-content:flex-end; align-items:center; gap:4px;}
		.cart_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.cart_sum{font-size:11px; font-weight:bold; padding:0px 11px 0px; display:flex; justify-content:center; align-items:center; background:var(--main); color:#fff; height:18px; border-radius:5px;}
		.cart_open{right:0px !important;}

		.user_button{background:#333; font-size:14px; padding:0px var(--gap); border-radius:5px; height:33px; color:#fff; }
		.logout_button{background:var(--main); border-radius:5px; width:33px; height:33px; color:#fff;}
		.logo{font-size:22px; display:flex; justify-content:center; align-items:center;}
		.logo img{width:100%; height:auto; max-width:100%; max-height:33px;}
		
		nav{background:#333; width:100%; height:33px; position:fixed; top:66px; left:0px; display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); z-index:99999;}
		nav .container{ justify-content:flex-start; align-items:center;}
		nav ul{list-style:none; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		nav ul li{cursor:pointer; list-style:none; font-size:14px; height:33px; color:#fff; position:relative; display:flex; justify-content:flex-start; align-items:Center;}
		nav ul li a{color:#fff; font-size:14px; height:33px; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
		nav .sub_menu{border-top:solid thin #fff; padding:0px var(--gap); background:#333; position:absolute; top:33px; left:0px; width:300px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:unset !important;}
		nav ul li:hover .sub_menu{display:flex !important;}
		
		.ribbon{width:100%; height:44px; border-radius:5px; font-weight:200; display:flex; justify-content:space-between; align-items:center; background:var(--main); color:#fff; padding:0px 22px; font-size:22px;}
		.ribbon_results{font-size:14px;}
		.ribbon_results span{font-weight:bold;}

		.button{border:none; line-height:33px; transition:all .6s; width: max-content; padding: 0px var(--gap);  color: #fff; border-radius: 5px; height: 30px; outline: none; cursor: pointer; font-size: 14px; font-weight: 200; display:flex; justify-content:center; align-items:center;}
		.button_red{background: var(--main);}
		.button_red:hover{background: var(--grey);}
		.button_blue{background:var(--blue);}
		.button_blue:hover{background:var(--blue-hover);}
		.button_grey{background: var(--grey);}
		.button_grey:hover{background:var(--light-grey); color:#000;}
		.button_light_grey{background: var(--light-grey); color:#000;}
		.button_light_grey:hover{background:#fff; color:#000;}
		.active_button{background:var(--light-grey); color:#000;}
		.active_button:before{content:"\2715"; margin-right:11px; font-size:10px; font-weight:bold;}
		
		.active_button_grey{background:var(--main); color:#fff;}
		.active_button_white{background:var(--main) !important; color:#fff !important;}
		.button_white{background: var(--white); color:#000;}
		.button_white:hover{background: var(--grey); color:#fff}

		.add_controller{margin-top:var(--gap);}
		.add_controller > .col3{margin-bottom:0px !important;}
		.add_container{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; border-radius:5px; background:var(--light-grey); overflow:hidden; height:0px; width:100%;}
    	.edit_container{margin-bottom:calc(var(--gap) * 4); margin-top:2rem; width:100%; background:var(--light-grey); width:100%; border-radius:5px; padding:1rem;}
		.add_container form{width:100%;}
		.add_container_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.add_container_open{height:auto; padding:var(--gap); margin-top:var(--gap);}
		.hide_add_button{display:none !important;}

		.filter_cont{width:max-content; background:var(--light-grey);  border-bottom:none; height:33px; display:none; justify-content:flex-start; align-items:center; }
		.filter_cont .entity_field{align-items: center !important;}
		.filter_cont input{height:22px !important; font-size:12px;}
		.filter_cont_open{display:flex !important; border:solid thin var(--grey);}
		.filter_cont select{height:22px;}
		.filter_cont .entity_field{padding:0px 5px; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range{width:100%; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range input{width:50% !important; min-width:unset !important;}
		.filter_cont .select2-container .select2-selection--single{height:22px !important;}
		.filter_cont .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px !important;}
		
		.toggle_button{cursor:pointer; transition:all .6s;position:relative; width:55px; display:flex; justify-content:center; align-items:center; height:25px; border-radius:100px; background:var(--dark-grey);}
		.toggle_button_inner{transition:all .6s; left:3px; width:20px; height:20px; border-radius:100px; background:#fff; position:absolute; top:50%; transform:translateY(-50%);}
		.toggle_active{background:var(--main) !important}
		.toggle_active .toggle_button_inner{left:calc(100% - 23px) !important;}
		

		h5{font-weight:bold; font-size:18px; margin-bottom:1rem;}
		input[type="text"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="text"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="text"]:focus::placeholder {
			color: #fff;
		}
		input[type="email"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="email"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="email"]:focus::placeholder {
			color: #fff;
		}
		input[type="number"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="number"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="number"]:focus::placeholder {
			color: #fff;
		}
		input[type="date"]::placeholder {
			color: #fff;
		}
		input[type="date"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="date"]:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		input[type="password"]{width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px; color:#fff;}
		input[type="password"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main);}
		input[type="password"]:focus::placeholder {
			color: #fff;
		}
		input[type="submit"]{width:auto; padding:0px 22px; box-shadow:var(--box-shadow); border:solid thin var(--main); background:var(--main); color:#fff; border-radius:5px; height:44px;  outline:none; cursor:pointer; font-size:1rem; font-weight:200; }
		input[type="submit"]:hover{transition:all .6s; border:solid thin var(--second); background:var(--second); color:var(--white);}
		textarea{width:100%; border:solid thin #c5c5c5; border-radius:5px; height:44px; padding:var(--gap); outline:none; min-height:200px;}
		textarea:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		select{width:max-content; font-weight:300; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px; outline:none;  font-size:14px;}
		select option {font-weight: 300; }
		.select2-container{border:solid thin #c5c5c5; border-radius:5px;}

		.warning_message{height:12px; margin-top:7px; font-size:.7rem; font-weight:200; font-style:italic; color:var(--main);}

		/****************************************/
		.col1{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col2{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col2 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 2) - var(--gap));}
		.col3{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col3 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 3) - var(--gap));}
		.col4{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col4 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 4) - var(--gap));}
		.col5{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col5 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 5) - var(--gap));}
		.col3 label{margin-bottom:8px;}
    	
		.request_field{display:flex; flex-direction:column;}
		.request_field_hidden{display:none !important;}
    	.request_field label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.request_field label sup{color:var(--main); font-size:12px; font-weight:500;}
    	.request_field .request_field_checkbox{border:solid thin var(--light-grey); background:var(--light-grey); border-radius:5px; display:flex; height:33px; justify-content:flex-start; align-items:center; gap:4px; width:max-content; padding:0px 11px; margin-top:21px;}
		.request_field_checkbox label{margin-bottom:0px !important;}
    	.request_field_search{justify-content:space-between !important; flex-direction:row !important; flex-wrap:wrap;}
		.request_field_search input{width:calc(100%) !important; min-width:unset !important;}
		.col3 .infos{margin-top:22px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 3) - 22px); margin-right:22px;}
    	.col1 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc(100%);}
    	
    	.search_button{display:none !important; margin-left:1rem; background:var(--grey); color:var(--black); font-size:1.2rem; border-radius:.3rem; width:66px !important; height:44px; display:flex; justify-content:center; align-items:center;}
    	
		.single_toolbox{margin-bottom:1rem; width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.toolbox_item{cursor:pointer; width:66px; height:66px; border-radius:.3rem; margin-right:1rem; margin-bottom:1rem; display:flex; justify-content:center; align-items:center; flex-direction:column; box-shadow:var(--box-shadow); background:var(--grey); }
    	.toolbox_item:hover{transition:all .9s; background:var(--dark-grey);}
    	.toolbox_item:hover img{filter:invert(1);}
    	.toolbox_item:hover .toolbox_item_title{color:var(--white);}
    	.toolbox_item img{width:auto; height:auto; max-width:33px; max-height:33px;}
    	.toolbox_item .toolbox_item_title{font-size:.7rem; margin-top:.5rem; font-weight:200; color:var(--black);}
    	.single_cont{width:100%;}
    	
    	.col3 div .request_field{width:100% !important; margin:0px !important;}
    	.col2 div{width:100%; margin:0px;}
    	.col2 div .request_field{width:100% !important; margin:0px !important;}
    	.subproject_open{display:flex !important;}
    	.project_tag_options_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.project_tag_option{background:var(--grey); box-shadow:var(--box-shadow); padding:0px 11px; height:33px; display:flex; justify-content:center; align-items:center; border-radius:100px; margin-right:1rem; margin-bottom:1rem; cursor:pointer;}
    	.project_tag_option_selected .project_tag_option_light{background:var(--cyan);}
    	.project_tag_option_light{width:8px; height:8px; background:var(--grey); border-radius:100px; margin-right:.5rem; box-shadow:inset var(--box-shadow); }
    	
		.response_message{display:none; justify-content:flex-start; align-items:center; border-radius:5px; width:100%; min-height:33px; margin-bottom:var(--gap); padding:0px 11px; line-height:22px; font-size:14px;}
		.response_message_open{display:flex !important;}
		.response_message_success{background:#7dff78;}
		.response_message_error{background:#ffc861;}

		.inventory_tab_wrap{width:100%;}
    /* END OF GENERAL */

	

	/* DASHBOARD */
		#canvas {
  position: relative;
  width: 100%;
  height: 800px;
  border: 1px dashed #ccc;
  background: #f8f8f8;
}

.widget {overflow:hidden; background: #f1f1f1; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.widget_title{ padding:0px 20px !important; background:var(--main) !important; height:44px !important; position:relative !important; font-weight:400; font-size:14px; color:#fff; box-shadow:unset !important; z-index:9 !important;}
.widget_cont{padding:11px;}
.widget_container{gap:1rem; display:grid; grid-template-columns: repeat(auto-fit,minmax(300px,500px));}
.widget.small { width: 300px; height: calc(300px * 9 / 16); }
.widget.medium { width: 500px; height: 400px;}
.widget.large { width: 800px; height: calc(800px * 9 / 16);}
.quota-summary ul{list-style:none;}
.quota-summary li{height:22px;}

	/* END OF DASHBOARD */

	/* ENTITY LIST */
		
		.entity_field[type="aa"]{width:66px;}
		.entity_field{overflow:hidden; line-height:33px; font-size:12px; align-items:flex-start !important; word-break:break-all;}
		.entity_list{min-height:calc(100dvh - 305px); min-width:100%; width:100%; overflow-x:auto; margin-top:var(--gap); margin-bottom:calc(var(--gap) * 4);}
		.entity_header{background:var(--grey); width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey);}
		.entity_header > div{color:#fff; font-size:14px;}
		.entity_line{font-size:12px; height:33px; width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey); border-bottom:none;}
		.entity_line:hover{background:var(--light-grey); }
		.entity_line:last-child{border-bottom:solid thin var(--grey);}
		.entity_aa{font-size:12px; height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_large{padding:0px 1rem; width:calc(30 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_medium{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_small{padding:0px 1rem; width:calc(7 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_last{flex: 1; border:none !important; width:400px !important;}
		.entity_line .entity_last{justify-content:flex-end !important; align-items:center !important;}
		.entity_options{display:flex; justify-content:flex-start; align-items:Center; gap:11px;}
		.entity_option{min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option a{color:#000; min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option img{width:20px; height:20px; object-fit:cover;}
		.entity_option_delete{cursor:pointer; }
		.entity_option_to_cart{cursor:pointer;}
		
		.entity_selectbox{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:6px;}
		.entity_selectbox .button{width:100px; height:22px !important; font-size:12px; padding:0px 8px !important;}
		.entity_selectbox select{width:200px; height:22px !important;}
		.hidden_col{display:none !important;}
		.entity_checkbox{width:22px; height:33px; display:flex; justify-content:center; align-items:center !important; border-right:solid thin var(--grey);}
		.entity_list_result{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.columns_set_cont{min-width:400px; background:var(--light-grey); padding:var(--gap) calc(var(--gap) / 2); border-radius:5px; position:fixed; bottom:var(--gap); right:var(--gap); display:none; justify-content:flex-start; align-items:flex-start; gap:var(--gap); flex-direction:column; }
		.columns_set_cont_open{display:flex !important;}
		.column_set_header{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.column_set_close{font-size:12px; cursor:pointer; display:flex; justify-content:flex-end; align-items:center; gap:5px;}
		.column_set_title{font-weight:bold; font-size:14px;}
		.columns_set{max-height:400px; padding:calc(var(--gap) / 2); overflow-y:auto; background:#fff; border-radius:5px; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:calc(var(--gap) / 2); flex-direction:column;}
		.columns_set_item{display:flex; justify-content:space-between; align-items:center; width:100%;}
		.columns_set_item_name{display:flex; justify-content:flex-start; align-items:center;}
		.columns_set_item_size{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.columns_set_item_option{cursor:pointer; font-size:14px; font-weight:400; color:var(--light-grey);}
		.columns_set_item_option_selected{font-weight:600 !important; color:var(--main) !important}
		.entity_list_result_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.entity_line .entity_field[type="inventory_cargr_validation"]{justify-content:center !important; align-items:center !important;}
		.entity_field[type="inventory_cargr_validation"] svg{width:22px;}
		.entity_field[type="inventory_cargr_validation"] svg.valid{fill:green;}
		.entity_field[type="inventory_cargr_validation"] svg.invalid{fill:orange;}
		.pistosi_history .entity_list{min-height:unset !important; margin-bottom:0px !important;}
	/* END OF ENTITY LIST */

	/* ORDERS */
		.sum_of_order{border-radius:5px; padding:var(--gap) var(--gap); gap:11px; background:var(--main); min-height:44px; width:100%; display:none; justify-content:center; align-items:flex-end; flex-direction:column;}
		.pistosi_applied_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.calculated_order_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.final_payable_sum{font-size:20px !important;}
		.sum_of_order_open{display:flex;}
		.sum_of_order div{color:#fff; font-size:14px;}
	/* END OF ORDERS */

	/* SINGLE */
		.single_addition_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:var(--gap); gap:var(--gap);}
		.single_accordion_options{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-top:calc(var(--gap) * 2);}
		.single_accordion_option{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-bottom:var(--gap);}
		.single_accordion_option_header{width:100%; padding:0px var(--gap); height:44px; display:flex; justify-content:space-between; align-items:center; background:var(--light-grey); border-radius:5px; }
		.single_accordion_record_name{font-weight:bold;}
		.single_accordion_controls{display:flex; justify-content:flex-end; align-items:center; gap:calc(var(--gap) / 2);}
		.single_accordion_option_cont{width:100%; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; border:solid thin var(--light-grey); border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; padding:var(--gap);}

		.single_accordion_option_open .single_accordion_option_cont{display:flex !important;}
		.single_accordion_option_open .single_accordion_option_header{border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

		.kartela_cont{margin-top:calc(var(--gap) * 2);}
		.kartela_header{border-top-left-radius:5px; border-top-right-radius:5px; background: var(--grey); width: max-content; display: flex; justify-content: flex-start; align-items: center; border: solid thin var(--grey);}
		.kartela_header *{color:#fff; font-size:14px;}
		.kartela_line{width:100%; border-left:solid thin var(--grey); display:flex; justify-content:flex-start; align-items:center;}
		.kartela_line *{font-size:14px; border-right:solid thin var(--grey);}
		
		.kartela_products *{height:33px; padding:0px 1rem; display:flex; justify-content:flex-start; align-items:center;}
		.kartela_products .product_blank_space{width:calc(15 * var(--gap)); border-right:solid thin var(--grey);}
		.kartela_products .product_title{overflow:auto; font-size:14px; width:660px; border-right:solid thin var(--grey);}
		
		.kartela_products .product_qnt{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_price{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_discount{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_total{font-size:14px; width:164px;}
		.kartela_products_header{padding:0px !important; border:solid thin var(--grey);  border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center; background:var(--light-grey);}
		.kartela_product_line{padding:0px !important; border:solid thin var(--grey); border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center;}
		.kartela_line_col{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-bottom:solid thin var(--grey);}
		.kartela_line_sum{display:flex; justify-content:flex-end;}
		.kartela_line_balance{display:flex; justify-content:flex-end;}

		.kartela_product_line .product_title_inner{width:max-content; padding:0px !important;}
		.kartela_product_line .product_price{display:flex; justify-content:flex-end;}
		.kartela_product_line .product_total{display:flex; justify-content:flex-end;}
	/* END OF SINGLE */

	/* INVENTORY */
		.inventory_line_add{background:#fff; border-radius:5px; padding:var(--gap); width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem; flex-wrap:Wrap; margin-bottom:var(--gap);}
		.inventory_line_add_icon{cursor:pointer; background:var(--main); color:#fff; display:flex; justify-content:center; align-items:center; border-radius:100px; width:33px; height:33px; }
		.inventory_line_add_icon img{width:16px;}
		.inventory_main_data .request_field{}
		.real_file_input{display:none;}
		.inventory_main_data{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
		.inventory_options_data{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;}
		.inventory_options_data .request_field{width:100%;}

		.photo_preview_area {width:100%; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px;}
		.extra_fields_wrapper{width:100%; margin-bottom:var(--gap);}
		.extra_field_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.compatible_vehicles_wrapper{width:100%; margin-bottom:var(--gap);}
		.compatible_vehicle_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.entity_field[type="photos"] .button{height:22px !important; font-size:12px !important; padding:0px 8px !important;}
		.entity_field[type="photos"]{align-items:center !important;}

		.photo_thumb{position: relative; display: inline-block; margin: 5px;}
		.photo_thumb img{max-height: 100px; max-width: 100px; border: 1px solid #ccc;}
		.photo_thumb_delete{position: absolute; top: -8px; right: -8px; background: red; color: white; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
		.cargr_invalid_wrapper{cursor:pointer; display:flex; justify-content:center; align-items:center;}
	/* END OF INVENTORY */

	/* GALLERY */
		.gallery_cont{display:none; gap:var(--gap); justify-content:center; align-items:center; flex-direction:column; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:999999; backdrop-filter: blur(2px);}
		.gallery_cont_open{display:flex !important;}
		.gallery_main{overflow:hidden; position:relative; width:90%; max-width:1920px; height:calc(100vh - var(--gap) - 150px); display:flex; justify-content:center; align-items:center;}
		.gallery_main img{width:100%; height:100%; object-fit:contain;}
		.gallery_thumbs{padding:0px var(--gap); width:100%; overflow-x:auto; height:100px;}
		.gallery_thumbs_inner{width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.gallery_thumbs_item{border:solid 2px transparent; cursor:pointer; height:88px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;}
		.gallery_thumbs_item img{width:100%; height:100%; object-fit:cover;}
		.gallery_main_img_back{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover !important; z-index:-1; filter:blur(10px); width:105% !important; height:105% !important;}
		.current_thumb{border:solid 2px var(--main) !important;}
		.gallery_close{position:fixed; top:var(--gap); right:var(--gap);}
	/* END OF GALLERY */

	/* CONTACTS */
		.inner_title{color:var(--main); font-weight:600; font-size:22px; margin-bottom:var(--gap);}
		.white_container{display:flex; width:100%; margin-bottom:var(--gap); background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.grey_container{margin-bottom:var(--gap); background:var(--light-grey); padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container{display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container_open{display:flex !important; margin-bottom:var(--gap);}
		.contact_container{width:100%; display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.contact_container.single_accordion_option{padding:0px !important;}
		.contact_container_open{display:flex !important; margin-bottom:var(--gap);}
		.car_container{padding:2rem; gap:1rem; width:100%; display:none; border-radius:5px; border:solid thin #e9e9e9; background:#e9e9e9; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.car_container_open{display:flex !important;}
		.client_id_contact{width:calc((100% / 3) - 11px); display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_id_contact_open{display:flex !important;}
		.client_id_contact label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.client_id_contact label sup{color:var(--main); font-size:10px;}
		.company_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.company_container_open{display:flex !important; margin-bottom:var(--gap);}
		.idiotis_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.idiotis_container_open{display:flex !important; margin-bottom:var(--gap);}
	/* END OF CONTACTS */

	/* SERVICE */
		.service_vehicle_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_vehicle_section_open{display:flex !important;}
		.service_contact_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_contact_section_open{display:flex !important;}
		.service_client_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_client_section_open{display:flex !important;}

		.service_tabs{margin-bottom:1rem;width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.service_section{display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.service_active_section{display:flex !important;}
	/* END OF SERVICE */

	/* TABS */
		.tabs{margin:1rem 0px;width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.tab_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.tab_active_section{display:flex !important;}
		.tab_active{background: var(--main) !important; color: #fff !important;}
	/* END OF TABS */

	/* PROFILE */
		.profile_cont{margin-top:1rem;}

	/* END OF PROFILE */

	/* FOOTER */
		footer{width:100%; position:fixed; z-index:9999; bottom:0px; left:0px; display:flex; justify-content:space-between; align-items:center; height:44px; background:var(--grey);}
		footer .container{ padding:0px var(--gap); justify-content:space-between;}
		
		
		
		#pagination-container{width:100%; display:flex; justify-content:center; align-items:center;}

		.occasional_buttons{display:flex; justify-content:flex-start; align-items:center;}
		.occasional_buttons .button_red:hover{background: var(--light-grey);}
		.occasional_buttons .add_container_buttons{margin-top:0px !important;}
	/* END OF FOOTER */
	
	/* TOOLTIP */
		.tooltip_footer {position: fixed; bottom: 66px; left: -100%; width: max-content; background: #fff; border-top: 4px solid #c00; box-shadow: 0 -2px 10px rgba(0,0,0,0.4); z-index: 9999; transition: left 0.3s ease; font-size: 14px; padding: 12px 16px;}
		.tooltip_footer.tooltip_footer_open {left: 22px;}
		.tooltip_footer_inner{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.tooltip_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.tooltip_footer_content {white-space: pre-wrap; color: #000;}
		.tooltip_line:before{content:"•"; margin-right:4px;}


	/* END OF TOOLTIP */

	/* MODAL */
		#deleteConfirmModal{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99999; backdrop-filter: blur(2px);}
		.modal_container{background: white; padding: var(--gap); border-radius: 5px; width: 600px; margin: 100px auto; text-align: center; min-height:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
		.modal_container p{font-size:16px; line-height:22px;}
		.modal_buttons{margin-top:var(--gap); width:100%; display:flex; justify-content:center; align-items:center; gap:var(--gap);}
	/* END OF MODAL */
	

	.select2-results__option {white-space: normal !important; word-wrap: break-word;}
	.select2-container .select2-selection--single {white-space: normal !important;}
	.select2{width:100% !important;}
	.select2-dropdown{border:solid thin #fff !important;}
	.select2-container .select2-selection--single{border:solid thin #fff !important; height:33px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px !important;}
	select{width:100% !important;}
	
	.order_orange div{background:orange; font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_blue div{background:rgb(72, 201, 252); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_green div{background:rgb(72, 252, 117); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	
	.quick_info{margin-bottom:2rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start;}
	.quick_info_item{width:calc(100% / 3); border:solid thin #e9e9e9; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
	.quich_info_item_title{width:100%; height:44px; color:#fff; background:var(--main); font-size:16px; display:flex; justify-content:center; align-items:center;}
	.quich_info_item_value{width:100%; height:110px; color:#999; font-size:38px; font-weight:200; display:flex; justify-content:center; align-items:center;}
	
	.trash_record{width:44px; color:#000;  display:flex; justify-content:center; align-items:center;cursor:pointer;}
	.trash_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}
	.trash_record ion-icon{font-size:22px;}
	.view_record{width:44px; color:#000; display:flex; justify-content:center; align-items:center; cursor:pointer;}
	.view_record ion-icon{font-size:22px;}
	.view_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}

	.add_button_fixed{ color:#fff; font-weight:900; width:max-content; padding:0px 1rem; height:44px; border-radius:100px; cursor:pointer; background:var(--main); box-shadow:var(--box-shadow); display:flex; justify-content:center; align-items:center; font-size:.8rem;}
	.add_button_fixed ion-icon{font-size:22px; margin-right:4px; color:#fff !important; stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed .ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed:hover{background:var(--dark-grey); color:#fff; transition:all .9s;}
	.add_button_fixed_selected{background:var(--dark-grey); color:#fff; transition:all .9s;}

	

	

	.add_inventory_cont{padding:1rem;  width:100%; overflow-x:auto; }
	.add_inventory_cont form{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
	.add_inventory_cont form .col1 .request_field{}
	.add_inventory_cont .col1{margin-bottom:0px !important; flex-wrap:unset !important; gap:1rem;}
	
	.icon_grey{background:var(--grey) !important;}
	.icon_blue{background:var(--blue) !important;}


	.login_wrapper{background:#fff;}
	.login_form{width:50%; padding:4rem; height:100vh; background:var(--grey); display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .login_form form{width:100%; max-width:600px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .login_container{width:100%; height:100vh; display:flex; justify-content:center; align-items:center; gap:1rem;}
    .login_link{font-size:12px; text-decoration:underline !important;}
	.login_logo{width:50%; padding:4rem; aspect-ratio:1; display:flex; justify-content:center; align-items:center;}
	.login_logo img{width:auto; height:auto; max-width:600px; max-height:100%;}
	.filters .col3{width:100%; display:grid; grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);}
    .number-input-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
		height:88px;
		position: relative;
		margin-bottom: 10px;
	  }
	  .mm-input {
		transition: color 0.1s ease, transform 0.1s ease;
	  }
	  .label-overlay {
		position: absolute;
		top: 68%;
		right: 30px;
		transform: translateY(-50%);
		font-size: 14px;
		color: #aaa;
		pointer-events: none; /* Prevents it from interfering with input */
	  }
	  
	  .mm-input:focus {
		transform: scale(1.1);
		color: #007BFF;
	  }
	  .mm-input {
		flex: 1;
		padding-right: 55px;
		font-size: 66px;
		text-align: right;
		height:88px;
	  }
	  
	  .scroll-gear {
		width: 22px;
		height: 88px;
		background: linear-gradient(135deg, #ddd, #bbb);
		border: 1px solid #aaa;
		
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: absolute;
		right: -5px;
	  }
	  
	  .scroll-gear::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 2px solid #777;
		border-radius: 50%;
		box-shadow: 0 0 0 3px #fff inset;
	  }

	.project_row_hidden{height:66px; overflow:hidden;}
    .project_row_hidden .project_row_col1{width:55px !important; height:55px !important;}
    .project_row_hidden .project_row_col2{width:calc(100% - 55px - 88px) !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values{display:none !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values_textarea{display:none !important;}
    .project_row_hidden .project_row_title{display:flex !important; justify-content:flex-start; align-items:center; padding-left:1rem; height:44px;}
    .project_row_title{display:none;}
    
    .explanation_labels{font-weight:400; background:var(--dark-grey); width:100%; height:33px; display: flex; justify-content: flex-start; align-items: center; padding: 0px 11px; color:var(--white);}
    .project_elements_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; overflow-x:scroll;}
    .project_elements_inner_cont{width:auto; display:inline-flex; justify-content:flex-start; align-items:center;}
    .project_element{width:200px; height:200px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
    .project_element img{width:auto; height:auto; max-width:90%; max-height:90%;}
    
    .project_row{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; padding:1rem;  background:var(--grey)}
    .project_row_col1{width:170px; height:170px;}
    .project_row_col1 img{width:auto; height:auto; max-width:90%; max-height:90%;}
    .project_row_col2{width:calc(100% - 170px - 88px - 44px); display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0px 22px;}
    .project_row_input_values{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:285px; margin-bottom:1rem; margin-right:1rem;}
    .project_row_input_values span{width:100%; display:inline-block;}
    .project_row_input_values .width{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .height{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .qnt{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    
    
    .project_row_input_values_textarea{width:100%; margin-bottom:1rem;}
    .project_row_input_values_textarea textarea{height:66px; min-height:66px !important; padding:11px !important;}
    .project_row_col3{width:88px; height:33px; display:flex; justify-content:space-between; align-items:center;}
    .cb_button{position:fixed; bottom:66px; right:22px; display:flex; justify-content:center; align-items:center; width:44px; height:44px; box-shadow:var(--box-shadow); border:solid thin var(--grey); background:var(--grey); border-radius:100px; transition:all .6s; outline:none; cursor:pointer; font-size:1rem; font-weight:200; z-index:99;}
    .cb_button ion-icon{font-size:22px;}
    .cb_button:hover{border:solid thin var(--dark-grey); background:var(--dark-grey); color:var(--white);}
    
    
    
    /*
	select:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
    */
    .inner_modal{color:#fff; width:100%; box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; margin-bottom:22px;}
    .modal{width:calc(100% - 10%); box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; position: fixed; top: 22px; left: 5%; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; font-size:.8rem;}
    .modal_options{margin-top:1rem; width:100%; display:flex; justify-content:space-between; align-items:center;}
    .modal_button{width:calc(50% - 1rem) !important;}
    .modal_button_yes{background:var(--cyan); color:var(--white); border:solid thin var(--cyan);}
    .modal_button_yes:hover{background:#2372a5;}
    .modal_button_no{background:var(--red); color:var(--white); border:solid thin var(--red);}
    .modal_button_no:hover{background:#9d0a0e;}
    .modal_error{border-left: solid 5px red;}
    .delete_modal{width:400px; padding:22px; background:var(--white); text-align:center; box-shadow:var(--box-shadow); min-height:100px; border-radius:10px; position:fixed; top:22px; left:50%; transform:translateX(-50%); z-index:9999;}
    .delete_modal span{color:var(--cyan);}
    
    
    /* CLIENTS */
        
    /* END OF CLIENTS */
    
    /* REGISTER */
        .register_birthday{width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;}
        .register_birthday select{width:calc((100% / 3) - 1rem);}
    /* END OF REGISTER */
    
    
    /* STORAGE */
		#btnCreateEmptyFile{display:flex; justify-content:center; align-items:center; gap:6px;}
	  	#btnCreateEmptyFile svg{width:20px;}
		.sht_header{background:var(--main); color:#fff; display: grid; grid-template-columns: 130px 90px 90px 1fr; font-weight: bold; border-bottom: 1px solid #ddd; padding: 4px 8px;}
	  	.sales_history_table{display: flex; flex-direction: column; gap: 2px;}
	  	.sht_row{display: grid;  padding:4px 8px; grid-template-columns: 130px 90px 90px 1fr; border-bottom: 1px solid #f0f0f0; font-size: 14px;}
		
		.sht_qty{text-align:center;}
	  	.sales_history_backdrop{position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter:blur(2px); z-index: 99999; display: flex; align-items: center; justify-content: center;}
		.sales_history_box{background: #fff; border-radius: 8px; padding: 16px; max-width: 800px; width: 100%; max-height: 80vh; box-shadow: 0 8px 24px rgba(0,0,0,0.25); display: flex; flex-direction: column; gap: 8px; font-size: 14px;}
	  	.sales_history_header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
		.sales_history_title{}
		.sales_history_item{padding: 6px 0; border-bottom: 1px solid #eee; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	  	.sales_history_list{overflow-y: auto; padding-right: 4px;}
		.sales_history_close{border: none; background: transparent; font-size: 18px; cursor: pointer; line-height: 1;}
		.storage_sold_badge{position: absolute; z-index: 99; font-weight: 900; color: var(--main); border: solid 5px var(--main); padding: 22px; width: max-content; text-align: center; font-size: 25px; border-radius: 5px; transform: translateX(-50%) rotate(45deg); top: 22%; left: 50%;}
	  	.file-info{display:flex; gap:14px; flex-wrap:wrap; background:#fcfdff; border:1px solid #eaeef8; border-radius:8px; padding:8px; margin:6px 0 6px 0; font-size:12px;}
		.file-info strong{ font-weight:600; }
		.tree_row .actions_btn{position:absolute;  top:50%; transform:translateY(-50%); right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }

		.actions_btn{position:absolute; z-index:9999; top:6px; right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }
		.actions_btn:hover{ background:#f6f8ff; }
		.actions_menu{position:fixed; z-index:10002; min-width:200px; max-width:280px; background:#fff; border:1px solid #e5e5e5; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.15); overflow:hidden;}
		.actions_menu .am-item{padding:10px 12px; font-size:14px; cursor:pointer; display:flex; gap:8px; align-items:center;		}
		.actions_menu .am-item:hover{ background:#f5f7ff; }
		.entity_item_storage{ position:relative; }
		.tree_row{ position:relative; }
		.lp-highlight{ outline:2px solid #cfe3ff; outline-offset:2px; }

        .storage_container{margin-top:130px; display:grid; grid-template-columns:300px 1fr; gap:12px; width:100%}
		.storage_container .entity_header{display:none !important;}
        .storage_tree{border:1px solid #e7e7e7; border-radius:8px; padding:10px;}
        .storage_currentPath{display:none;}
        label[for="fileInput"] svg{width:18px; margin-right:6px;}
        #btnUp svg{width:18px; margin-right:6px;}
        .desc_saved_msg{font-size:12px; color:var(--main);}
        .tree_buttons{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:22px;}
        #dropzone{border:2px dashed #c8c8c8; border-radius:8px; padding:16px; text-align:center; margin-bottom:10px;}
        .storage_explorer{border:1px solid #e7e7e7; border-radius:8px; padding:10px;}
        .storage_breadcrumbs{display:flex; justify-content:flex-start; align-items:center; margin-bottom:11px; font-size:12px; background:#d9d9d9; height:22px; border-radius:5px;}
        .storage_breadcrumb_item{font-size:12px; cursor:pointer; padding:0px 8px;}
        .storage_add_container_buttons{margin-bottom:11px !important;}
        .storage_entity_list_result{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:10px;}
        #tree{}
        .tree_item{cursor:pointer; font-size:14px; height:22px; display:flex; justify-content:flex-start; align-items:center;}
        .tree_item_active{color:var(--main); font-weight:bold;}
        
		.entity_item_storage_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
        .entity_item_storage{border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_icon{cursor:pointer; aspect-ratio:1.77;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:32px;}
        .entity_item_storage_icon svg{width:55px;}
        .entity_item_storage_icon svg path{fill:var(--main);}
        .entity_item_storage_buttons{display:flex;gap:6px;flex-wrap:wrap;}
        .entity_item_storage_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file{position:relative; border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_file_thumb{position:relative; display:block;aspect-ratio:1.4;background:#fafafa;border:1px dashed #ddd;border-radius:6px;margin-bottom:6px;overflow:hidden;}
        .entity_item_storage_file_thumb img{width:100%;height:100%;object-fit:cover;}
        .entity_item_storage_file_name{display:none; font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file_request_field{margin-bottom:6px;}
        .entity_item_storage_file_request_field textarea{padding:8px 11px !important; width:100%;min-height:70px; font-size:14px;}
        .entity_item_storage_file_buttons{display:flex;gap:6px;flex-wrap:wrap;}
		.entity_item_storage_inventory{min-height:22px;}
		.suggested_price{font-size:14px;}
		.suggested_price span{font-weight:bold; color:var(--main);}
		.thumb_download_btn{position:absolute; right:6px; bottom:6px; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; font-size:12px; line-height:1; background:#111; color:#fff; border-radius:6px; text-decoration:none; opacity:.9;}
		.storage_position{z-index:10; position:absolute; cursor:default; top:6px; left:6px; background:var(--main); color:#fff; border-radius:5px; padding:0px 6px; height:22px; display:flex; justify-content:center; align-items:center;}
        /* Tree */
		#tree ul.tree_root{padding-left:0px !important;}
        #tree ul{ list-style:none; padding-left: 16px; margin: 0; }
        #tree .tree_row{ display:flex; align-items:center; gap:6px; padding:4px 6px; border-radius:6px; cursor:pointer; }
        #tree .tree_row:hover{ background:#f1f4f8; color:#000;}
        #tree .tree_item{ flex:1 1 auto; }
        #tree .tree_item_active{ background:var(--main); color:#fff; font-weight:600; }
        #tree .twisty{ width:14px; text-align:center; user-select:none; font-family: system-ui, sans-serif; opacity:.9; }
        #tree .twisty.empty{ opacity:.25; }
    
        /* Context menu */
        #storage_ctxmenu {
          position: fixed; z-index: 10000; display: none;
          min-width: 200px; background: #fff; color: #111;
          border: 1px solid #dcdcdc; border-radius: 8px;
          box-shadow: 0 8px 24px rgba(0,0,0,.15);
        }
        #storage_ctxmenu .ctx-item { padding: 10px 12px; cursor: pointer; user-select: none; }
        #storage_ctxmenu .ctx-item:hover { background: #f1f4f8; }
    
        /* Preview modal */
        #storage_preview_backdrop { position: fixed; inset: 0; z-index: 99999; display: none; background: rgba(0,0,0,.65); }
        #storage_preview {
          position: fixed; z-index: 999999; display: none;
          max-width: 92vw; max-height: 92vh;
          top: 50%; left: 50%; transform: translate(-50%, -50%);
          background: #0b0d12; border: 1px solid #242b38; border-radius: 10px; padding: 10px;
        }
        #storage_preview img { max-width: 90vw; max-height: 85vh; display: block; }
        #storage_preview .preview_title { color: #dfe7f1; font-size: 13px; margin-bottom: 8px; opacity: .75; }
        #storage_preview .preview_close {
          position: absolute; top: 4px; right: 10px;
          background: transparent; color: #fff; border: none; border-radius: 6px; cursor:pointer;
          cursor: pointer; width:28px; height:28px; display:flex; justify-content:center; align-items:center;
        }
    /* END OF STORAGE */
	
}

@media screen and (max-width: 767px){
	:root{
		--gap:22px;
	}
	
	body,html{overflow-x:hidden;}
	.tabs{overflow-x:auto; overflow-y: hidden; width:100% !important;}
	.tab{min-width:max-content;}
	.inventory_line_buttons{width:100%; overflow-x:auto; overflow-y:hidden; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	.inventory_line_buttons .button{min-width:max-content;}
	/* GENERAl */
	  	.wrapper{padding-bottom:8rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; }
		.wrapper .container{min-height:100vh; padding:var(--gap); margin-top:110px; flex-direction:column;}
		.container{width:100%;  display:flex; }
        header{background:var(--light-grey); width:100%; height:66px; box-shadow:var(--box-shadow); display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); position:fixed; top:0px; left:0px; z-index:99999;}
	  	header .container{justify-content: space-between; align-items:center; flex-wrap:wrap;}
		.rest_header{width:max-content; display:flex; justify-content:flex-end; align-items:center; gap:var(--gap);}
		.rest_header a{border-radius:5px; display:flex; justify-content:center; align-items:center; gap:8px; }
		.rest_header img{width:22px; }
		.rest_header .button_grey img{transition:all .6s; width:22px; filter:invert(1);}
		.rest_header .button_grey:hover{background:#fff;}
		.rest_header .button_grey:hover img{filter:invert(0) !important;}
		.rest_header .cart_icon{display:flex; justify-content:flex-start; align-items:center; gap:5px;}
		.rest_header .cart_icon .icon{width:22px; height:22px;}
		.rest_header .cart_icon svg{width:18px;}
		
		.cart_container{transition:all .6s; position:absolute; width:500px; padding:var(--gap); box-shadow:0px 0px 4px #000; top:99px; right:-500px; height:calc(100dvh - 99px - 44px); background:#fff; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:var(--gap);}
		.cart_buttons{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_title{color:var(--main); font-weight:bold; font-size:20px;}
		.cart_item{display:flex; justify-content:flex-start; align-items:stretch; margin-bottom:var(--gap); padding-bottom:var(--gap); border-bottom:solid thin var(--slate-grey);}
		.cart_item .cart_col1{width:calc(100% - 44px);}
		.cart_item .cart_col2{width:44px; display:flex; justify-content:center; align-items:flex-end;}
		.cart_item_title{font-size:14px; font-weight:bold; margin-bottom:var(--gap);}
		.cart_item_info{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.cart_item_price_qnt{font-size:12px; color:var(--slate-grey);}
		.cart_item_delete{cursor:pointer;}
		.cart_item_delete svg{width:22px;}
		.cart_contents{display:flex; flex-direction:column; min-height:calc(100dvh - 99px - 44px - 130px);}
		.cart_total{width:100%; display:flex; justify-content:flex-end; align-items:center; gap:4px;}
		.cart_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.cart_sum{font-size:11px; font-weight:bold; padding:0px 11px 0px; display:flex; justify-content:center; align-items:center; background:var(--main); color:#fff; height:18px; border-radius:5px;}
		.cart_open{right:0px !important;}

		.user_button{background:#333; font-size:14px; padding:0px var(--gap); border-radius:5px; height:33px; color:#fff; }
		.logout_button{background:var(--main); border-radius:5px; width:33px; height:33px; color:#fff;}
		.logo{font-size:22px; width:max-content; display:flex; justify-content:center; align-items:center;}
		.logo img{width:100%; height:auto; max-width:100%; max-height:33px;}
		
		.profile_button span{display:none;}
		nav{background:#333; width:100%; height:33px; position:fixed; top:66px; left:0px; display:flex; justify-content:flex-start; align-items:center; padding:0px var(--gap); z-index:99999;}
		nav .container{width:100%; overflow-x:auto; justify-content:flex-start; align-items:center;}
		nav ul{list-style:none; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		nav ul li{cursor:pointer; list-style:none; font-size:14px; height:33px; color:#fff; position:relative; display:flex; justify-content:flex-start; align-items:Center;}
		nav ul li a{color:#fff; font-size:14px; height:33px; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
		nav .sub_menu{border-top:solid thin #fff; padding:0px var(--gap); background:#333; position:absolute; top:33px; left:0px; width:300px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:unset !important;}
		nav ul li:hover .sub_menu{display:flex !important;}
		
		.ribbon{width:100%; height:44px; border-radius:5px; font-weight:200; display:flex; justify-content:space-between; align-items:center; background:var(--main); color:#fff; padding:0px 22px; font-size:22px;}
		.ribbon_results{font-size:14px;}
		.ribbon_results span{font-weight:bold;}

		.button{border:none; line-height:33px; transition:all .6s; width: max-content; padding: 0px var(--gap);  color: #fff; border-radius: 5px; height: 30px; outline: none; cursor: pointer; font-size: 14px; font-weight: 200; display:flex; justify-content:center; align-items:center;}
		.button_red{background: var(--main);}
		.button_red:hover{background: var(--grey);}
		.button_blue{background:var(--blue);}
		.button_blue:hover{background:var(--blue-hover);}
		.button_grey{background: var(--grey);}
		.button_grey:hover{background:var(--light-grey); color:#000;}
		.button_light_grey{background: var(--light-grey); color:#000;}
		.button_light_grey:hover{background:#fff; color:#000;}
		.active_button{background:var(--light-grey); color:#000;}
		.active_button:before{content:"\2715"; margin-right:11px; font-size:10px; font-weight:bold;}
		
		.active_button_grey{background:var(--main); color:#fff;}
		.active_button_white{background:var(--main) !important; color:#fff !important;}
		.button_white{background: var(--white); color:#000;}
		.button_white:hover{background: var(--grey); color:#fff}

		.add_controller{margin-top:var(--gap);}
		.add_controller > .col3{margin-bottom:0px !important;}
		.add_container{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; border-radius:5px; background:var(--light-grey); overflow:hidden; height:0px; width:100%;}
    	.edit_container{margin-bottom:calc(var(--gap) * 4); margin-top:2rem; width:100%; background:var(--light-grey); width:100%; border-radius:5px; padding:1rem;}
		.add_container form{width:100%;}
		.add_container_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.add_container_open{height:auto; padding:var(--gap); margin-top:var(--gap);}
		.hide_add_button{display:none !important;}

		.filter_cont{width:max-content; background:var(--light-grey);  border-bottom:none; height:33px; display:none; justify-content:flex-start; align-items:center; }
		.filter_cont .entity_field{align-items: center !important;}
		.filter_cont input{height:22px !important; font-size:12px;}
		.filter_cont_open{display:flex !important; border:solid thin var(--grey);}
		.filter_cont select{height:22px;}
		.filter_cont .entity_field{padding:0px 5px; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range{width:100%; display:flex; justify-content:center; align-items:center; gap:5px;}
		.filter_range input{width:50% !important; min-width:unset !important;}
		.filter_cont .select2-container .select2-selection--single{height:22px !important;}
		.filter_cont .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px !important;}
		
		.toggle_button{cursor:pointer; transition:all .6s;position:relative; width:55px; display:flex; justify-content:center; align-items:center; height:25px; border-radius:100px; background:var(--dark-grey);}
		.toggle_button_inner{transition:all .6s; left:3px; width:20px; height:20px; border-radius:100px; background:#fff; position:absolute; top:50%; transform:translateY(-50%);}
		.toggle_active{background:var(--main) !important}
		.toggle_active .toggle_button_inner{left:calc(100% - 23px) !important;}
		

		h5{font-weight:bold; font-size:18px; margin-bottom:1rem;}
		input[type="text"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="text"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="text"]:focus::placeholder {
			color: #fff;
		}
		input[type="email"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="email"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="email"]:focus::placeholder {
			color: #fff;
		}
		input[type="number"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="number"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main); color:#fff;}
		input[type="number"]:focus::placeholder {
			color: #fff;
		}
		input[type="date"]::placeholder {
			color: #fff;
		}
		input[type="date"]{width:100%; min-width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px;}
		input[type="date"]:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		input[type="password"]{width:100%; font-weight:200; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px;  outline:none;  font-size:14px; color:#fff;}
		input[type="password"]:focus{transition:all .6s; border:solid thin var(--main); background:var(--main);}
		input[type="password"]:focus::placeholder {
			color: #fff;
		}
		input[type="submit"]{width:auto; padding:0px 22px; box-shadow:var(--box-shadow); border:solid thin var(--main); background:var(--main); color:#fff; border-radius:5px; height:44px;  outline:none; cursor:pointer; font-size:1rem; font-weight:200; }
		input[type="submit"]:hover{transition:all .6s; border:solid thin var(--second); background:var(--second); color:var(--white);}
		textarea{width:100%; border:solid thin #c5c5c5; border-radius:5px; height:44px; padding:var(--gap); outline:none; min-height:200px;}
		textarea:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
		select{width:max-content; font-weight:300; border:solid thin #c5c5c5; border-radius:5px; height:33px; padding:0px 11px; outline:none;  font-size:14px;}
		select option {font-weight: 300; }
		.select2-container{border:solid thin #c5c5c5; border-radius:5px;}

		.warning_message{height:12px; margin-top:7px; font-size:.7rem; font-weight:200; font-style:italic; color:var(--main);}

		/****************************************/
		.col1{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col2{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col2 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%;}
		.col3{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
		.col3 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%;}
		.col4{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col4 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%;}
		.col5{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:calc(var(--gap) / 2);}
    	.col5 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%;}
		.col3 label{margin-bottom:8px;}
    	
		.car_xml_log_row{width:100%; overflow-x:auto;}
		.request_field{display:flex; flex-direction:column; width:100%;}
		.request_field_hidden{display:none !important;}
    	.request_field label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.request_field label sup{color:var(--main); font-size:12px; font-weight:500;}
    	.request_field .request_field_checkbox{border:solid thin var(--light-grey); background:var(--light-grey); border-radius:5px; display:flex; height:33px; justify-content:flex-start; align-items:center; gap:4px; width:max-content; padding:0px 11px; margin-top:21px;}
		.request_field_checkbox label{margin-bottom:0px !important;}
    	.request_field_search{justify-content:space-between !important; flex-direction:row !important; flex-wrap:wrap;}
		.request_field_search input{width:calc(100%) !important; min-width:unset !important;}
		.col3 .infos{margin-top:22px; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc((100% / 3) - 22px); margin-right:22px;}
    	.col1 .request_field{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:calc(100%);}
    	
    	.search_button{display:none !important; margin-left:1rem; background:var(--grey); color:var(--black); font-size:1.2rem; border-radius:.3rem; width:66px !important; height:44px; display:flex; justify-content:center; align-items:center;}
    	
		.single_toolbox{margin-bottom:1rem; width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.toolbox_item{cursor:pointer; width:66px; height:66px; border-radius:.3rem; margin-right:1rem; margin-bottom:1rem; display:flex; justify-content:center; align-items:center; flex-direction:column; box-shadow:var(--box-shadow); background:var(--grey); }
    	.toolbox_item:hover{transition:all .9s; background:var(--dark-grey);}
    	.toolbox_item:hover img{filter:invert(1);}
    	.toolbox_item:hover .toolbox_item_title{color:var(--white);}
    	.toolbox_item img{width:auto; height:auto; max-width:33px; max-height:33px;}
    	.toolbox_item .toolbox_item_title{font-size:.7rem; margin-top:.5rem; font-weight:200; color:var(--black);}
    	.single_cont{width:100%;}
    	
    	.col3 div .request_field{width:100% !important; margin:0px !important;}
    	.col2 div{width:100%; margin:0px;}
    	.col2 div .request_field{width:100% !important; margin:0px !important;}
    	.subproject_open{display:flex !important;}
    	.project_tag_options_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
    	.project_tag_option{background:var(--grey); box-shadow:var(--box-shadow); padding:0px 11px; height:33px; display:flex; justify-content:center; align-items:center; border-radius:100px; margin-right:1rem; margin-bottom:1rem; cursor:pointer;}
    	.project_tag_option_selected .project_tag_option_light{background:var(--cyan);}
    	.project_tag_option_light{width:8px; height:8px; background:var(--grey); border-radius:100px; margin-right:.5rem; box-shadow:inset var(--box-shadow); }
    	
		.response_message{display:none; justify-content:flex-start; align-items:center; border-radius:5px; width:100%; min-height:33px; margin-bottom:var(--gap); padding:0px 11px; line-height:22px; font-size:14px;}
		.response_message_open{display:flex !important;}
		.response_message_success{background:#7dff78;}
		.response_message_error{background:#ffc861;}

		.inventory_tab_wrap{width:100%;}
    /* END OF GENERAL */

	

	/* DASHBOARD */
		#canvas {
  position: relative;
  width: 100%;
  height: 800px;
  border: 1px dashed #ccc;
  background: #f8f8f8;
}

.widget {overflow:hidden; background: #f1f1f1; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.widget_title{ padding:0px 20px !important; background:var(--main) !important; height:44px !important; position:relative !important; font-weight:400; font-size:14px; color:#fff; box-shadow:unset !important; z-index:9 !important;}
.widget_cont{padding:11px;}
.widget_container{gap:1rem; display:flex; flex-direction:column; justify-content: flex-start; align-items:center;}
.widget.small { width: 100%; height: max-content; }
.widget.medium { width: 100%; height: max-content;}
.widget.large { width: 100%; height: max-content;}
.quota-summary ul{list-style:none;}
.quota-summary li{height:22px;}

	/* END OF DASHBOARD */

	/* ENTITY LIST */
		
		.entity_field[type="aa"]{width:66px;}
		.entity_field{overflow:hidden; line-height:33px; font-size:12px; align-items:flex-start !important; word-break:break-all;}
		.entity_list{min-height:calc(100dvh - 305px); min-width:100%; width:100%; overflow-x:auto; margin-top:var(--gap); margin-bottom:calc(var(--gap) * 4);}
		.entity_header{background:var(--grey); width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey);}
		.entity_header > div{color:#fff; font-size:14px;}
		.entity_line{font-size:12px; height:33px; width:max-content; display:flex; justify-content:flex-start; align-items:center; border:solid thin var(--grey); border-bottom:none;}
		.entity_line:hover{background:var(--light-grey); }
		.entity_line:last-child{border-bottom:solid thin var(--grey);}
		.entity_aa{font-size:12px; height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_large{padding:0px 1rem; width:calc(30 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_medium{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_small{padding:0px 1rem; width:calc(7 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-right:solid thin var(--grey);}
		.entity_last{flex: 1; border:none !important; width:400px !important;}
		.entity_line .entity_last{justify-content:flex-end !important; align-items:center !important;}
		.entity_options{display:flex; justify-content:flex-start; align-items:Center; gap:11px;}
		.entity_option{min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option a{color:#000; min-width:22px; height:22px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
		.entity_option img{width:20px; height:20px; object-fit:cover;}
		.entity_option_delete{cursor:pointer; }
		.entity_option_to_cart{cursor:pointer;}
		
		.entity_selectbox{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:6px;}
		.entity_selectbox .button{width:100px; height:22px !important; font-size:12px; padding:0px 8px !important;}
		.entity_selectbox select{width:200px; height:22px !important;}
		.hidden_col{display:none !important;}
		.entity_checkbox{width:22px; height:33px; display:flex; justify-content:center; align-items:center !important; border-right:solid thin var(--grey);}
		.entity_list_result{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.columns_set_cont{min-width:400px; background:var(--light-grey); padding:var(--gap) calc(var(--gap) / 2); border-radius:5px; position:fixed; bottom:var(--gap); right:var(--gap); display:none; justify-content:flex-start; align-items:flex-start; gap:var(--gap); flex-direction:column; }
		.columns_set_cont_open{display:flex !important;}
		.column_set_header{width:100%; display:flex; justify-content:space-between; align-items:center;}
		.column_set_close{font-size:12px; cursor:pointer; display:flex; justify-content:flex-end; align-items:center; gap:5px;}
		.column_set_title{font-weight:bold; font-size:14px;}
		.columns_set{max-height:400px; padding:calc(var(--gap) / 2); overflow-y:auto; background:#fff; border-radius:5px; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:calc(var(--gap) / 2); flex-direction:column;}
		.columns_set_item{display:flex; justify-content:space-between; align-items:center; width:100%;}
		.columns_set_item_name{display:flex; justify-content:flex-start; align-items:center;}
		.columns_set_item_size{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.columns_set_item_option{cursor:pointer; font-size:14px; font-weight:400; color:var(--light-grey);}
		.columns_set_item_option_selected{font-weight:600 !important; color:var(--main) !important}
		.entity_list_result_empty{height:44px; width:100%; display:flex; justify-content:flex-start; align-items:center; background:var(--light-grey); font-size:14px; padding:0px var(--gap); font-weight:400;}
		.entity_line .entity_field[type="inventory_cargr_validation"]{justify-content:center !important; align-items:center !important;}
		.entity_field[type="inventory_cargr_validation"] svg{width:22px;}
		.entity_field[type="inventory_cargr_validation"] svg.valid{fill:green;}
		.entity_field[type="inventory_cargr_validation"] svg.invalid{fill:orange;}
		.pistosi_history .entity_list{min-height:unset !important; margin-bottom:0px !important;}
	/* END OF ENTITY LIST */

	/* ORDERS */
		.sum_of_order{border-radius:5px; padding:var(--gap) var(--gap); gap:11px; background:var(--main); min-height:44px; width:100%; display:none; justify-content:center; align-items:flex-end; flex-direction:column;}
		.pistosi_applied_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.calculated_order_sum{display:flex; justify-content:flex-end; align-items:center; gap:11px;}
		.final_payable_sum{font-size:20px !important;}
		.sum_of_order_open{display:flex;}
		.sum_of_order div{color:#fff; font-size:14px;}
	/* END OF ORDERS */

	/* SINGLE */
		.single_addition_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:var(--gap); gap:var(--gap);}
		.single_accordion_options{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-top:calc(var(--gap) * 2);}
		.single_accordion_option{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; margin-bottom:var(--gap);}
		.single_accordion_option_header{width:100%; padding:0px var(--gap); height:44px; display:flex; justify-content:space-between; align-items:center; background:var(--light-grey); border-radius:5px; }
		.single_accordion_record_name{font-weight:bold;}
		.single_accordion_controls{display:flex; justify-content:flex-end; align-items:center; gap:calc(var(--gap) / 2);}
		.single_accordion_option_cont{width:100%; display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column; border:solid thin var(--light-grey); border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; padding:var(--gap);}

		.single_accordion_option_open .single_accordion_option_cont{display:flex !important;}
		.single_accordion_option_open .single_accordion_option_header{border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

		.kartela_cont{margin-top:calc(var(--gap) * 2);}
		.kartela_header{border-top-left-radius:5px; border-top-right-radius:5px; background: var(--grey); width: max-content; display: flex; justify-content: flex-start; align-items: center; border: solid thin var(--grey);}
		.kartela_header *{color:#fff; font-size:14px;}
		.kartela_line{width:100%; border-left:solid thin var(--grey); display:flex; justify-content:flex-start; align-items:center;}
		.kartela_line *{font-size:14px; border-right:solid thin var(--grey);}
		
		.kartela_products *{height:33px; padding:0px 1rem; display:flex; justify-content:flex-start; align-items:center;}
		.kartela_products .product_blank_space{width:calc(15 * var(--gap)); border-right:solid thin var(--grey);}
		.kartela_products .product_title{overflow:auto; font-size:14px; width:660px; border-right:solid thin var(--grey);}
		
		.kartela_products .product_qnt{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_price{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_discount{font-size:14px; width:165px; border-right:solid thin var(--grey);}
		.kartela_products .product_total{font-size:14px; width:164px;}
		.kartela_products_header{padding:0px !important; border:solid thin var(--grey);  border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center; background:var(--light-grey);}
		.kartela_product_line{padding:0px !important; border:solid thin var(--grey); border-top:none; display:flex; width:max-content; justify-content:flex-start; align-items:center;}
		.kartela_line_col{padding:0px 1rem; width:calc(15 * var(--gap)); height:33px; display:flex; justify-content:flex-start; align-items:center; border-bottom:solid thin var(--grey);}
		.kartela_line_sum{display:flex; justify-content:flex-end;}
		.kartela_line_balance{display:flex; justify-content:flex-end;}

		.kartela_product_line .product_title_inner{width:max-content; padding:0px !important;}
		.kartela_product_line .product_price{display:flex; justify-content:flex-end;}
		.kartela_product_line .product_total{display:flex; justify-content:flex-end;}
	/* END OF SINGLE */

	/* INVENTORY */
		.inventory_line_add{background:#fff; border-radius:5px; padding:var(--gap); width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem; flex-wrap:Wrap; margin-bottom:var(--gap);}
		.inventory_line_add_icon{cursor:pointer; background:var(--main); color:#fff; display:flex; justify-content:center; align-items:center; border-radius:100px; width:33px; height:33px; }
		.inventory_line_add_icon img{width:16px;}
		.inventory_main_data .request_field{}
		.real_file_input{display:none;}
		.inventory_main_data{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
		.inventory_options_data{width:100%; flex-direction:column; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;}
		.inventory_options_data .request_field{width:100%;}

		.photo_preview_area {width:100%; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px;}
		.extra_fields_wrapper{width:100%; margin-bottom:var(--gap);}
		.extra_field_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.compatible_vehicles_wrapper{width:100%; margin-bottom:var(--gap);}
		.compatible_vehicle_item{width:100%; display:flex; justify-content:flex-start; align-items:center;}
		.entity_field[type="photos"] .button{height:22px !important; font-size:12px !important; padding:0px 8px !important;}
		.entity_field[type="photos"]{align-items:center !important;}

		.photo_thumb{position: relative; display: inline-block; margin: 5px;}
		.photo_thumb img{max-height: 100px; max-width: 100px; border: 1px solid #ccc;}
		.photo_thumb_delete{position: absolute; top: -8px; right: -8px; background: red; color: white; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
		.cargr_invalid_wrapper{cursor:pointer; display:flex; justify-content:center; align-items:center;}
	/* END OF INVENTORY */

	/* GALLERY */
		.gallery_cont{display:none; gap:var(--gap); justify-content:center; align-items:center; flex-direction:column; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:999999; backdrop-filter: blur(2px);}
		.gallery_cont_open{display:flex !important;}
		.gallery_main{overflow:hidden; position:relative; width:90%; max-width:1920px; height:calc(100vh - var(--gap) - 150px); display:flex; justify-content:center; align-items:center;}
		.gallery_main img{width:100%; height:100%; object-fit:contain;}
		.gallery_thumbs{padding:0px var(--gap); width:100%; overflow-x:auto; height:100px;}
		.gallery_thumbs_inner{width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.gallery_thumbs_item{border:solid 2px transparent; cursor:pointer; height:88px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;}
		.gallery_thumbs_item img{width:100%; height:100%; object-fit:cover;}
		.gallery_main_img_back{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover !important; z-index:-1; filter:blur(10px); width:105% !important; height:105% !important;}
		.current_thumb{border:solid 2px var(--main) !important;}
		.gallery_close{position:fixed; top:var(--gap); right:var(--gap);}
	/* END OF GALLERY */

	/* CONTACTS */
		.inner_title{color:var(--main); font-weight:600; font-size:22px; margin-bottom:var(--gap);}
		.white_container{display:flex; width:100%; margin-bottom:var(--gap); background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.grey_container{margin-bottom:var(--gap); background:var(--light-grey); padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container{display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_container_open{display:flex !important; margin-bottom:var(--gap);}
		.contact_container{width:100%; display:none; background:#fff; padding:var(--gap); border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.contact_container.single_accordion_option{padding:0px !important;}
		.contact_container_open{display:flex !important; margin-bottom:var(--gap);}
		.car_container{padding:1rem; gap:1rem; width:100%; display:none; border-radius:5px; border:solid thin #e9e9e9; background:#e9e9e9; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.car_container_open{display:flex !important;}
		.client_id_contact{width:calc((100% / 3) - 11px); display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.client_id_contact_open{display:flex !important;}
		.client_id_contact label{margin-bottom:8px; font-size:14px; font-weight:500;}
    	.client_id_contact label sup{color:var(--main); font-size:10px;}
		.company_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.company_container_open{display:flex !important; margin-bottom:var(--gap);}
		.idiotis_container{display:none; width:100%; border-radius:5px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.idiotis_container_open{display:flex !important; margin-bottom:var(--gap);}
	/* END OF CONTACTS */

	/* SERVICE */
		.service_vehicle_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_vehicle_section_open{display:flex !important;}
		.service_contact_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_contact_section_open{display:flex !important;}
		.service_client_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.service_client_section_open{display:flex !important;}

		.service_tabs{margin-bottom:1rem;width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.service_section{display:none; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.service_active_section{display:flex !important;}
	/* END OF SERVICE */

	/* TABS */
		.tabs{margin:1rem 0px;width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:1rem;}
		.tab_section{width:100%; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.tab_active_section{display:flex !important;}
		.tab_active{background: var(--main) !important; color: #fff !important;}
	/* END OF TABS */

	/* PROFILE */
		.profile_cont{margin-top:1rem;}

	/* END OF PROFILE */

	/* FOOTER */
		footer{width:100%; position:fixed; z-index:9999; bottom:0px; left:0px; display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:6px 0px; background:var(--grey);}
		footer .container{ padding:0px var(--gap); justify-content:center; align-items:center; flex-direction:column;}
		
		#pagination-container{width:100%; display:flex; justify-content:center; align-items:center;}

		.occasional_buttons{display:flex; justify-content:flex-start; align-items:center;}
		.occasional_buttons .button_red:hover{background: var(--light-grey);}
		.occasional_buttons .add_container_buttons{margin-top:0px !important;}
	/* END OF FOOTER */
	
	/* TOOLTIP */
		.tooltip_footer {position: fixed; bottom: 66px; left: -100%; width: max-content; background: #fff; border-top: 4px solid #c00; box-shadow: 0 -2px 10px rgba(0,0,0,0.4); z-index: 9999; transition: left 0.3s ease; font-size: 14px; padding: 12px 16px;}
		.tooltip_footer.tooltip_footer_open {left: 22px;}
		.tooltip_footer_inner{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
		.tooltip_buttons{margin-top:var(--gap); display:flex; justify-content:flex-start; align-items:center; gap:var(--gap);}
		.tooltip_footer_content {white-space: pre-wrap; color: #000;}
		.tooltip_line:before{content:"•"; margin-right:4px;}


	/* END OF TOOLTIP */

	/* MODAL */
		#deleteConfirmModal{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99999; backdrop-filter: blur(2px);}
		.modal_container{background: white; padding: var(--gap); border-radius: 5px; width: 600px; margin: 100px auto; text-align: center; min-height:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
		.modal_container p{font-size:16px; line-height:22px;}
		.modal_buttons{margin-top:var(--gap); width:100%; display:flex; justify-content:center; align-items:center; gap:var(--gap);}
	/* END OF MODAL */
	

	.select2-results__option {white-space: normal !important; word-wrap: break-word;}
	.select2-container .select2-selection--single {white-space: normal !important;}
	.select2{width:100% !important;}
	.select2-dropdown{border:solid thin #fff !important;}
	.select2-container .select2-selection--single{border:solid thin #fff !important; height:33px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px !important;}
	select{width:100% !important;}
	
	.order_orange div{background:orange; font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_blue div{background:rgb(72, 201, 252); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	.order_green div{background:rgb(72, 252, 117); font-size:14px; height:22px; display:flex; justify-content:center; align-items:center; padding:0px 11px; border-radius:5px; }
	
	.quick_info{margin-bottom:2rem; width:100%; display:flex; justify-content:flex-start; align-items:flex-start;}
	.quick_info_item{width:calc(100% / 3); border:solid thin #e9e9e9; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
	.quich_info_item_title{width:100%; height:44px; color:#fff; background:var(--main); font-size:16px; display:flex; justify-content:center; align-items:center;}
	.quich_info_item_value{width:100%; height:110px; color:#999; font-size:38px; font-weight:200; display:flex; justify-content:center; align-items:center;}
	
	.trash_record{width:44px; color:#000;  display:flex; justify-content:center; align-items:center;cursor:pointer;}
	.trash_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}
	.trash_record ion-icon{font-size:22px;}
	.view_record{width:44px; color:#000; display:flex; justify-content:center; align-items:center; cursor:pointer;}
	.view_record ion-icon{font-size:22px;}
	.view_record img{display:none; width:auto; height:auto; max-width:44px; max-height:44px;}

	.add_button_fixed{ color:#fff; font-weight:900; width:max-content; padding:0px 1rem; height:44px; border-radius:100px; cursor:pointer; background:var(--main); box-shadow:var(--box-shadow); display:flex; justify-content:center; align-items:center; font-size:.8rem;}
	.add_button_fixed ion-icon{font-size:22px; margin-right:4px; color:#fff !important; stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed .ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width, 63px) !important;}
	.add_button_fixed:hover{background:var(--dark-grey); color:#fff; transition:all .9s;}
	.add_button_fixed_selected{background:var(--dark-grey); color:#fff; transition:all .9s;}

	

	

	.add_inventory_cont{padding:1rem;  width:100%; overflow-x:auto; }
	.add_inventory_cont form{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:1rem;}
	.add_inventory_cont form .col1 .request_field{}
	.add_inventory_cont .col1{margin-bottom:0px !important; flex-wrap:unset !important; gap:1rem;}
	
	.icon_grey{background:var(--grey) !important;}
	.icon_blue{background:var(--blue) !important;}


	.login_wrapper{background:#fff;}
	.login_form{width:100%; padding:4rem; height:100dvh; display:flex; justify-content:flex-start; align-items:center; flex-direction:column;}
    .login_form form{width:100%; max-width:600px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .login_container{width:100%; height:100vh; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; gap:1rem;}
    .login_link{font-size:12px; text-decoration:underline !important;}
	.login_logo{width:100%; padding:2rem; display:flex; justify-content:center; align-items:center;}
	.login_logo img{width:auto; height:auto; max-width:600px; max-height:200px;}
	.filters .col3{width:100%; display:grid; grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);}
    .number-input-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
		height:88px;
		position: relative;
		margin-bottom: 10px;
	  }
	  .mm-input {
		transition: color 0.1s ease, transform 0.1s ease;
	  }
	  .label-overlay {
		position: absolute;
		top: 68%;
		right: 30px;
		transform: translateY(-50%);
		font-size: 14px;
		color: #aaa;
		pointer-events: none; /* Prevents it from interfering with input */
	  }
	  
	  .mm-input:focus {
		transform: scale(1.1);
		color: #007BFF;
	  }
	  .mm-input {
		flex: 1;
		padding-right: 55px;
		font-size: 66px;
		text-align: right;
		height:88px;
	  }
	  
	  .scroll-gear {
		width: 22px;
		height: 88px;
		background: linear-gradient(135deg, #ddd, #bbb);
		border: 1px solid #aaa;
		
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: absolute;
		right: -5px;
	  }
	  
	  .scroll-gear::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 2px solid #777;
		border-radius: 50%;
		box-shadow: 0 0 0 3px #fff inset;
	  }

	.project_row_hidden{height:66px; overflow:hidden;}
    .project_row_hidden .project_row_col1{width:55px !important; height:55px !important;}
    .project_row_hidden .project_row_col2{width:calc(100% - 55px - 88px) !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values{display:none !important;}
    .project_row_hidden .project_row_col2 .project_row_input_values_textarea{display:none !important;}
    .project_row_hidden .project_row_title{display:flex !important; justify-content:flex-start; align-items:center; padding-left:1rem; height:44px;}
    .project_row_title{display:none;}
    
    .explanation_labels{font-weight:400; background:var(--dark-grey); width:100%; height:33px; display: flex; justify-content: flex-start; align-items: center; padding: 0px 11px; color:var(--white);}
    .project_elements_cont{width:100%; display:flex; justify-content:flex-start; align-items:center; overflow-x:scroll;}
    .project_elements_inner_cont{width:auto; display:inline-flex; justify-content:flex-start; align-items:center;}
    .project_element{width:200px; height:200px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
    .project_element img{width:auto; height:auto; max-width:90%; max-height:90%;}
    
    .project_row{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; padding:1rem;  background:var(--grey)}
    .project_row_col1{width:170px; height:170px;}
    .project_row_col1 img{width:auto; height:auto; max-width:90%; max-height:90%;}
    .project_row_col2{width:calc(100% - 170px - 88px - 44px); display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0px 22px;}
    .project_row_input_values{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:285px; margin-bottom:1rem; margin-right:1rem;}
    .project_row_input_values span{width:100%; display:inline-block;}
    .project_row_input_values .width{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .height{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    .project_row_input_values .qnt{width:100px !important; min-width:100px !important; text-align:right; margin-right:4px;}
    
    
    .project_row_input_values_textarea{width:100%; margin-bottom:1rem;}
    .project_row_input_values_textarea textarea{height:66px; min-height:66px !important; padding:11px !important;}
    .project_row_col3{width:88px; height:33px; display:flex; justify-content:space-between; align-items:center;}
    .cb_button{position:fixed; bottom:66px; right:22px; display:flex; justify-content:center; align-items:center; width:44px; height:44px; box-shadow:var(--box-shadow); border:solid thin var(--grey); background:var(--grey); border-radius:100px; transition:all .6s; outline:none; cursor:pointer; font-size:1rem; font-weight:200; z-index:99;}
    .cb_button ion-icon{font-size:22px;}
    .cb_button:hover{border:solid thin var(--dark-grey); background:var(--dark-grey); color:var(--white);}
    
    
    
    /*
	select:focus{transition:all .6s; border:solid thin #dbebff; background:#dbebff;}
    */
    .inner_modal{color:#fff; width:100%; box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; margin-bottom:22px;}
    .modal{width:calc(100% - 10%); box-shadow:var(--box-shadow); height:44px; display:flex; justify-content:flex-start; align-items:center; position: fixed; top: 22px; left: 5%; padding: 0px 22px; background: var(--grey); border-left: solid 5px green; font-size:.8rem;}
    .modal_options{margin-top:1rem; width:100%; display:flex; justify-content:space-between; align-items:center;}
    .modal_button{width:calc(50% - 1rem) !important;}
    .modal_button_yes{background:var(--cyan); color:var(--white); border:solid thin var(--cyan);}
    .modal_button_yes:hover{background:#2372a5;}
    .modal_button_no{background:var(--red); color:var(--white); border:solid thin var(--red);}
    .modal_button_no:hover{background:#9d0a0e;}
    .modal_error{border-left: solid 5px red;}
    .delete_modal{width:400px; padding:22px; background:var(--white); text-align:center; box-shadow:var(--box-shadow); min-height:100px; border-radius:10px; position:fixed; top:22px; left:50%; transform:translateX(-50%); z-index:9999;}
    .delete_modal span{color:var(--cyan);}
    
    
    /* CLIENTS */
        
    /* END OF CLIENTS */
    
    /* REGISTER */
        .register_birthday{width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;}
        .register_birthday select{width:calc((100% / 3) - 1rem);}
    /* END OF REGISTER */
    
    
    /* STORAGE */
		#btnCreateEmptyFile{display:flex; justify-content:center; align-items:center; gap:6px;}
	  	#btnCreateEmptyFile svg{width:20px;}
		.sht_header{background:var(--main); color:#fff; display: grid; grid-template-columns: 130px 90px 90px 1fr; font-weight: bold; border-bottom: 1px solid #ddd; padding: 4px 8px;}
	  	.sales_history_table{display: flex; flex-direction: column; gap: 2px;}
	  	.sht_row{display: grid;  padding:4px 8px; grid-template-columns: 130px 90px 90px 1fr; border-bottom: 1px solid #f0f0f0; font-size: 14px;}
		
		.sht_qty{text-align:center;}
	  	.sales_history_backdrop{position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter:blur(2px); z-index: 99999; display: flex; align-items: center; justify-content: center;}
		.sales_history_box{background: #fff; border-radius: 8px; padding: 16px; max-width: 800px; width: 100%; max-height: 80vh; box-shadow: 0 8px 24px rgba(0,0,0,0.25); display: flex; flex-direction: column; gap: 8px; font-size: 14px;}
	  	.sales_history_header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
		.sales_history_title{}
		.sales_history_item{padding: 6px 0; border-bottom: 1px solid #eee; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
	  	.sales_history_list{overflow-y: auto; padding-right: 4px;}
		.sales_history_close{border: none; background: transparent; font-size: 18px; cursor: pointer; line-height: 1;}
		.storage_sold_badge{position: absolute; z-index: 99; font-weight: 900; color: var(--main); border: solid 5px var(--main); padding: 22px; width: max-content; text-align: center; font-size: 25px; border-radius: 5px; transform: translateX(-50%) rotate(45deg); top: 22%; left: 50%;}
	  	.file-info{display:flex; gap:14px; flex-wrap:wrap; background:#fcfdff; border:1px solid #eaeef8; border-radius:8px; padding:8px; margin:6px 0 6px 0; font-size:12px;}
		.file-info strong{ font-weight:600; }
		.tree_row .actions_btn{position:absolute;  top:50%; transform:translateY(-50%); right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }

		.actions_btn{position:absolute; z-index:9999; top:6px; right:6px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; border:1px solid #e5e5e5; background:#fff; color:#222; cursor:pointer; opacity:.9; }
		.actions_btn:hover{ background:#f6f8ff; }
		.actions_menu{position:fixed; z-index:10002; min-width:200px; max-width:280px; background:#fff; border:1px solid #e5e5e5; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.15); overflow:hidden;}
		.actions_menu .am-item{padding:10px 12px; font-size:14px; cursor:pointer; display:flex; gap:8px; align-items:center;		}
		.actions_menu .am-item:hover{ background:#f5f7ff; }
		.entity_item_storage{ position:relative; }
		.tree_row{ position:relative; }
		.lp-highlight{ outline:2px solid #cfe3ff; outline-offset:2px; }

        .storage_container{margin-top:130px; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; gap:12px; width:100%}
		.storage_container .entity_header{display:none !important;}
        .storage_tree{border:1px solid #e7e7e7; border-radius:8px; padding:10px; width:calc(100% - 22px);}
        .storage_currentPath{display:none;}
        label[for="fileInput"] svg{width:18px; margin-right:6px;}
        #btnUp svg{width:18px; margin-right:6px;}
        .desc_saved_msg{font-size:12px; color:var(--main);}
        .tree_buttons{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:22px;}
        #dropzone{border:2px dashed #c8c8c8; border-radius:8px; padding:16px; text-align:center; margin-bottom:10px;}
        .storage_explorer{border:1px solid #e7e7e7; border-radius:8px; padding:10px; width:calc(100% - 22px);}
        .storage_breadcrumbs{display:flex; justify-content:flex-start; align-items:center; margin-bottom:11px; font-size:12px; background:#d9d9d9; padding:4px 0px; flex-wrap:wrap; min-height:22px; border-radius:5px;}
        .storage_breadcrumb_item{font-size:12px; cursor:pointer; padding:0px 8px;}
        .storage_add_container_buttons{margin-bottom:11px !important;}
        .storage_entity_list_result{display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); gap:10px;}
        #tree{}
        .tree_item{cursor:pointer; font-size:14px; height:22px; display:flex; justify-content:flex-start; align-items:center;}
        .tree_item_active{color:var(--main); font-weight:bold;}
        
		.entity_item_storage_buttons{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:11px;}
        .entity_item_storage{border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_icon{cursor:pointer; aspect-ratio:1.77;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:32px;}
        .entity_item_storage_icon svg{width:55px;}
        .entity_item_storage_icon svg path{fill:var(--main);}
        .entity_item_storage_buttons{display:flex;gap:6px;flex-wrap:wrap;}
        .entity_item_storage_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file{position:relative; border:1px solid #e7e7e7;border-radius:8px;padding:8px;}
        .entity_item_storage_file_thumb{position:relative; display:block;aspect-ratio:1.4;background:#fafafa;border:1px dashed #ddd;border-radius:6px;margin-bottom:6px;overflow:hidden;}
        .entity_item_storage_file_thumb img{width:100%;height:100%;object-fit:cover;}
        .entity_item_storage_file_name{display:none; font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
        .entity_item_storage_file_request_field{margin-bottom:6px;}
        .entity_item_storage_file_request_field textarea{padding:8px 11px !important; width:100%;min-height:70px; font-size:14px;}
        .entity_item_storage_file_buttons{display:flex;gap:6px;flex-wrap:wrap;}
		.entity_item_storage_inventory{min-height:22px;}
		.suggested_price{font-size:14px;}
		.suggested_price span{font-weight:bold; color:var(--main);}
		.thumb_download_btn{position:absolute; right:6px; bottom:6px; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; font-size:12px; line-height:1; background:#111; color:#fff; border-radius:6px; text-decoration:none; opacity:.9;}
		.storage_position{z-index:10; position:absolute; cursor:default; top:6px; left:6px; background:var(--main); color:#fff; border-radius:5px; padding:0px 6px; height:22px; display:flex; justify-content:center; align-items:center;}
        /* Tree */
		#tree ul.tree_root{padding-left:0px !important;}
        #tree ul{ list-style:none; padding-left: 16px; margin: 0; }
        #tree .tree_row{ display:flex; align-items:center; gap:6px; padding:4px 6px; border-radius:6px; cursor:pointer; }
        #tree .tree_row:hover{ background:#f1f4f8; color:#000;}
        #tree .tree_item{ flex:1 1 auto; }
        #tree .tree_item_active{ background:var(--main); color:#fff; font-weight:600; }
        #tree .twisty{ width:14px; text-align:center; user-select:none; font-family: system-ui, sans-serif; opacity:.9; }
        #tree .twisty.empty{ opacity:.25; }
    
        /* Context menu */
        #storage_ctxmenu {
          position: fixed; z-index: 10000; display: none;
          min-width: 200px; background: #fff; color: #111;
          border: 1px solid #dcdcdc; border-radius: 8px;
          box-shadow: 0 8px 24px rgba(0,0,0,.15);
        }
        #storage_ctxmenu .ctx-item { padding: 10px 12px; cursor: pointer; user-select: none; }
        #storage_ctxmenu .ctx-item:hover { background: #f1f4f8; }
    
        /* Preview modal */
        #storage_preview_backdrop { position: fixed; inset: 0; z-index: 99999; display: none; background: rgba(0,0,0,.65); }
        #storage_preview {
          position: fixed; z-index: 999999; display: none;
          max-width: 92vw; max-height: 92vh;
          top: 50%; left: 50%; transform: translate(-50%, -50%);
          background: #0b0d12; border: 1px solid #242b38; border-radius: 10px; padding: 10px;
        }
        #storage_preview img { max-width: 90vw; max-height: 85vh; display: block; }
        #storage_preview .preview_title { color: #dfe7f1; font-size: 13px; margin-bottom: 8px; opacity: .75; }
        #storage_preview .preview_close {
          position: absolute; top: 4px; right: 10px;
          background: transparent; color: #fff; border: none; border-radius: 6px; cursor:pointer;
          cursor: pointer; width:28px; height:28px; display:flex; justify-content:center; align-items:center;
        }
    /* END OF STORAGE */
}