:root{
	
	--white-color: #fff;
	--black-color: #000;
	
	--light-100: #b9d2f8;
	--light-200: #ff6600;
	--light-300: #e10000;
	--light-400: #e1e181;
	
	--dark-100: #4b4b4b;
	
	--gray-100:#e1e1e1;
	--gray-200: #f0f0f0;
	--gray-300: #adadad;
	
	--error-color:#ea5455;
	
	--main-bg: #8cb4c8;
	--dark-bg: #4b4b4b;
	
	--blue-color:#0000ff;
}

 @font-face {
    font-family: 'PublicSans-r';
    src: url('https://oncas.evastl.com/fonts/PublicSans-Regular-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-Regular-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-Regular-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/PublicSans-Regular-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'PublicSans-sb';
    src: url('https://oncas.evastl.com/fonts/PublicSans-SemiBold-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-SemiBold-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-SemiBold-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/PublicSans-SemiBold-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'PublicSans-m';
    src: url('https://oncas.evastl.com/fonts/PublicSans-Medium-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-Medium-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-Medium-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/PublicSans-Medium-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'PublicSans-l';
    src: url('https://oncas.evastl.com/fonts/PublicSans-Light-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-Light-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-Light-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/PublicSans-Light-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'PublicSans-b';
    src: url('https://oncas.evastl.com/fonts/PublicSans-Bold-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-Bold-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-Bold-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/PublicSans-Bold-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'PublicSans-eb';
    src: url('https://oncas.evastl.com/fonts/PublicSans-ExtraBold-webfont.ttf');
    src: url('https://oncas.evastl.com/fonts/PublicSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/PublicSans-ExtraBold-webfont.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/PublicSans-ExtraBold-webfont.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/PublicSans-ExtraBold-webfont.ttf') format('truetype');
}
 @font-face {
    font-family: 'TablerIcon';
    src: url('https://oncas.evastl.com/fonts/tabler-icons.ttf');
    src: url('https://oncas.evastl.com/fonts/tabler-icons.eot?#iefix') format('embedded-opentype'),
         url('https://oncas.evastl.com/fonts/tabler-icons.svg#@{font-source}') format('svg'),
         url('https://oncas.evastl.com/fonts/tabler-icons.woff') format('woff'),
         url('https://oncas.evastl.com/fonts/tabler-icons.ttf') format('truetype');
}

/* ICONS */

.tf-icons{
	flex-grow: 0;
    flex-shrink: 0;
    font-size: 22px;
    height: 22px;
	font-family: 'TablerIcon';
	display: flex;
	align-items: center;
	justify-content: center;
}
.tf-icons.ti-smart-all_customers:before{
	content: "\ebf2";
}
.tf-icons.ti-smart-all_orders:before{
	content: "\edef";
}
.tf-icons.ti-smart-all_products:before{
    content: "\eaa4";
}
.tf-icons.ti-smart-content:before{
        content: "\eada";
}
.tf-icons.ti-smart-all_newseletter:before{
     content: "\eb6c";
}
.tf-icons.ti-smart-all_settings:before{
     content: "\eb20";
}
.tf-icons.bell:before{
    content: "\ea35";
}
.tf-icons.home:before{
    content: "\eac1";
}
.tf-icons.link:before{
    content: "\eade";
}
.tf-icons.logout:before{
    content: "\eba8";
}
.tf-icons.dots-vertical:before{
    content: "\ea94";
}
.tf-icons.chart-pie-2:before{
    content: "\ee31";
}
.tf-icons.users:before{
    content: "\ebf2";
}
.tf-icons.ti-smart-all_parteneri:before{
    content: "\fa21";
}
.tf-icons.ti-smart-user_sell:before{
    content: "\eb80";
}
.tf-icons.ti-smart-costs:before{
    content: "\f65d";
}
.tf-icons.ti-smart-rapoarte:before{
    content: "\ea5d";
}
.tf-icons.ti-smart-all_curieri:before{
    content: "\ec4b";
}
.tf-icons.shopping-cart:before{
   	content: "\eb25";
}
.tf-icons.dollar:before{
    content: "\eb84";
}
.tf-icons.edit:before{
    content: "\eb04";
}
.tf-icons.delete:before{
    content: "\eb41";
}
.tf-icons.prev:before{
    content: "\ea60";
}
.tf-icons.prev-double:before{
    content: "\ea64";
}
.tf-icons.next:before{
    content: "\ea61";
}
.tf-icons.next-double:before{
    content: "\ea65";
}
.tf-icons.menu:before{
    content:"\ec42";
}
.tf-icons.add:before{
    content:"\ea69";
}
.tf-icons.eye:before{
    content:"\ea9a";
}

body{
	font-family: 'PublicSans-r';
	color:var(--body-color);
	background:var(--main-bg);
	font-size: 0.9375rem;
	line-height: 1.47;
	min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    padding:0;
    margin:0;
}
*{
	box-sizing: border-box;
}

/* LOGIN PAGE */

.app-login-page{
	padding:20px 15px;
}
.app-login-page .wrapper{
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.app-login-page .login-form{
	width: 100%;
	max-width: 500px;
	display: flex;
	flex-direction: column;
}
.app-login-page .login-form #login{
	display: flex;
	flex-direction: column;
	background:var(--dark-bg);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	border:1px solid var(--black-color);
}
.app-login-page .login-form #login .site-name{
	background:var(--white-color);
	padding:10px;
}
.app-login-page .login-form #login .site-name h4{
	padding:0;
	margin:0;
	text-transform: uppercase;
	font-family: 'PublicSans-b';
}
.app-login-page .login-form #login .login-wrap{
	padding:25px 10px 30px;
}
.app-login-page .login-form #login .login-wrap .txt{
	color:var(--light-200);
	margin:0 0 25px;
	padding:0;
	text-align: center;
	font-family: 'PublicSans-b';
	font-size: 1.3rem;
	text-transform: uppercase;
}
.app-login-page .login-form #login .login-wrap .fields{
	display:flex;
	flex-direction: column;
	gap:15px;
}
.app-login-page .login-form #login .login-wrap .fields .field{
	display:flex;
	flex-direction: column;
	gap:4px;
}
.app-login-page .login-form #login .login-wrap .fields .field label{
	color:var(--white-color);
	font-size: 0.9rem;
}
.app-login-page .login-form #login .login-wrap .fields .field input{
	width:100%;
	padding:0 10px;
	box-sizing: border-box;
	line-height: 35px;
	border-radius: 8px;
	color:var(--black-color);
	outline: none;
	font-size: 0.9rem;
}
.app-login-page .login-form #login .login-wrap .main-btn{
	width:100%;
	padding:0 10px;
	box-sizing: border-box;
	line-height: 45px;
	background:var(--light-300);
	color:var(--white-color);
	text-align: center;
	font-family: 'PublicSans-b';
	text-transform: uppercase;
	border:2px solid vaR(--white-color);
	margin-top: 30px;
	cursor: pointer;
	transition: all 400ms ease-in-out;
	font-size: 1.1rem;
}
.app-login-page .login-form #login .login-wrap .main-btn:hover{
	background:var(--light-200);
}
.app-login-page .login-form #login #error{
	margin-top:10px;
	color:red;
	text-align: center;
}
@media(max-width:767px){
	.app-login-page .login-form #login .login-wrap .txt{
	    font-size: 1rem;
	}
	.app-login-page .login-form #login .login-wrap .main-btn{
    	font-size: 0.9rem;
    	margin-top:20px;
	}
}

