: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: new-hero, 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: new-hero, 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%;
}

.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{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;}

input[readonly]{background:transparent !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 */

@media screen and (min-width: 1280px) {
	    
}



@media screen and (max-width: 1279px) and (min-width: 768px) {
	
}

@media screen and (max-width: 767px){
	:root{
		--gap:22px;
	}

	/* GENERAl */
	#result-list{border-radius:5px; background:var(--light-grey); padding:11px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
	#result-list li{width:100%; border-bottom:solid thin var(--dark-grey); height:22px; display:flex; justify-content:flex-start; align-items:center; font-size:14px;}
	.scanner_area{width:100dvw; margin-left:-32px;  height:60dvh; border:1px solid #ccc; margin-bottom:var(--gap); display:none;}
	

	  	.wrapper{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; }
		.wrapper .container{min-height:100vh; padding:var(--gap); margin-top:66px; 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; }
		.user_full_name{display:none;}
		.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:79dvh;}
		.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:3px 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{line-height:33px; border:none; transition:all .6s; width: max-content; padding: 0px 11px;  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:400px;}
		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 var(--gap); 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); }
    	
		
    /* END OF GENERAL */

	

	/* WIDGET */
		.widget{width:500px; border-radius:5px; overflow:hidden;}
		.widget_title{background:var(--grey); border-top-right-radius:5px; border-top-left-radius:5px; height:44px; padding:0px var(--gap); display:flex; justify-content:flex-start; align-items:center; color:#fff; font-size:20px;}
		.widget_body{background:#fff; padding:var(--gap); border:solid thin var(--grey); border-bottom-left-radius:5px;  border-bottom-right-radius:5px;}
	/* END OF WIDGET */

	/* 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{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_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);}
	/* 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;}
		.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,1); z-index:999999;}
		.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-bottom:1rem;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; 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;}
		.general_info{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{min-width:16px; height:16px; border-radius:5px; padding:0px 6px; display:flex; justify-content:center; align-items:center;}
		.wifi_item{color:#333; font-size:11px; }
		.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;}
		.caps_item{color:#fff; font-size:11px;}
		.caps_item_active{background:#6cff6c !important; color:#333 !important;}
		.caps_item_inactive{color:var(--main) !important;}
		#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 .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{height:100dvh; background:#e9e9e9;}
	.login_form{width:100%; padding:2rem; 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%; display:flex; justify-content:center; 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:250px; 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 */
}