/* LAYOUT PAGE */
#main{
	width: 100%;
}
#main .layout-container{
	display:flex;
	flex-direction: column;
	background:var(--main-bg);
}
#main .layout-container .layout-header{
	width: 100%;
	background:var(--white-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:6px 15px;
	border-bottom: 1px solid vaR(--gray-100);
}
#main .layout-container .layout-header .app-brand a{
	color:var(-light-100);
	text-transform: uppercase;
	font-family: 'PublicSans-b';
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}
#main .layout-container .layout-header .user-actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:15px;
}
#main .layout-container .layout-header .user-actions .avatar{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
}
#main .layout-container .layout-header .user-actions .avatar img{
	width: 100%;
	max-width: 35px;
	border-radius: 50%;
}
#main .layout-container .layout-header .user-actions ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
}
#main .layout-container .layout-header .user-actions ul li a{
	padding:6px 10px;
	color:var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	gap:4px;
	background:var(--main-bg);
	text-transform: uppercase;
	font-size: 0.8rem;
	border-radius: 7px;
}
#main .layout-container .layout-header .user-actions ul li a.logout{
	background:red;
}
#main .layout-container #layout-footer{
	padding:0 15px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:4px;
	color:var(--white-color);
}
#main .layout-container .layout-header .user-actions ul li a .t{
	line-height: 22px;
}
#main .layout-container .layout-header .user-actions ul li a .tf-icons{
	font-size: 18px;
}

@media(max-width:575px){
	#main .layout-container .layout-header .user-actions ul li a .t{
		display: none;
	}	
	#main .layout-container .layout-header .user-actions ul li a{
		padding:5px;
		width: 32px;
	}
	#main .layout-container .layout-header .user-actions .avatar img{
		display: none;
	}
	#main .layout-container .layout-header .user-actions .avatar h4{
		font-size: 14px;
	}
	#main .layout-container .layout-header .user-actions{
		gap:8px;
	}
	#main .layout-container .layout-header .user-actions ul{
		gap:8px;
	}
	#main .layout-container .layout-header{
		padding:6px 10px;
	}
}

#main .layout-container .layout-page{
	height: calc(100vh - (48px + 32.05px));
	display: flex;
	flex-direction: column;
	padding:15px 0;
}
#main .layout-container .layout-page .layout-page-wrapper{
	height: 100%;
	overflow-y: auto;
}
#main .layout-container .layout-page .layout-page-wrapper .layout-content {
	padding:0 15px;
}
#main .layout-container .layout-page .layout-page-wrapper .layout-content #content{
	margin:0;
	width:100%;
}

.dashboard-page #menu{
	display: flex;
	flex-wrap: wrap;
	gap:15px;
	width: 100%;
	max-width: 1100px;
	margin:0 auto;
}
.dashboard-page #menu > li{
	width: 100%;
	max-width: calc(100% / 7 - ((15px * 6) / 7));
	position: relative;
	box-shadow: 0 0 10px 0 rgba(255,255,255,.3);
}
.dashboard-page #menu > li .parent{
	background:var(--gray-100);
	display: flex;
	text-align: center;
	padding-top:80%;
	align-items: center;
	justify-content: center;
	color:var(--black-color);
	font-size: 15px;
	position: relative;
	border:2px solid var(--gray-100);
	transition: all 400ms ease-in-out;
}
.dashboard-page #menu > li .parent:hover{
	border-color: var(--blue-color);
	color:var(--blue-color);
}
.dashboard-page #menu > li .parent .txt{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.dashboard-page #menu > li:hover ul{
	opacity: 1;
	visibility: initial;
}
.dashboard-page #menu > li ul{
	display: flex;
	flex-direction: column;
	gap:5px;
	position: absolute;
	top:0%;
	left: 0%;
	width: 100% !important;
	height: 100%;
	overflow-y: auto;
	padding:10px;
	background:var(--gray-100);
	opacity: 0;
	visibility: hidden;
}
.dashboard-page #menu > li ul li a{
	color:var(--black-color);
	font-size: 12px;
	line-height: 20px;
}
.dashboard-page #menu > li ul li a:hover{
	color:var(--blue-color);
}
@media(max-width:991px){
	.dashboard-page #menu > li{
		max-width: calc(100% / 5 - ((15px * 4) / 5));
	}
	.dashboard-page #menu > li ul{
		opacity: 1;
		visibility: initial;
	}
}
@media(max-width:767px){
	.dashboard-page #menu > li{
		max-width: calc(100% / 4 - ((15px * 3) / 4));
	}
	#main .layout-container #layout-footer{
		font-size: 12px;
	}
	#main .layout-container .layout-page{
		height: calc(100vh - (48px + 27.63px));
	}
}
@media(max-width:575px){
	.dashboard-page #menu > li{
		max-width: calc(100% / 3 - ((15px * 2) / 3));
	}
	.dashboard-page #menu > li .parent{
		font-size: 14px;
	}
}
@media(max-width:400px){
	.dashboard-page #menu > li{
		max-width: calc(100% / 2 - (15px / 2));
	}
	.dashboard-page #menu > li .parent{
		font-size: 13px;
	}
}


/* MODULE */

.module-page-main-wrap:not(:has(.dashboard-page)){
	height:calc(100vh - (48px + 32.05px + 30px));
	background:vaR(--light-100);
	border:1px solid vaR(--black-color);
	border-radius: 8px 8px 0 0;
	padding:4px;
}
.module-page-main-wrap:not(:has(.dashboard-page)) > div{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.module-page-main-wrap .module-page-heading{
	width: 100% !important;
	padding:5px 10px!important;
	font-size: 15px;
	margin:0 !important;
}
.module-page-main-wrap .module_menu{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:8px;
	flex-wrap: wrap;
	margin:10px 0 15px;
	padding:0 10px;
}
.module-page-main-wrap .module_menu li{
	background-image: unset;
	padding:5px 10px;
	border:2px solid var(--gray-300);
	background:var(--gray-100);
	text-align: center;
	width: unset;
	float:unset;
	margin:0;
	font-size: 14px;
	line-height: 21px;
	font-family: 'PublicSans-sb';
	transition: all 400ms ease-in-out;
}
.module-page-main-wrap .module_menu li:hover{
	background:var(--black-color);
	color:var(--light-400);
}
.module-page-main-wrap .module_menu li.delete{
	background:red;
	color:var(--light-400);
}
.module-page-main-wrap .module_menu li.delete:hover{
	background:var(--error-color);
	color:var(--light-400);
}


/* GRID */

.nss_grid{
	background:var(--gray-200);
	border:0;
	padding:0;
}
.nss_grid.empty{
	display:none !important;	
}
.nss_grid table{
	border-color:var(--black-color);
	border-collapse: collapse;
}
.nss_grid table th, .nss_grid table td{
	background:unset;
	border: 1px solid var(--black-color) !important;
}
.nss_grid table th{
	padding:5px;
	overflow: unset;
	white-space: unset;
	background:var(--gray-300);
}
.nss_grid table th{
	color:var(--black-color);
	font-size: 15px;
	font-family: 'PublicSans-b';
}
.nss_grid table th a{
	color:var(--black-color);
	font-size: 15px;
	display:flex;
	align-items:center;
	justify-content:Center;
	text-align:center;
}
.nss_grid table th.check-all-th{
	position: relative;
	width:40px !important;
}
.nss_grid table th.check-all-th input{
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.nss_grid table th.check-all-th label{
	width: 20px;
	height: 20px;
	display: block;
	border:2px solid var(--black-color);
	margin:0 auto;
	position: relative;
	background:var(--white-color);
}
.nss_grid table th.check-all-th label:before{
	content:'';
	position: absolute;
	top:4px;
	left: 50%;
	width: 10px;
	height: 4px;
	border-bottom: 2px solid var(--light-200);
	border-left:2px solid var(--light-200);
	transform: translateX(-50%) rotate(-45deg);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
.nss_grid table th.check-all-th:has(input:checked) label:before{
	opacity: 1;
	visibility: initial;
}
.nss_grid table th a[rel="show_info"]{
	width: 20px;
	height: 20px;
	background:var(--blue-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
	color:var(--white-color);
	transition: all 400ms ease-in-out;
}
.nss_grid table th a[rel="show_info"] span{
	display:none;
}
.nss_grid table th a[rel="show_info"]:hover{
	background:var(--light-200);
}
.nss_grid table tr.filters th input, .nss_grid table tr.filters th select{
	background:var(--white-color);
	padding: 0 5px;
	font-size: 14px;
	color:vaR(--black-color);
	line-height: 30px;
	width: 100%;
	outline:none;
	border:1px solid var(--dark-100);
	height:30px;
	font-family: 'PublicSans-r' !important;
	font-weight:400;
}
.nss_grid table tr.filters th select{
	padding-right:20px;	
}
.nss_grid table tr.filters th .action.delete{
	background:var(--light-300);
	padding: 0 10px;
	font-size: 14px;
	color:vaR(--white-color);
	line-height: 35px;
	height: 35px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	outline:none;
	border:2px solid var(--gray-300);
	color:var(--light-400);
	transition: all 400ms ease-in-out;
}
.nss_grid table tr.filters th .action.delete:hover{
    background: var(--error-color);
    color: var(--light-400);
}
.nss_grid table tbody tr:nth-child(odd){
	background:var(--light-400);
}
.nss_grid table tbody tr.selected{
	background:var(--light-200);
}
.td-heading-mobile, .label-visible-mobile{
	display: none !important;
}
.nss_grid table td.td-checkbox{
	position: relative;
	width:40px !important;
}
.nss_grid table td.td-checkbox input{
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.nss_grid table td.td-checkbox label{
	width: 20px;
	height: 20px;
	display: block;
	border:2px solid var(--black-color);
	margin:0 auto;
	position: relative;
	background:var(--white-color);
}
.nss_grid table td.td-checkbox label:before{
	content:'';
	position: absolute;
	top:4px;
	left: 50%;
	width: 10px;
	height: 4px;
	border-bottom: 2px solid var(--light-200);
	border-left:2px solid var(--light-200);
	transform: translateX(-50%) rotate(-45deg);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
.nss_grid table td.td-checkbox:has(input:checked) label:before{
	opacity: 1;
	visibility: initial;
}
.nss_grid table td.td--wrap-actions .dots-vertical{
	display: none;
}
.nss_grid table td.td--wrap-actions .actions-dropdown{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
}
.nss_grid table td.td--wrap-actions .actions-dropdown .action{
	background:unset;
	padding:0;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	text-decoration: unset !important;
	color:var(--blue-color);
	transition: all 400ms ease-in-out;
	box-shadow: unset;
}
.nss_grid table td.td--wrap-actions .actions-dropdown .action:hover{
	color:var(--light-200);
}
.nss_grid table td.td--wrap-actions .actions-dropdown .action span{
	font-size: 18px;
	height: 18px;
}
.nss_grid table td{
	font-size: 14px;
	height: unset;
	padding:5px;
}
.nss_grid table td span.pointer.tf-icons.add{
	width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color:  var(--blue-color);;
    transition: all 400ms ease-in-out;
}
.nss_grid table td span.pointer.tf-icons.add:hover{
	color: var(--light-200);
}
.nss_grid table tbody tr td input{
	width:100%;
	text-align:Center;
}
.nss_grid table td.pagination-td{
	padding:10px;
}
.nss_grid table tr:has(.pagination-td){
	background:var(--white-color) !important;
}
.nss_grid table td.pagination-td .pagination-td-wrap{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:10px;
}
.nss_grid table td.pagination-td .pagination-td-wrap .pages-list{
	display:flex;
	align-items:Center;
	justify-content:center;
	gap:5px;
}
.nss_grid table td.pagination-td .pagination-td-wrap .pages-list li .tf-icons{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	background:var(--black-color);
	color:var(--white-color);
	cursor:pointer;	
	transition:all 400ms ease-in-out;
}
.nss_grid table td.pagination-td .pagination-td-wrap .pages-list li .tf-icons:hover{
	background:var(--light-200);	
}
.nss_grid table td.pagination-td .pagination-td-wrap .pages-list li:not(:has(.tf-icons)) span{
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid var(--gray-300);
}

/* MODAL */

.ui-widget-overlay{
	background:rgba(0,0,0,.7);	
}
.ui-dialog{
	border:1px solid var(--black-color);
	background:	var(--light-100);
	max-height:95vh;
	max-width: 98%;
}
.ui-dialog .ui-dialog-titlebar{
	background:Transparent;
	padding:10px 40px 10px 10px;
	border:0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{
	margin:0;
	padding:0;
	font-family: 'PublicSans-b';
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	width:30px;
	height:30px;
	background:red;
	display:flex;
	align-items:center;
	justify-content:Center;
	margin:0;
	top:7.25px;
	padding:0;
	border-radius:0;
	color:var(--white-color);
	border:2px solid var(--black-color);
	transition:all 400ms ease-in-out;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{
	background:var(--black-color);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(45deg);
	width:16px;
	height:2px;
	background:white;	
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(45deg);
	width:2px;
	height:16px;
	background:white;	
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span{
	display:none;
}
.ui-dialog .ui-dialog-content{
	background:var(--dark-100);
	color:var(--white-color);
	padding:15px 10px;
	font-size:15px;
	line-height:22px;
	max-height:calc(100vh - 95px);
	overflow-y:auto;
}
.ui-dialog .ui-dialog-content input[type="button"].ui-state-default{
    padding: 5px 10px;
    border: 2px solid var(--gray-300);
    background: var(--gray-100);
    text-align: center;
    width: unset;
    float: unset;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-family: 'PublicSans-sb';
    transition: all 400ms ease-in-out;
    color:var(--black-color);
    border-radius:0;
}
.ui-dialog .ui-dialog-content input[type="button"].ui-state-default:hover{
	background:var(--black-color);
	color:var(--white-color);
}
.ui-dialog .ui-dialog-content .ui-state-error{
	margin:0 !important;
	padding:15px !important;
	display:flex;
	align-items:Center;
	justify-content:flex-start;
	gap:10px;
}
.ui-dialog .ui-dialog-content .ui-state-error span{
	margin:0 !important;
	min-width:16px;
}
strong{
	font-family: 'PublicSans-b' !important;
}
i{
	font-style:italic;
}
#window_inventar_config .ui-state-default{
	width:100%;
	margin-top:10px;
}
.ui-tabs .ui-tabs-nav{
	padding:0;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}
.ui-tabs-nav li:first-child{
	margin-left:0 !important;
}
.tabs fieldset{
	border-radius: 0 0 7px 7px;
	margin-bottom:15px;
	border:0;
	background:var(--gray-200);
}
.ui-tabs .ui-tabs-nav li{
	background:var(--gray-200);
	color:var(--black-color);	
	border:0;
	font-size:14px;
	margin:0 .2em 0 0;
}
.ui-tabs .ui-tabs-nav li a{
	color:var(--black-color) !important;	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li:hover{
	background:var(--light-200);
	padding-bottom:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li:hover a{
	color:var(--white-color) !important;
}
.ui-dialog .ui-dialog-content .buttons{
	display:flex;
	align-items:Center;
	justify-content:flex-end;
	gap:10px;
	flex-wrap:wrap;
}
.ui-dialog .ui-dialog-content .buttons .ui-state-default{
	padding: 5px 10px;
    border: 2px solid var(--gray-300);
    background: var(--gray-100);
    text-align: center;
    width: unset;
    float: unset;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-family: 'PublicSans-sb';
    transition: all 400ms ease-in-out;
    border-radius:0;
    color:var(--black-color);
    cursor:pointer;
}
.ui-dialog .ui-dialog-content .buttons .ui-state-default:hover{
    background: var(--black-color);
    color: var(--light-400);
}
.ui-dialog .ui-dialog-content .buttons .ui-state-default#reset{
	background: red;
    color: var(--light-400);
}
.ui-dialog .ui-dialog-content .buttons .ui-state-default#reset:hover{
	background: var(--error-color);
    color: var(--light-400);
}
.ui-dialog .ui-dialog-buttonpane{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
	padding:5px;
}
.ui-dialog .ui-dialog-buttonpane:after{
	display: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-button{
	margin:0;
	padding:6px 10px;
	color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: var(--main-bg);
    text-transform: uppercase;
    font-size: 0.8rem;
    border-radius: 7px;
    outline:none;
    border:0;
    transition: all 400ms ease-in-out;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:hover{
	background:black;
}
.ui-dialog .ui-dialog-buttonpane .ui-button span{
	padding:0;
}
fieldset dl{
	display:flex;
	flex-direction:column;
}
fieldset dl dt, fieldset dl dd{
	width:100%;
	max-width:100%;
	margin:0;
	padding:0;
}
fieldset dl dt label{
	color:var(--black-color);
	font-size:13px;	
}
fieldset dl dd input[type="text"], fieldset dl dd input[type="password"], fieldset dl dd input[type="input"], fieldset dl select, fieldset dl dd input[type="password"], fieldset dl dd input[type="date"]{
	width:100% !important;
	line-height:30px;	
	height:30px;
	padding:0 10px;
}
fieldset dl select[multiple="multiple"]{
	height: unset;
}
fieldset dl dd textarea{
	width:100% !important;
	padding:5px 10px;
	line-height:21px;
}
fieldset dl dd:has(.tooltip) input, fieldset dl dd:has(.tooltip) textarea{
	max-width:calc(100% - 25px);
}
fieldset dl dd .tooltip{
	position:relative;
	top:2px;
}
.page_module .module-page-main-wrap{
	height:unset;
}
.page_module #nss_list_record .th_action{
	width:200px !important;
	display:flex;
	align-items:center;
	justify-content:Center;
	gap:10px;
}
.multiple-select-custom{
	position: relative;
}
.multiple-select-custom .multiple-select-custom-overlay{
	position: fixed;
	inset:0;
	width: 100%;
	height: 100%;
	display: none;
}
.multiple-select-custom ul{
	position: absolute;
	top:100%;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	 border: 1px solid black;
    background: #fff;
    z-index: 2;
    padding:4px;
    display: flex;
    flex-direction: column;
    max-height: 200px;
    overflow-y: auto;
    width:200px;
    box-sizing: border-box;
}
.multiple-select-custom ul li{
	padding: 2px 0 2px 17px;
	text-align: left;
	position: relative;
	font-size: 13px;
	box-sizing: border-box;
	text-transform: capitalize;
}
.multiple-select-custom ul li input{
	position: absolute;
	left:0;
	top:4px;
	width: unset !important;
	height: unset  !important;
}
.multiple-select-custom  .selected{
    border: 1px solid black;
    color: black;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
    background: var(--white-color);
    box-sizing: border-box;
    height: unset;
    transition: all 350msease-in-out;
}
.multiple-select-custom  .selected span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.multiple-select-custom.open ul{
	opacity: 1;
	visibility: initial;
}
.multiple-select-custom.open .multiple-select-custom-overlay{
	display: block;
}

.select-with-search{
	position: relative;
}
.select-with-search .select-with-search-overlay{
	position: fixed;
	inset:0;
	width: 100%;
	height: 100%;
	display: none;
}
.select-with-search ul{
	position: absolute;
	top:100%;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	 border: 1px solid black;
    background: #fff;
    z-index: 2;
    padding:4px;
    display: flex;
    flex-direction: column;
    max-height: 200px;
    overflow-y: auto;
    width:200px;
    box-sizing: border-box;
}
.select-with-search ul li{
	padding: 2px 0 2px;
	text-align: left;
	position: relative;
	font-size: 13px;
	box-sizing: border-box;
	text-transform: capitalize;
	color:black;
	cursor: pointer;
}
.select-with-search  .selected{
    border: 1px solid black;
    color: black;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
    background: var(--white-color);
    box-sizing: border-box;
    height: unset;
    transition: all 350msease-in-out;
}
.select-with-search  .selected input[type="text"]{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	border:0;
	margin:0;
	padding: 0;
}
.select-with-search.open ul{
	opacity: 1;
	visibility: initial;
	width: 100%;
}
.select-with-search.open .select-with-search-overlay{
	display: block;
}

.order-view-module{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:20px;
}
.order-view-module .top-actions{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:10px;
	width: 100%;
	background:rgba(255, 255, 255, .95) !important;
	box-shadow: 0 0 .375rem .25rem rgba(165,163,174,.15);
	padding:10px 1.5rem;
	border-radius: .375rem;
}
.order-view-module .top-actions h3{
	font-family: 'PublicSans-b';
	font-size: 20px;
} 
.order-view-module .top-actions .actions{
	flex:1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap:10px;
}
.order-view-module .top-actions .actions a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:4px;
	background:#00cfe8;
	padding: 5px 10px;
	color:#fff;
	border-radius:5px;
	transition: all 400ms ease-in-out;
}
.order-view-module .top-actions .actions a.disabled{
	pointer-events: none;
}
.order-view-module .top-actions .actions a:hover{
	background:#242745;
}
.order-view-module .top-actions .actions a.back{
	background:red;
}
.order-view-module .top-actions .actions a.back:hover{
	background:#242745;
}
.order-view-module .top-actions .actions a svg{
	width: 20px;
	height: auto;
	fill:#fff;
}
.order-view-module .left-tabs{
	width: 100%;
	max-width: 300px;
	background:#eee;
	display: flex;
	flex-direction: column;
}
.order-view-module .left-tabs h3{ 
	padding:10px;
	border-bottom: 1px solid #fff;
	font-family: 'PublicSans-b';
	margin-bottom: 5px;
	font-size: 17px;
}
.order-view-module .left-tabs ul{
	display: flex;
	flex-direction: column;
}
.order-view-module .left-tabs ul li{
	padding:8px 15px;
	margin-left:10px;
	display: block;
	border-left: 3px solid transparent;
	transition: all 400ms ease-in-out;
	cursor:pointer;
}
.order-view-module .left-tabs ul li.active{
	background:#fff;
	border-left-color: #242745;
}
.order-view-module .tabs-content{
	width: 100%;
	max-width: calc(100% - 320px);
	display: flex;
	flex-direction: column;
	height: calc(100vh - 200px);
    overflow-y: auto;
}
@media(max-width:1199px){
	.order-view-module .left-tabs{
		max-width: 200px;
	}
	.order-view-module .tabs-content{
		max-width: calc(100% - 220px);
	}
}
@media(max-width:991px){
	.order-view-module .left-tabs{
		max-width: 100%;
	}
	.order-view-module .tabs-content{
		max-width: 100%;
	}
	.order-view-module .top-actions{
		flex-direction: column;
		justify-content: flex-start;
		padding:10px;
	}
	.order-view-module .top-actions .actions{
		justify-content: flex-start;
	}
}
.order-view-module .tabs-content .tab{
	display: none;
}
.order-view-module .tabs-content .tab.active{
	display: block;
}
.order-view-module .tabs-content .tab .tab-content{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
.order-view-module .tabs-content .tab .tab-content .tab-heading{
	width: 100%;
	padding-bottom:10px;
	border-bottom:1px solid #a8aaae;
	font-size: 17px;
}
@media(max-width:767px){
	.order-view-module .tabs-content .tab .tab-content .tab-heading{
		font-size: 15px;
	}
}
.order-view-module .tabs-content .tab .tab-content .area{
	width: 100%;
	max-width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	gap:10px;
}
@media(max-width:1450px){
	.order-view-module .tabs-content .tab .tab-content .area{
		max-width: 100%;
	}
}
.order-view-module .tabs-content .tab .tab-content .area .area-heading{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap:6px;
	font-family: 'PublicSans-b';
	text-transform: capitalize;
}
.order-view-module .tabs-content .tab .tab-content .area .area-heading span{
	color:#00cfe8;
	cursor: pointer;
	transition: all 400ms ease-in-out;
	text-transform: lowercase;
}
.order-view-module .tabs-content .tab .tab-content .area .area-heading span:hover{
	color:#242745;
}
.order-view-module .tabs-content .tab .tab-content .area ul{
	display: flex;
	flex-direction: column;
}
.order-view-module .tabs-content .tab .tab-content .area ul li{
	background: #fff;
	padding:10px;
	display: flex;
	justify-content: space-between;
	gap:10px;
	color:var(--body-color);
}
.order-view-module .tabs-content .tab .tab-content .area ul li span{
	font-family: 'PublicSans-b';
	color:var(--body-color);
}
.order-view-module .tabs-content .tab .tab-content .area ul li:nth-child(odd){
	background:#eee;
}
.order-view-module .tabs-content .tab .tab-content .products-list{
	width: 100%;
}
.order-view-module .tabs-content .tab .tab-content .products-list table{
	width: 100%;
}
.order-view-module .tabs-content .tab .tab-content .products-list table thead th{
	font-family: 'PublicSans-b';
	text-transform: uppercase;
	padding:5px 10px;
}
.order-view-module .tabs-content .tab .tab-content .products-list table tbody td{
	padding:5px 10px;
}
.order-view-module .tabs-content .tab .tab-content .products-list table tbody td .visible-mobile{
	display: none;
}
.order-view-module .tabs-content .tab .tab-content .products-list table tbody tr:nth-child(odd){
	background:white;
}
.order-view-module .tabs-content .tab .tab-content .documents-list{
	width: 100%;
}
.order-view-module .tabs-content .tab .tab-content .documents-list table{
	width: 100%;
}
.order-view-module .tabs-content .tab .tab-content .documents-list table thead th{
	font-family: 'PublicSans-b';
	text-transform: uppercase;
	padding:5px 10px;
}
.order-view-module .tabs-content .tab .tab-content .documents-list table tbody td{
	padding:5px 10px;
}
.order-view-module .tabs-content .tab .tab-content .documents-list table tbody td .visible-mobile{
	display: none;
}
.order-view-module .tabs-content .tab .tab-content .documents-list table tbody tr:nth-child(odd){
	background:white;
}
@media(max-width:767px){
	.order-view-module .tabs-content .tab .tab-content .area ul li, .order-view-module .tabs-content .tab .tab-content .area ul li span{
		font-size: 14px;
	}
	.order-view-module .tabs-content .tab .tab-content .products-list table{
		bordeR:2px solid #fff;
	}
	.order-view-module .tabs-content .tab .tab-content .products-list table thead{
		display: none;
	}
	.order-view-module .tabs-content .tab .tab-content .products-list table tbody tr{
		display: flex;
		flex-direction: column;
		padding:10px;
	}
	.order-view-module .tabs-content .tab .tab-content .products-list table tbody td{
		display: flex;
		justify-content: flex-start;
		gap:15px;
	}
	.order-view-module .tabs-content .tab .tab-content .products-list table tbody td .visible-mobile{
		display: block;
		color:var(--body-color);
		font-family: 'PublicSans-b';
	}
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:20px;
	width: 100%;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note{
	width: 100%;
	max-width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	gap:10px;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .form-note-heading{
	color:var(--body-color);
	font-family: 'PublicSans-b';
	font-size: 15px;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total{
	width: 100%;
	max-width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	gap:10px;
}
@media(max-width:991px){
	.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total{
		max-width: 100%;
	}
	.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note{
		max-width: 100%;
	}
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note .field{
	display: flex;
	flex-direction: column;
	gap:3px;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note .field select{
	border:1px solid #dbdade;
	border-radius: 0.375rem;
	color:#6f6b7d;
	font-size: 0.9375rem;
	line-height: 1.5;
	padding:.422rem .875rem;
	width: 100%;
	background:var(--white-color);
	box-sizing: border-box;
	height:unset;
	transition: all 350ms ease-in-out;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note .field textarea{
	border:1px solid #dbdade;
	border-radius: 0.375rem;
	color:#6f6b7d;
	font-size: 0.9375rem;
	line-height: 1.5;
	padding:.422rem .875rem;
	width: 100%;
	background:var(--white-color);
	box-sizing: border-box;
	height:unset;
	transition: all 350ms ease-in-out;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-form-note .check{
	position: relative;
	display: flex;
	gap:10px;
	align-items: center;
	justify-content: flex-start;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total ul{
	display: flex;
	flex-direction: column;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	background: #fff;
	padding:10px;
	text-transform: uppercase;
	font-size: 13px;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total ul li:nth-child(odd) {
	background: #eee;
}
.order-view-module .tabs-content .tab .tab-content .total-order-wrapper .order-total ul li span {
	font-family: 'PublicSans-b';
    color: var(--body-color);
}
.order-view-module .tabs-content .tab .tab-content .timeline{
	display: flex;
	flex-direction: column; 
	width: 100%;
	margin-bottom: 30px;
}
.order-view-module .tabs-content .tab .tab-content .timeline li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:20px;
	padding:0 10px;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p{
	padding:10px 0;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.date{
	width: 100%;
	max-width: 200px;
	padding-right:20px;
	position: relative;
	box-sizing: border-box;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.date:after{
	content:'';
	position: absolute;
	top: 0;
	width: 2px;
	height: 50%;
	transform: translateX(50%);
	right: 0;
	background:#c9c8ce;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.date:before{
	content:'';
	position: absolute;
	bottom: 0;
	width: 2px;
	height: 50%;
	transform: translateX(50%);
	right: 0;
	background:#c9c8ce;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.date span{
	position: absolute;
	top:50%;
	right:0;
	transform: translate(50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background:red;
	display: block;
	z-index:2
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.user{
	flex:1;
	text-align: right;
	font-size: 13px;
}
.order-view-module .tabs-content .tab .tab-content .timeline li p.action{
	font-size: 13px;
}
@media(max-width:767px){
	.order-view-module .tabs-content .tab .tab-content .timeline li p.date{
		max-width: 140px;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		padding:0;
		display: flex;
		align-items: center;
		font-size: 12px;
	}
	.order-view-module .tabs-content .tab .tab-content .timeline li{
		padding: 10px 0 10px 160px;
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		gap:6px;
	}
	.order-view-module .tabs-content .tab .tab-content .timeline li p{
		padding: 0;
	}
}
.order-view-module .tabs-content .tab .tab-content .order-tags-note .field{
	display: flex;
	flex-direction: column;
	gap:3px;
}
.order-view-module .tabs-content .tab .tab-content .order-tags-note .field .tags-selected-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:10px;
	margin-bottom: 20px;
}
.order-view-module .tabs-content .tab .tab-content .order-tags-note .field .tags-selected-list li{
	display: block;
	padding:5px 10px;
	border-radius: 5px;
	position: relative;
}
.order-view-module .tabs-content .tab .tab-content .order-tags-note .field .tags-selected-list li.active:before{
	content: 'Selectat';
	position: absolute;
	top:0;
	right:0;
	box-shadow: 0 0 10px 0 rgba(255, 255, 255, .5);
	padding:1px 5px;
	border-radius: 5px;
	background:black;
	color:#fff;
	font-size: 11px;
	transform: translate(6px, -60%);
	display: block;
}
.main-btn{
	color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:0.9375rem;
    line-height: 1.125;
    padding:0.6rem 1.25rem;
    font-family: 'PublicSans-sb';
    bordeR:0;
    border-radius: 0.375rem;
    box-shadow: rgba(165, 163, 174, 0.3) 0px 2px 4px 0px;
    cursor: pointer;
}
.main-btn.full{
	width: 100%;
}
.main-btn.inline{
	display: inline-flex;
}
.page_order_new .module-page-main-wrap{
	height: unset;
}
.page_order_new .module-page-main-wrap .tabs > ul{
	display:none;
}
.page_order_new .module-page-main-wrap fieldset{
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}
.page_order_new .module-page-main-wrap fieldset legend{
	margin-left:0;
	background:var(--light-200);
	color:black;
	border:0;
	font-size: 15px;
	border-radius: 7px;
	width: 100%;
	max-width:250px;
}
.page_order_new .module-page-main-wrap fieldset dl{
	width:100%;
	max-width: calc(100% / 3 - (20px / 3));
	padding:5px;
}
.page_order_new .module-page-main-wrap fieldset .buttons{
	width:100%;
}
.page_order_new .module-page-main-wrap fieldset dl:has(#list_products_dd){
	max-width:100%;
}
.page_order_new .module-page-main-wrap fieldset #list_products_dd{
	width:100%;
}
.page_order_new .module-page-main-wrap fieldset #order_products_list{
	width:100%;
	display: flex;
	flex-direction: column;
	gap:5px;
}
.page_order_new .module-page-main-wrap fieldset #order_products_list dl{
	max-width:100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: unset;
	gap:15px;
	background:#E0E3EF;
}
.page_order_new .module-page-main-wrap fieldset #order_products_list dl img{
	width: 100%;
	max-width: 25px;
}
@media(max-width:1199px){
	.page_order_new .module-page-main-wrap fieldset dl{
		max-width: calc(100% / 2 - (10px / 2));
	}
}
.main-btn:hover{
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
	color: #fff !important;
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
}
.page_orders_edit .tabs > ul{
	display: none;
}
.page_orders_edit .module-page-main-wrap fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.page_orders_edit .module-page-main-wrap fieldset dl{
    width: 100%;
    max-width: calc(100% / 3 - (20px / 3));
    padding: 5px;
}
.page_orders_edit .module-page-main-wrap fieldset legend{
    margin-left: 0;
    background: var(--light-200);
    color: black;
    border: 0;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    max-width: 250px;
}
.page_orders_edit .module-page-main-wrap {
    height: unset;
}
.page_orders_edit .module-page-main-wrap fieldset #order_products_list{
	width:100%;
	display: flex;
	flex-direction: column;
	gap:5px;
}
.page_orders_edit .module-page-main-wrap fieldset #order_products_list dl{
	max-width:100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: unset;
	gap:15px;
	background:#E0E3EF;
}
.page_orders_edit .module-page-main-wrap fieldset #order_products_list dl img{
	width: 100%;
	max-width: 25px;
}
.page_orders_edit .module-page-main-wrap fieldset .buttons{
	width:100%;
}
#window_specifications_edit #order_products_list dd span{
	flex:unset !important;
} 
#window_specifications_edit #order_products_list dd span.product-name-field{
	flex:1 !important;
} 
#window_specifications_edit #order_products_list span.order_products_list_btn{
    position: absolute;
    right: 0px;
    bottom: 12px;
    font-size:11px;
    line-height: 13px;
    padding:2px;
    background:red;
    color:white;
    border-radius: 5px;
    cursor: pointer;
    width:42px;
    text-align: center;
} 
#window_specifications_edit #order_products_list span.order_products_list_btn.order_products_list_rem{
    bottom: 32px;
} 
#window_specifications_edit #order_products_list span.order_products_list_btn.order_products_list_add{
    background:blue;
}