:root{
	
	--white-color: #fff;
	--gray-100:#f8f7fa;
	
	--heading-color:#5d596c;
	
	--body-color:#6f6b7d;
	--body-bg:#f8f7fa;
	
	--error-color:#ea5455;
}

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

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


/*Login Page*/

.custom-admin-login-page{
	margin:0;
	background:#fff;
}
.custom-admin-login-page .wrapper{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	padding:3rem ;
	gap:3rem ;
	width: 100%;
}
.custom-admin-login-page .wrapper .image{
	width: 100%;
	max-width: 60%;
	border-radius: 1.125rem;
	background:var(--gray-100);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height:calc(100vh - 6rem);
}
.custom-admin-login-page .wrapper .image img{
	max-width: 100%;
	max-height: 65%;
}
.custom-admin-login-page .wrapper form{
	width: 100%;
	max-width: calc(40% - 3rem);
}
.custom-admin-login-page .wrapper form #login{
	width: 100%;
	max-width: 400px;
	margin:0 auto;
}
.custom-admin-login-page .wrapper form #site-name{
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}
.custom-admin-login-page .wrapper form #site-name .logo{
	display: flex;
	margin-bottom: 20px;
}
.custom-admin-login-page .wrapper form #site-name .logo img{
	width: 100%;
	max-width: 100px;
	filter:brightness(100%) invert(1);
}
.custom-admin-login-page .wrapper form #site-name p{
	margin:0;
}
.custom-admin-login-page .wrapper form #site-name h4{
	font-size: 1.625rem;
	font-family: 'PublicSans-sb';
    line-height: 1.37;
    color:var(--heading-color);
    margin: 0 0 4px;
}
.custom-admin-login-page .wrapper form .form-login-wrap{
	display: flex;
	flex-direction: column;
	gap:1rem;
}
.custom-admin-login-page .wrapper form .form-login-wrap .field{
	display: flex;
	flex-direction: column;
	gap:.25rem;
}
.custom-admin-login-page .wrapper form .form-login-wrap .field label{
	font-size: 0.8125rem;
    color: #5d596c;
}
.custom-admin-login-page .wrapper form .form-login-wrap .field .input-wrapper{
	display: flex;
}
.custom-admin-login-page .wrapper form .form-login-wrap .field .input-wrapper input{
	display: block;
    width: 100%;
    padding: .422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6f6b7d;
    appearance: none;
    background-color: #fff;
    border:1px solid #dbdade;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-clip: padding-box;
}
.custom-admin-login-page .wrapper form .form-login-wrap .field .input-wrapper input:focus{
	color: #6f6b7d;
    background-color: #fff;
    border-color: #7367f0 !important;
    outline: 0;
    box-shadow: 0 .125rem .25rem rgba(165, 163, 174, .3);
}
.custom-admin-login-page .wrapper form .form-login-wrap #error{
	font-size: 0.8125rem;
    color: var(--error-color);
}

@media(max-width:991px){
	.custom-admin-login-page .wrapper{
		flex-direction: column;
		padding:40px 15px;
	}
	.custom-admin-login-page .wrapper form{
		max-width: 100%;
	}
	.custom-admin-login-page .wrapper form #site-name h4{
		font-size: 1.425rem;
	}
	.custom-admin-login-page .wrapper .image{
		display: none;
	}
}

/*Main layout*/

.main-body #main{
	height: 100vh;
	display: flex;
	width: 100%;
}
.main-body .layout-container{
	width: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
}
.main-body .layout-container.small .layout-menu{
	max-width: 84px;
}
.main-body .layout-container.small .layout-menu .app-brand .toogle-menu{
	display: none;
}
.main-body .layout-container .layout-menu{
	width: 100%;
	max-width: 260px;
    background-color: #242745 !important;
    transition: all 400ms ease-in-out;
}
.main-body .layout-container .layout-menu{
	padding:16px;
	display: flex;
	flex-direction: column;
	gap:15px;
}
.main-body .layout-container .layout-menu .app-brand{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:15px;
	cursor: pointer;
}
.main-body .layout-container .layout-menu .app-brand .toogle-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:20px;
	height:20px;
	border-radius: 50%;
	box-sizing: border-box;
	border:2px solid #c9c8ce;
	cursor: pointer;
	position: relative;
}
.main-body .layout-container .layout-menu .app-brand .toogle-menu:before{
	content:'';
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4px;
	height: 4px;
	background: #c9c8ce;
	border-radius: 50%;
	opacity:0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
.main-body .layout-container .layout-menu .app-brand .toogle-menu.open:before{
	opacity:1;
	visibility: initial;
}
.main-body .layout-container .layout-menu .app-brand a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.main-body .layout-container .layout-menu .app-brand a img{
	width: 100%;
	max-width: 100px;
	filter:brightness(1) invert(1);
}
.main-body .layout-container .layout-menu #menu{
	display: flex;
	flex-direction: column;
	margin:0;
	padding:0;
	height: unset;
	flex:1;
	overflow-y:auto;
}
.main-body .layout-container .layout-menu #menu::-webkit-scrollbar {
	width:0;
}
.main-body .layout-container .layout-menu #menu li{
	margin:0;
	height: unset;
}
.main-body .layout-container .layout-menu #menu li > a{
	margin:0;
	border-radius: .375rem;
	font: unset;
	text-shadow: unset;
	padding:.5rem 1rem;
	background:transparent;
	border:0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:.5rem;
    font-size: .9375rem;
    color: #c9c8ce;
    transition-duration: .3s;
    transition-property: color, background-color;
    font-family: 'PublicSans-r';
    height: unset;
    position: relative;
}
.main-body .layout-container.small .layout-menu #menu li > a{
	justify-content: center;
}
.main-body .layout-container.small .layout-menu #menu li > a .txt{
	display: none;
}
.main-body .layout-container .layout-menu #menu li.active > a{
    background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, 0.7) 76.47%);
    box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, .48);
    color: #fff !important;
}
.main-body .layout-container .layout-menu #menu li.active > a:hover{
    background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, 0.7) 76.47%);
    box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, .48);
    color: #fff !important;
}
.main-body .layout-container .layout-menu #menu li > a .count{
	border-radius: 50rem ;
	font-size: 0.81em;
	line-height: 1;
	color:var(--white-color);
	background:rgb(234, 84, 85);
	padding:5px 12px;
	display: inline-block;
}
.main-body .layout-container.small .layout-menu #menu li > a .count{
	display: none;
}
.main-body .layout-container .layout-menu #menu li > a .menu-icon{
    width: 1.375rem;
}
.main-body .layout-container .layout-menu #menu li > a img{
	position: initial;
}
.main-body .layout-container .layout-menu #menu li.has-childs > a:before{
	content: "";
    position: absolute;
    top: 48%;
    display: block;
    width: .42em;
    height: .42em;
    border: 1.5px solid;
    border-bottom: 0;
    border-left: 0;
    transform: translateY(-50%) rotate(45deg);
    font-size: .9375rem;
    color: #c9c8ce;
    right: 11px;
    transition: all 400ms ease-in-out;
}
.main-body .layout-container.small .layout-menu #menu li.has-childs > a:before{
	display: none;
}
.main-body .layout-container .layout-menu #menu li a.open:before{
	transform: translateY(-50%) rotate(134deg);
}
.main-body .layout-container .layout-menu #menu li > a:hover{
	background:#2d3253;
}
.main-body .layout-container .layout-menu #menu>li:hover ul{
	display:none;
}
.main-body .layout-container .layout-menu #menu li ul{
	position: initial;
	width: 100% !important;
}
.main-body .layout-container .layout-menu #menu li ul li a{
	padding: 8px 34px 8px 46px;
	position: relative;
	transition: all 350ms ease-in-out;
}
.main-body .layout-container.small .layout-menu #menu li ul li a{
	padding: 8px 4px;
	font-size: 12px;
	text-align: center;
}
.main-body .layout-container .layout-menu #menu li ul li a:before{
	content: "";
   font-family: 'TablerIcon';
    position: absolute;
    font-size: .65rem;
    font-weight: bold;
    color: #a5a3ae !important;
    left: 1.35rem;
    top:50%;
    transform: translateY(-50%);
}
.main-body .layout-container.small .layout-menu #menu li ul li a:before{
	display: none;
}
.main-body .layout-container .layout-page{
	width: 100%;
	max-width: calc(100% - 260px);
	padding:16px;
	overflow-y: auto;
	max-height: 100vh;
}
.main-body .layout-container.small .layout-page{
	max-width: calc(100% - 84px);
}
.main-body .layout-container .layout-page .layout-page-wrapper{
	width: 100%;
	max-width: calc(100% - 30px);
	margin:0 auto;
	display: flex;
	flex-direction: column;
	gap:1.5rem;
	min-height: calc(100vh - 32px);
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header{
	position: sticky;
	top:0;
	z-index: 3;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap{
    border-radius: .375rem;
    padding: 10px 1.5rem;
    box-shadow: 0 0 .375rem .25rem rgba(165,163,174,.15);
    backdrop-filter: saturate(200%) blur(6px);
    background-color: rgba(255, 255, 255, .95) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:15px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .welcome{
	color:var(--heading-color);
	font-family: 'PublicSans-b';
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .hamburger{
	display: none;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions{
	flex:1;
	display: flex;
	justify-content: flex-end;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:24px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .tf-icons{
	color:rgb(93, 89, 108);
	font-size: 26px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .count{
    position: absolute;
    font-size: .75rem;
    line-height: .875rem;
    display: inline-block;
    margin: 0;
    transform: translate(-50%, -45%);
    border-radius: 50rem !important;
    background:rgb(234, 84, 85);
    top: -1px;
    padding: .2rem .4rem;
    color:var(--white-color);
    left:28px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .avatar{
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .avatar:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff;
    background-color: #28c76f;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li #flags{
	display:flex;
	align-items: center;
	justify-content: center;
	gap:12px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li #flags a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li #flags a img{
	max-width: 100%;
	margin:0;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .avatar img{
    border-radius: 50%;
    max-width: 100%;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown{
    position: absolute;
    right:0;
    top:100%;
    width: 224px;
    padding-top:10px;
    opacity:0;
    visibility: hidden;
    transition: all 400ms ease-in-out;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action:hover .action-dropdown{
	opacity: 1;
	visibility: initial;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap{
    box-shadow: 0 .25rem 1rem rgba(165,163,174,.45);
    padding:0.5em 0;
    background:var(--white-color);
    display: flex;
    flex-direction: column;
    border-radius: 0.375rem;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .divider{
	margin:0.5rem 0;
	height:1px;
	background: #dbdade;
	width: 100%;
	display: block;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area{
	margin:.25rem .5rem;
	padding:0.42rem 1rem;
	border-radius: 0.375rem;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area.no-padding{
	padding:0;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .user{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:1rem;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .user .info{
	flex:1;	
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .user .info h4{
	font-family: 'PublicSans-sb';
	color:#5d596c;
	font-size:  15px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .user .info p{
	color:rgb(165, 163, 174);
	font-size:  13px;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .pages-list{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .pages-list li a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:6px 16px;
	color:rgb(93, 89, 108);
	font-size:  15px;
	gap:8px;
	border-radius: 0.375rem;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .pages-list li a:hover{
	background:rgba(115, 103, 240, 0.08);
	color:#7367f0;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .actions .actions-list .action-li .action .action-dropdown .action-dropdown-wrap .dropdown-area .pages-list li a:hover .tf-icons{
	color:#7367f0;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-content{
	flex:1;
	display: flex;
	flex-direction: column;
	gap:20px;
	z-index: 2;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-content >  #content{
	width: 100%;
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-content #footer{
	text-align: left;
	color:rgb(111, 107, 125);
	font-size: 15px;
	font-weight: unset;
	margin:0;
	font-family: 'PublicSans-r';
}
.main-body .layout-container .layout-page .layout-page-wrapper .layout-content > #content{
	margin:0;
	border: 0;
	box-shadow: unset;
	background: unset;
	flex:1;
	padding:0;
}
@media(max-width:1450px){
	.main-body .layout-container .layout-menu{
		max-width: 210px;
	}
	.main-body .layout-container .layout-page{
		max-width: calc(100% - 210px);
	}
}
.main-body .layout-container .layout-menu-overlay{
	position: fixed;
	inset:0;
    background: #4b465c;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 400ms ease-in-out;
    z-index: 9;
}
.main-body .layout-container .layout-menu-overlay.open{
	opacity: .5;
	visibility: initial;
	pointer-events: initial;
}
@media(max-width:1199px){
	.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .welcome{
		display: none;
	}
	.main-body .layout-container .layout-page .layout-page-wrapper{
		max-width: 100%;
	}
	.main-body .layout-container .layout-page .layout-page-wrapper .layout-header .wrap .hamburger{
		display:flex;
		cursor: pointer;
	}
	.main-body .layout-container .layout-menu{
		position: fixed;
		top:0;
		left:0;
		height: 100%;
		z-index: 10;
		transform: translateX(-120%);
		transition: all 400ms ease-in-out;
	}
	.main-body .layout-container .layout-menu.open{
		transform: translateX(0%);
	}
	.main-body .layout-container .layout-page{
		max-width: 100%;
	}
	.main-body .layout-container .layout-menu .app-brand .toogle-menu{
		border:0;
		border-radius: 0;
	}
	.main-body .layout-container .layout-menu .app-brand .toogle-menu:before{
		width: 20px;
		height: 2px;
		background:#c9c8ce;
		transform: translate(-50%, -50%) rotate(-45deg);
	    opacity: 1;
    	visibility: initial;
	}
	.main-body .layout-container .layout-menu .app-brand .toogle-menu:after{
		content:'';
		position: absolute;
		top:50%;
		left:50%;
		display: block;
		width: 2px;
		height: 20px;
		background:#c9c8ce;
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}
@media(max-width:767px){
	
}

/*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";
}

/* Buttons */
.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;
}
.main-btn:hover{
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
	color: #fff !important;
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
}

/*Labels*/

.bg-label-primary {
    background-color: #eae8fd !important;
    color: #7367f0 !important;
}
.bg-label-info{
    background-color: #d9f8fc !important;
    color: #00cfe8 !important;
}
.bg-label-danger{
    background-color: #fce5e6 !important;
    color: #ea5455 !important;
}
.bg-label-success{
    background-color: #dff7e9 !important;
    color: #28c76f !important;
}

/*Text*/

.text-success {
    color: rgb(40, 199, 111) !important;
}

/*Dashboard*/
.dashboard-page .boxes{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:24px;
}
.dashboard-page .boxes .box.bg{
	background:url('../../images/admin-design/card-advance-sale.png') no-repeat right bottom, var(--white-color);
	background-size: auto 90%;
}
.dashboard-page .boxes .box{
	width: 100%;
	max-width: calc(100% / 3 - (48px / 3));
	padding:24px;
	box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
	border-radius: 0.375rem;
	background:var(--white-color);
	display: flex;
	flex-direction: column;
	gap:16px;
	margin:0;
	box-sizing: border-box;
}
.dashboard-page .boxes .box.width-2{
	max-width: calc(((100% / 3) * 2) - 8px);
}
.dashboard-page .boxes .box .box-head{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:15px;
	padding-bottom: 0 !important;
}
.dashboard-page .boxes .box .box-head h4{
	color:#5d596c;
	font-size: 18px;
	font-family: 'PublicSans-m';
}
.dashboard-page .boxes .box .box-head p{
	color:rgb(111, 107, 125);
	font-size: 15px;
}
.dashboard-page .boxes .box .box-head small{
	color:rgb(165, 163, 174);
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu{
	position: relative;
	cursor: pointer;
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu .dropdown-menu{
	position: absolute;
	top:100%;
	right: 0;
	box-shadow: 0 .25rem 1rem rgba(165,163,174,.45);
	padding:8px 0 !important;
	display: flex;
	flex-direction: column;
	border-radius: 0.375rem;
	width: 160px;
	background:var(--white-color);
	opacity:0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu:hover .dropdown-menu{
	opacity: 1;
	visibility: initial;
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu .dropdown-menu a{
	display: block;
	margin:.25rem .5rem;
	border-radius: 0.375rem;
	padding:6px 16px;
	font-size: 15px;
	line-height: 20px;
	color:rgb(93, 89, 108);
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu .dropdown-menu a:hover{
	color:#7367f0;
	background:rgba(115, 103, 240, 0.08);
}
.dashboard-page .boxes .box .box-head .dropdown-small-menu .action{
    color: #a5a3ae;
}
.dashboard-page .boxes .box .box-body{
	padding:0;
	flex-direction: unset;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.dashboard-page .boxes .box .box-body .price-info{
	padding:0;
	color:#7367f0 ;
	margin-bottom: .25rem;
	font-size: 1.375rem;
	font-family: 'PublicSans-m';
	width: 100%;
}
.dashboard-page .boxes .box .box-body .custom-list{
	display: flex;
	justify-content: flex-start;
	gap:24px;
	flex-wrap: wrap;
	width: 100%;
}
.dashboard-page .boxes .box .box-body .custom-list.block{
	flex-direction: column;
}
.dashboard-page .boxes .box .box-body .custom-list li{
	width: 100%;
	max-width: calc(100% / 4 - ((24px * 3) / 4));
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:16px;
}
.dashboard-page .boxes .box .box-body .custom-list.block li{
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
}
.dashboard-page .boxes .box .box-body .custom-list li .icon{
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;	
	background:rgb(234, 232, 253);
}
.dashboard-page .boxes .box .box-body .custom-list li .text{
	width: 100%;
	max-width: calc(100% - 54px);
	display: flex;
	flex-direction: column;
}
.dashboard-page .boxes .box .box-body .custom-list li .text h5{
	font-size: 1.125rem;
	color:#5d596c;
}
.dashboard-page .boxes .box .box-body .custom-list li .text small{
	font-size: 0.8125rem;
	color:rgb(111, 107, 125);
}
.dashboard-page .boxes .box .box-body .custom-list.block li .left{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
}
.dashboard-page .boxes .box .box-body .custom-list.block li .right{
	flex:1;
	display: flex;
	justify-content: flex-end;
}
.dashboard-page .boxes .box .box-body .custom-list.block li .right p{
    font-size: 0.9375rem;
}

/*Modules*/


.module-page-main-wrap .module_menu{
	display: flex;
	justify-content: flex-start;
	gap:10px;
	flex-wrap: wrap;
	margin: 0 0 15px;
}
.module-page-main-wrap .module_menu li{
	margin:0;
	padding:0.6rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
	bordeR:0;
	background-image: unset;
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    font-size: 0.9375rem;
    width: unset;
    line-height: 1.125;
    font-family: 'PublicSans-m';
    transition: all 400ms ease-in-out;
    box-sizing: border-box;
}
.module-page-main-wrap .module_menu li:hover{
	color: #fff !important;
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
}
.module-page-main-wrap .module_menu li.delete{
	background-color: #ea5455;
    border-color: #ea5455;
}
.module-page-main-wrap .module_menu li.delete:hover{
    background-color: #d34c4d !important;
    border-color: #d34c4d !important;
}
.module-page-main-wrap .module_menu li.edit{
    background-color: #a8aaae;
    border-color: #a8aaae;
}
.module-page-main-wrap .module_menu li.edit:hover{
    background-color: #97999d !important;
    border-color: #97999d !important;
}
.module-page-main-wrap .module_menu li.config{
    background-color: #28c76f;
    border-color: #28c76f;
}
.module-page-main-wrap .module_menu li.config:hover{
    background-color: #24b364 !important;
    border-color: #24b364 !important;
}
.module-page-main-wrap .module-page-heading{
    padding: 0 0 1rem !important;
    margin:0 0 1.5rem !important;
    font-size: 1.375rem;
    color:#5d596c;
    font-weight: unset;
    font-family: 'PublicSans-m';
    width: 100%;
}
.module-page-main-wrap .nss_grid{
	box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1);
	border-radius: 0.375rem;
	border:0;
	background:var(--white-color);
	overflow: auto;
	width: 100%;
	height:unset;
}
.module-page-main-wrap .nss_grid table tr{
	background:transparent;
}
.module-page-main-wrap .nss_grid table tr th{
	background:transparent;
	border-width: 0 0 1px;
	font-size: .8125rem;
	text-transform: uppercase;
	letter-spacing: 1px;
    padding:.88rem .5rem;
    color:#5d596c;
	font-weight: unset;
	 font-family: 'PublicSans-m';
	 font-size: 13px;
	 border-color: rgb(219, 218, 222);
	 white-space: unset;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th{
	position: relative;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th input{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	visibility: hidden;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th input:checked + label{
	background:#7367f0;
	border-color: #7367f0;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th input:checked + label:after{
	opacity:1;
	visibility: initial;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th label{
	width: 18px;
	height: 18px;
	border-radius: .25em;
	border:2px solid #dbdade;
	position: relative;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	transition: all 400ms ease-in-out;
	cursor:pointer;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th label:after{
	content:'';
	position: absolute;
	top:35%;
	left:50%;
	width: 8px;
	height: 4px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: var(--white-color);
	transform: translate(-50%, -50%) rotate(-45deg);
	opacity:0;
	visibility: hidden;
}
.module-page-main-wrap .nss_grid table thead tr.filters th .label-visible-mobile{
	display:none;
}
.module-page-main-wrap .nss_grid table thead tr.filters input[type="text"]{
	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;
}
.module-page-main-wrap .nss_grid table thead tr.filters input[type="text"].datepicker{
	padding:.422rem .4rem !important;
	box-sizing: border-box;
	width: 50px;
}
.module-page-main-wrap .nss_grid table thead tr.filters select{
	border:1px solid #dbdade;
	border-radius: 0.375rem;
	color:#6f6b7d;
	font-size: 0.9375rem;
	line-height: 1.5;
	padding:.422rem .3rem;
	width: 100%;
	background:var(--white-color);
	box-sizing: border-box;
	height:unset;
	transition: all 350ms ease-in-out;
}
.module-page-main-wrap .nss_grid table thead tr.filters input[type="text"]:focus, .module-page-main-wrap .nss_grid table thead tr.filters select:focus{
	border-color:#7367f0 ;
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
}
.module-page-main-wrap .nss_grid table thead tr.filters .action{
	padding:0.6rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    bordeR: 0;
    background-image: unset;
    box-shadow: 0 .125rem .25rem rgba(165, 163, 174, .3);
    font-size: 0.9375rem;
    line-height: 1.125;
    font-family: 'PublicSans-m';
    transition: all 400ms ease-in-out;
    color:#fff ;
    background:#7367f0;
    border-color: #7367f0;
    text-decoration: unset;
    text-transform: initial;
}
.module-page-main-wrap .nss_grid table thead tr.filters .action.delete{
	background:#ea5455;
	border-color: #ea5455;
}
.module-page-main-wrap .nss_grid table thead tr.filters .action.delete:hover{
	background:#d34c4d !important;
	border-color: #d34c4d !important;
}
.module-page-main-wrap .nss_grid table tr th.check-all-th label:hover{
	border-color: #7367f0;
}
.module-page-main-wrap .nss_grid table tr th a{
	color:#5d596c;
	font-weight: unset;
	font-family: 'PublicSans-m';
	font-size: 13px;
	height: unset;
}
.module-page-main-wrap .nss_grid table tbody tr.selected{
	background:#d9f8fc;
}
.module-page-main-wrap .nss_grid table tbody tr:hover{
	background:rgb(255, 247, 240);
	z-index: 3;
	position: relative;
}
.module-page-main-wrap .nss_grid table tr td{
	border-width: 0 0 1px;
 	border-color: rgb(219, 218, 222);
 	color:rgb(111, 107, 125);
 	font-size: 15px;
 	line-height: 22.5px;
 	font-weight: unset;
 	font-family: 'PublicSans-r';
 	padding:.55rem .5rem;
 	height: unset;
 	overflow: unset;
 	text-align: center;
}
.module-page-main-wrap .nss_grid table tr td img{
	max-width:100%;
}
.module-page-main-wrap .nss_grid table tr td p{
	display: block;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox{
	position:relative;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox input{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	visibility: hidden;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox input:checked + label{
	background:#7367f0;
	border-color: #7367f0;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox input:checked + label:after{
	opacity:1;
	visibility: initial;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox label{
	width: 18px;
	height: 18px;
	border-radius: .25em;
	border:2px solid #dbdade;
	position: relative;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	transition: all 400ms ease-in-out;
	cursor:pointer;
}
.module-page-main-wrap .nss_grid table tr td.td-checkbox label:after{
	content:'';
	position: absolute;
	top:35%;
	left:50%;
	width: 8px;
	height: 4px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: var(--white-color);
	transform: translate(-50%, -50%) rotate(-45deg);
	opacity:0;
	visibility: hidden;
}
.module-page-main-wrap .nss_grid table tr td .td-heading-mobile{
	display: none;
}
.module-page-main-wrap .nss_grid table tr td .ch_status_label{
	padding:0.49em 1em;
	font-size: 0.81em;
	line-height: 1;
	border-radius: 0.25rem;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions{
	position: relative;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions .actions-dropdown{
	position: absolute;
	top:90%;
	right:0%;
	box-shadow: 0 .25rem 1rem rgba(165,163,174,.45);
	padding:0.5rem 0;
	display: flex;
	flex-direction: column;
	background-color: var(--white-color);
	width: 220px;
	border-radius: 0.375rem;
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
	z-index: 3;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions:hover .actions-dropdown{
	opacity: 1;
	visibility: inherit;
	z-index: 5;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions .actions-dropdown br{
	display: none;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions .actions-dropdown a{
    width: calc(100% - 1rem) !important;
    margin: 0 .5rem !important;
    border-radius: 0.375rem;
    padding:0.42rem 1rem;
    color:#5d596c !important;
    background:transparent !important;
    box-shadow: unset !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:5px;
    text-decoration: unset;
    font-size:  15px;
    line-height: 24px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
}
.module-page-main-wrap .nss_grid table tr td.td--wrap-actions .actions-dropdown a:hover{
	background:rgba(115, 103, 240, 0.08) !important;
	color:#7367f0 !important;
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap:20px;
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap .pages-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:4px;
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap .pages-list li span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	color:#5d596c;
	background:rgba(75, 70, 92, 0.08);
	border-radius: 0.375rem;
	font-size: 0.9375rem;
	cursor: pointer;
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap .pages-list li span:hover{
	background:rgba(75, 70, 92, 0.16);
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap .pages-list li span.disabled{
	pointer-events: none;
	background:rgba(75, 70, 92, 0.04);
}
.module-page-main-wrap .nss_grid table tr td.pagination-td .pagination-td-wrap .pagination-info{
	color:#4b465c;
	font-size: 15px;
}
@media(max-width:1400px){
	.module-page-main-wrap .nss_grid table tr th a{
		font-size: 11px;
	}
}
@media(max-width:1199px){
	.module-page-main-wrap .nss_grid{
		overflow: hidden;
	}
	.module-page-main-wrap .nss_grid table thead tr.filters th .label-visible-mobile{
		display: block;
		width: 100%;
		text-align: left;
		margin-bottom: 4px;
		font-size: .8rem;
	}
	.module-page-main-wrap .nss_grid table thead tr:not(.filters){
		display: none;
	}
	.module-page-main-wrap .nss_grid table thead tr.filters{
		display: flex;
		flex-wrap: wrap;
		gap:10px;
		width: 100%;
		padding:10px;
		box-sizing: border-box;
	}
	.module-page-main-wrap .nss_grid table{
		display: flex;
		flex-direction: column;
	}
	.module-page-main-wrap .nss_grid table thead{
		display: block;
		width: 100%;
		border-bottom: 1px solid rgb(219, 218, 222);
	}
	.module-page-main-wrap .nss_grid table thead tr.filters th{
		border:0;
		width: 100%;
		max-width: calc(50% - (10px / 2));
		padding:0;
	}
	.module-page-main-wrap .nss_grid table thead tr.filters th:not(:has(input, select)){
		display: none;
	}
	.module-page-main-wrap .nss_grid table tr td .td-heading-mobile{
		display: block;
		font-family: 'PublicSans-b';
	}
	.module-page-main-wrap .nss_grid table tbody tr{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.module-page-main-wrap .nss_grid table tbody tr td{
		border:0;
	}
	.module-page-main-wrap .nss_grid table tbody tr td.td-checkbox label{
		margin:0;
	}
	.module-page-main-wrap .nss_grid table tbody tr td:not(.td-checkbox){
		display: flex;
		justify-content: space-between;
		gap:10px;
	}
	.module-page-main-wrap .nss_grid table tbody tr{
		border-bottom: 1px solid rgb(219, 218, 222);
	}
	.module-page-main-wrap .nss_grid table thead tr.filters input[type="text"].datepicker{
		width:calc(50% - 6px) !important;
	}
}
@media(max-width:991px){
	.module-page-main-wrap .module_menu li{
		width: 100%;
		max-width: calc(100% / 3 - (20px / 3));
		font-size: 0.8rem;
	}
	.module-page-main-wrap .module-page-heading{
		padding:0 0 .5rem !important;
		margin:0 0 .7rem !important;
	}
}
@media(max-width:767px){
	.module-page-main-wrap .module_menu li{
		max-width: calc(100% / 2 - (10px / 2));
	}
}
@media(max-width:400px){
	.module-page-main-wrap .module_menu li{
		max-width: 100%;
	}
	.module-page-main-wrap .nss_grid table thead tr.filters th{
		max-width: 100%;
	}
}


/*Popup*/
.ui-widget-overlay{
	background:rgba(75, 70, 92, .5);
}
.ui-dialog{
	box-shadow:0 .31rem 1.25rem 0 rgba(75,70,92,.4);
	border-radius: 0.375rem;
	border:0;
	padding:1.25rem 1.5rem;
	overflow:unset;
	background:var(--white-color);
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	left:50% !important;
	transform:translateX(-50%);
	max-width: calc(100% - 30px);
	box-sizing: border-box;
}
.ui-dialog .ui-widget-header{
	padding:0;
	background:transparent;
	bordeR:0;
	margin-bottom: 24px;
	position: initial;
}
.ui-dialog .ui-widget-header .ui-dialog-title{
	margin:0;
	line-height: 1.47;
	font-size: 1.125rem;
	color:#5d596c;
	font-weight: unset;
	font-family: 'PublicSans-sb';
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close{
	position: absolute;
	top:0;
	right:0;
	border-radius: .375rem;
	background:var(--white-color);
	padding:.44rem;
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
	margin:0;
	transform: translate(50%, -50%);
	bordeR:0;
	cursor: pointer;
	transition: all 400ms ease-in-out;
	z-index: 999999;
	color:#a8aaae;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close span{
	background:unset;
	margin:0;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close span:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width: 15px;
	height: 1px;
	background:#a8aaae;
	transform: translate(-50%, -50%) rotate(45deg);
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close span:before{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width: 1px;
	height: 15px;
	background:#a8aaae;
	transform: translate(-50%, -50%) rotate(45deg);
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:hover{
	transform: translate(30%, -30%);
}
.ui-dialog .ui-dialog-content{
	padding:0;
	height: 100% !important;
	max-height:calc(90vh - 90px);
	overflow:hidden auto;
	padding-bottom: 15px;
	box-sizing: border-box;
}
.ui-dialog .ui-dialog-content::-webkit-scrollbar {
	width:0;
}
.ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
  background:white;
}
 
.ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
  background-color: #7367f0;
}
.ui-dialog .ui-dialog-content .ui-tabs{
	padding:0;
	display: flex;
	flex-direction: column;
	gap:1rem;
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav{
	padding:0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-bottom:1px solid #dbdade;
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li{
	margin:0;
	border:0;
	background: transparent;
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li a{
	line-height: 1.375;
	padding:0.543rem 1.25rem;
	color:#5d596c;
	font-weight: 300;
	font-size: 15px !important;	
	position: relative;
	box-sizing: border-box;
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li a:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:2px;
	background:rgb(115, 103, 240);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li a:hover{
	color:rgb(115, 103, 240);
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	color:rgb(115, 103, 240);
}
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before{
	opacity: 1;
	visibility: initial;
}
.ui-dialog .ui-dialog-content fieldset{
	border:0;
	padding:0;
	background:transparent;
	display: flex;
	flex-direction: column;
	gap:15px;
	margin:0 0 20px;
}
.ui-dialog .ui-dialog-content fieldset > legend{
	margin:0 0 15px;
	padding: 5px 10px;
	bordeR:0;
	bordeR-bottom:2px solid #7367f0;
	border-radius:0;
	background:transparent;
	width: 100%;
	color:#7367f0;
	font-size: 16px;
	display: none;
}
.ui-dialog .ui-dialog-content fieldset dl{
	width: 100%;
	padding:0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:15px;
}
.ui-dialog .ui-dialog-content fieldset dl:hover{
	background:transparent;
}
.ui-dialog .ui-dialog-content fieldset dl dt{
	margin:0;
	padding:8px 0 0;
	width: 170px;
}
.ui-dialog .ui-dialog-content fieldset dl dt label{
	line-height: 1.5;
	color:#5d596c;
	font-size: 15px;
	font-weight: unset;
}
.ui-dialog .ui-dialog-content fieldset dl dd{
	flex:1;
	margin:0;
	padding:0;
}
.ui-dialog .ui-dialog-content fieldset dl dd em{
	display: none;
} 
.ui-dialog .ui-dialog-content fieldset dl dd input[type='text'], 
.ui-dialog .ui-dialog-content fieldset dl dd input[type='password'],
.ui-dialog .ui-dialog-content fieldset dl dd input[type='email'],
.ui-dialog .ui-dialog-content fieldset dl dd input[value='stock_alert'],
.ui-dialog .ui-dialog-content fieldset dl dd input[name="date"],
.ui-dialog .ui-dialog-content fieldset dl dd input[name="key"],
.ui-dialog .ui-dialog-content fieldset dl dd input[type="input"]{
	width: 100% !important;
	padding:.422rem .875rem !important;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background:var(--white-color);
    bordeR:1px solid #dbdade;
    border-radius: 0.375rem;
}
.ui-dialog .ui-dialog-content fieldset dl dd:has(.percent) input{
	max-width: calc(100% - 15px);
}
.ui-dialog .ui-dialog-content fieldset dl dd:has(.separator) input{
	max-width: 100px;
}
.ui-dialog .ui-dialog-content fieldset dl dd select, .ui-dialog .ui-dialog-content fieldset dl select{
	padding:.422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background:var(--white-color);
    bordeR:1px solid #dbdade;
    border-radius: 0.375rem;
}
.ui-dialog .ui-dialog-content fieldset dl dd textarea{
	width: 100% !important;
	padding:.422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background:var(--white-color);
    bordeR:1px solid #dbdade;
    border-radius: 0.375rem;
}
.ui-dialog .ui-dialog-content fieldset dl dd #status{
	display: flex;
	justify-content: flex-start;
	gap:25px;
	flex-wrap: wrap;
	margin-top: 7px;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field{
	position: relative;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field input{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	visibility: hidden;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field input:checked + label:before{
	border-color:rgb(115, 103, 240);
	background:rgb(115, 103, 240);
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field input:checked + label:after{
	opacity: 1;
	visibility: initial;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field label{
	position: relative;
	padding-left: 1.7em;
	color:#6f6b7d;
	font-size: 15px;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field label:before{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 18px;
	height: 18px;
	border:2px solid rgb(219, 218, 222);
	border-radius: 50%;
	display: block;
	box-sizing: border-box;
}
.ui-dialog .ui-dialog-content fieldset dl dd .custom-radio-field label:after{
	content: '';
	position: absolute;
	top:5px;
	left:5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:var(--white-color);
	display: block;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}
.ui-dialog .ui-dialog-content fieldset dl dd > .expanding{
	padding:10px 0 0;
	bordeR:0;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding > li > a{
	font-weight: 700;
	font-size: 13px;
}
.ui-dialog .ui-dialog-content fieldset dl dd > .expanding > li{
	margin-bottom: 10px;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li{
	position: relative;
} 
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > input{
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	visibility: hidden;
} 
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > label{
	position: relative;
	padding-left: 1.7em;
	color:#6f6b7d;
	font-size: 15px;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > label:before{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 18px;
	height: 18px;
	border:2px solid rgb(219, 218, 222);
	border-radius: 50%;
	display: block;
	box-sizing: border-box;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > label:after{
	content: '';
	position: absolute;
	top:5px;
	left:5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:var(--white-color);
	display: block;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > .expanding{
	bordeR:0;
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > input:checked+ label:before{
	border-color:rgb(115, 103, 240);
	background:rgb(115, 103, 240);
}
.ui-dialog .ui-dialog-content fieldset dl dd .expanding li > input:checked + label:after{
	opacity: 1;
	visibility: initial;
}
.ui-dialog .ui-dialog-content fieldset dl dd .ui-state-default{
	height: 36px;
	padding:0 10px;
	line-height: 0.375rem;
	background:#7367f0;
	color:#fff;
	border-color: #7367f0;
}
.ui-dialog .ui-dialog-content .buttons{
	display: flex;
	justify-content: flex-end;
	gap:16px;
	flex-wrap: wrap;
	width: 100%;
}
.ui-dialog .ui-dialog-content .buttons input{
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
	padding:0.6rem 1.25rem;
	border-radius: 0.375rem;
	font-size: 0.9375rem;
	line-height: 1.125;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: unset !important;
	font-family: 'PublicSans-sb';
	color: #fff;
    background: #7367f0;
    border-color: #7367f0;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}
.ui-dialog .ui-dialog-content .buttons input:hover{
    background: #685dd8;
    border-color: #685dd8;
}
.ui-dialog .ui-dialog-content .buttons #reset{
	background:#ea5455;
	border-color: #ea5455;
}
.ui-dialog .ui-dialog-content .buttons #reset:hover{
	background: #d34c4d;
    border-color: #d34c4d;
}
.ui-dialog #window_alerta {
	min-height: unset !important;
}
.ui-dialog #window_alerta .ui-state-error{
	margin:0 !important;
	padding:0.687rem 0.875rem !important;
	bordeR:0;
	border-radius: 0.375rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:10px;
	background:#fce4e4;
	color:#ea5455;
	font-weight: unset;
	font-family: 'PublicSans-sb';
	font-size: 15px;
}
.ui-dialog #window_alerta .ui-state-error .ui-icon{
	display: none;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select){
	padding: 0;
	border: 0;
	background:transparent;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select) dl{
	padding: 0;
	background:transparent;
	display: flex;
	justify-content: flex-start;
	gap:10px;
	flex-wrap: wrap;
	align-items: center;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select) dl dt{
	width: 100%;
	max-width: 150px;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select) dl dt label{
    line-height: 1.5;
    color: #5d596c;
    font-size: 15px;
    font-weight: unset;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select) dl dd{
	width: 100%;
	max-width: calc(100% - 165px);
	margin:0;
}
.ui-dialog .ui-dialog-content fieldset:has(.related_products_select) dl dd select{
    width: 100% !important;
    padding: .422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background: var(--white-color);
    bordeR: 1px solid #dbdade;
    border-radius: 0.375rem;
}
.ui-dialog .language_tabs{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:10px;
}
.ui-dialog .language_tabs input{
	padding:0 15px;
	height:36px;
	border:2px solid #7367f0;
	border-radius: 0.375rem;
	background:#fff;
	color:#7367f0;
	cursor: pointer;
	transition: all 400ms ease-in-out;
}
.ui-dialog .language_tabs input.ui-state-active{
	background: #7367f0;
	color:#fff;
}
.ui-dialog .language_tabs input.ui-state-active, .ui-dialog .language_tabs input:hover{
	background: #7367f0;
	color:#fff;
}
@media(max-width:767px){
	.ui-dialog{
		padding:1.25rem;
	}
	.ui-tabs .ui-tabs-nav li{
		width: calc(100% / 3);
	}
	.ui-tabs .ui-tabs-nav li a{
		display: block;
		width: 100%;
		text-align: center;
	}
	.ui-dialog .ui-dialog-content fieldset dl{
		flex-direction: column;
		gap:0;
	}
	.ui-dialog .ui-dialog-content fieldset dl dt{
		padding:0;
		width: 100%;
	}
	.ui-dialog .ui-dialog-content fieldset dl dd{
		padding:0;
	}
	.ui-dialog .ui-dialog-content fieldset dl dd:has(.separator) input{
		max-width: 80px;
	}
}
@media(max-width:575px){
	.ui-tabs .ui-tabs-nav li{
		width: calc(100% / 2);
		font-size: 13px !important;
	}
}
@media(max-width:400px){
	.ui-tabs .ui-tabs-nav li{
		width: 100%;
	}
}
div[id*='_config'].ui-dialog-content > br{
	display: none;
}
div[id*='_config'].ui-dialog-content > div{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:10px;
	flex-wrap: wrap;
	font-size: 14px;
}
div[id*='_config'].ui-dialog-content > div input[type="text"]{
	padding:.422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background:var(--white-color);
    bordeR:1px solid #dbdade;
    border-radius: 0.375rem;
}
div[id*='_config'].ui-dialog-content > div input[type="button"]{
	box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
	padding:0.6rem 1.25rem;
	border-radius: 0.375rem;
	font-size: 0.9375rem;
	line-height: 1.125;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: unset !important;
	font-family: 'PublicSans-sb';
	color: #fff;
    background: #7367f0;
    border-color: #7367f0;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}
div[id*='_config'].ui-dialog-content > div input[type="button"]:hover{
    background: #685dd8;
    border-color: #685dd8;
}
.view-order-products-popup{
	display:flex;
	flex-direction: column;
	gap:20px;
}
.view-order-products-popup .list-heading{
	font-size: 15px;
}
.view-order-products-popup .table-wrapper{
	width: 100%;
}
.view-order-products-popup .table-wrapper table{
	width: 100%;
}
.view-order-products-popup .table-wrapper table thead td{
    border-width: 0 0 1px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .88rem 0.7rem;
    color: #5d596c;
    font-weight: unset;
    font-family: 'PublicSans-m';
    line-height: 18px;
    font-size: 13px;
    border-style: solid;
    border-color: rgb(219, 218, 222);
    border-color: rgb(219, 218, 222);
    text-align: center;
}
.view-order-products-popup .table-wrapper table tbody td{
	border-width: 0 0 1px;
    border-color: rgb(219, 218, 222);
    color: rgb(111, 107, 125);
    font-size: 15px;
    line-height: 22.5px;
    font-weight: unset;
    font-family: 'PublicSans-r';
    padding: .55rem 0.7rem;
    height: unset;
    overflow: unset;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: middle;
}
.view-order-products-popup .table-wrapper table tbody td .visible-mobile{
	display: none;
}
.view-order-products-popup .table-wrapper table tbody td img{
	width: 100%;
	max-width: 70px;
}
@media(max-width:991px){
	.view-order-products-popup .table-wrapper table thead{
		display: none;
	}
	.view-order-products-popup .table-wrapper table tbody tr{
		display: flex;
		flex-direction: column;
	}
	.view-order-products-popup .table-wrapper table tbody tr{
		border-bottom:1px solid rgb(219, 218, 222);
	}
	.view-order-products-popup .table-wrapper table tbody td{
		display: flex;
		gap:10px;
		justify-content: space-between;
		bordeR:0;
		padding:.55rem 0;
		text-align: right;
	}
	.view-order-products-popup .table-wrapper table tbody td .visible-mobile{
		display: block;
		text-align: left;
		font-weight: 700;
	}
}

.order-view-module{
	display: flex;
	flex-direction: column;
	gap:20px;
}
.order-view-module .top-actions{
	display: flex;
	flex-direction: column;
	gap:10px;
}
.order-view-module .top-actions .left{
	display: flex;
	flex-direction: column;
}
.main-body .layout-container.page_products_with_damages #list_product_with_damages_container .module_menu{
	display: none;
}

.page_upload_image .module-page-main-wrap .image_description{
	color:#000;
}
.page_upload_image .module-page-main-wrap form .product-gallery-wrap .file-uploader-wrapper{
	margin-bottom: 15px;
}
.page_upload_image .module-page-main-wrap form .product-gallery-wrap .qq-uploader .qq-upload-button{
	margin: 0;
    padding: 0.6rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    bordeR: 0;
    background-image: unset;
    box-shadow: 0 .125rem .25rem rgba(165, 163, 174, .3);
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    font-size: 0.9375rem;
    width: unset;
    line-height: 1.125;
    font-family: 'PublicSans-r';
    transition: all 400ms ease-in-out;
    box-sizing: border-box;
    height: unset;
    width: 200px;
    font-weight: 300;
    text-transform: capitalize;
}
.page_upload_image .module-page-main-wrap form .product-gallery-wrap .buttons{
	position: initial;
}
.page_upload_image .module-page-main-wrap form .product-gallery-wrap .buttons button{
	margin: 0;
    padding: 0.6rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    bordeR: 0;
    background-image: unset;
    box-shadow: 0 .125rem .25rem rgba(165, 163, 174, .3);
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    font-size: 0.9375rem;
    width: unset;
    line-height: 1.125;
    font-family: 'PublicSans-r';
    transition: all 400ms ease-in-out;
    box-sizing: border-box;
    height: unset;
    width: 200px;
    font-weight: 300;
    text-transform: capitalize;
}
.page_upload_image .module-page-main-wrap form{
	margin-top:15px;
}
.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:10px;
	margin-bottom: 10px;
}
.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
	width: 100% !important;
	max-width: calc(100% / 7 - (60px / 7));
	display:none;
	float:none;
	height: unset !important;
	margin:0;
	box-sizing: border-box;
}
.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image img{
	max-width: 100%;
	height: auto;
}
.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image.uploaded{
	display: block;
}
.page_upload_image .module-page-main-wrap #file-uploader2{
	padding:0;
}
@media(max-width:1500px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: calc(100% / 6 - (50px / 6));
	}
}
@media(max-width:1400px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: calc(100% / 5 - (40px / 5));
	}
}
@media(max-width:1300px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: calc(100% / 4 - (30px / 4));
	}
}
@media(max-width:991px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: calc(100% / 3 - (20px / 3));
	}
}
@media(max-width:767px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: calc(100% / 2 - (10px / 2));
	}
}
@media(max-width:350px){
	.page_upload_image .module-page-main-wrap #file-uploader2 .qq-upload-list1 .image{
		max-width: 100%;
	}
}
.main-body .layout-container.page_import .module-page-main-wrap fieldset{
	margin:0 0 20px;
	padding:0;
	bordeR:0;
}
.main-body .layout-container.page_import .module-page-main-wrap fieldset legend{
	display: none;
}
.main-body .layout-container.page_import .module-page-main-wrap fieldset form dl{
	padding:5px;
}
.main-body .layout-container.page_import .module-page-main-wrap fieldset form dl dt label{
	font-size: 14px;
}
.main-body .layout-container.page_import .module-page-main-wrap fieldset form dl dd .ui-state-default{
	color: #fff;
    background: #7367f0;
    border-color: #7367f0;
    height:36px;
    padding:0 10px;
}
.main-body .layout-container.page_import .module-page-main-wrap iframe{
	border:1px solid #dbdade !important;
	border-radius:0.375rem;
}
@media(max-width:767px){
	.main-body .layout-container.page_import .module-page-main-wrap fieldset form dl{
		display: flex;
		flex-direction: column;
	}
	.main-body .layout-container.page_import .module-page-main-wrap fieldset form dl dd{
		margin:0;
		padding:0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap:10px;
	}
}

.main-body .layout-container.page_categories .nss_grid{
	display: none;
}
#nss_list_record{
	padding:15px;
	border:0;
	background:#fff;
	box-shadow: 0 .25rem 1.125rem rgba(75,70,92,.1);
}
#nss_list_record .connectedSortable{
	display: flex;
	flex-direction: column;
}
#nss_list_record .categories-list-wrapper{
	display: flex;
	flex-direction: column;
	border-left: 2px dashed #dbdade;
	margin-left:10px !important;
}
#nss_list_record .categories-list-wrapper .category-line{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap:20px;
	padding:5px 0 5px 25px;
	position: relative;
}
#nss_list_record .categories-list-wrapper .category-line:before{
	content: '';
	position: absolute;
	top:50%;
	left:0;
	width: 20px;
	transform: translateY(-50%);
	border-bottom: 2px dashed #dbdade;
}
#nss_list_record .categories-list-wrapper .category-line .category-name{
	margin:0 auto 0 0;
	font-size: 14px;
	text-transform: uppercase;
}
#nss_list_record .categories-list-wrapper .category-line .category-name img{
	display: none;
}
#nss_list_record .categories-list-wrapper .category-line .category-status span{
	display: flex;
	padding:5px 10px;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}
#nss_list_record .categories-list-wrapper .category-line .category-actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:15px;
	flex-wrap: wrap;
}
#nss_list_record .categories-list-wrapper .category-line .category-actions .action{
	padding:0;
	background: transparent;
}
@media(max-width:767px){
	#nss_list_record .categories-list-wrapper .category-line{
		justify-content: flex-start;
		row-gap: 6px;
	}
	#nss_list_record .categories-list-wrapper .category-line .category-name{
		width: 100%;
		margin:0;
	}
}
#window_inventar_edit .tabs > ul{
	padding:0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	row-gap: 5px;
	border-bottom:1px solid #dbdade;
	margin-bottom: 15px;
}
#window_inventar_edit .tabs > ul li{
	margin:0;
	border:0;
	display: flex;
	background: transparent;
}
#window_inventar_edit .tabs > ul li a{
	line-height: 1.375;
	padding:0.543rem 1.25rem;
	color:#5d596c;
	font-weight: 300;
	font-size: 15px !important;	
	position: relative;
	box-sizing: border-box;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#window_inventar_edit .tabs > ul li a:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:2px;
	background:rgb(115, 103, 240);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease-in-out;
}
#window_inventar_edit .tabs > ul li a:hover{
	color:rgb(115, 103, 240);
}
#window_inventar_edit .tabs > ul li.ui-tabs-selected a{
	color:rgb(115, 103, 240);
}
#window_inventar_edit .tabs > ul li.ui-tabs-selected a:before{
	opacity: 1;
	visibility: initial;
}
#window_inventar_edit.ui-dialog-content fieldset dl dd select{
	width: 100% !important;
	margin-bottom: 5px;
}
#window_inventar_edit.ui-dialog-content fieldset > legend{
	display: block;
}
#window_inventar_edit.ui-dialog-content fieldset dl textarea{
	width: 100% !important;
    padding: .422rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #6f6b7d;
    background: var(--white-color);
    bordeR: 1px solid #dbdade;
    border-radius: 0.375rem;
}
@media(max-width:1199px){
	#window_inventar_edit .tabs > ul li{
		width: 100%;
		max-width: calc(100% / 4);
	}
}
@media(max-width:991px){
	#window_inventar_edit .tabs > ul li{
		width: 100%;
		max-width: calc(100% / 3);
	}
}
@media(max-width:767px){
	#window_inventar_edit .tabs > ul li{
		width: 100%;
		max-width: calc(100% / 2);
	}
}
@media(max-width:400px){
	#window_inventar_edit .tabs > ul li{
		width: 100%;
		max-width: 100%;
	}
}
.reports-tabs{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:1.5em 0 1em;
	border-bottom:1px solid #c3c4c7;
	padding-top:9px;
	gap:7px;
}
.reports-tabs li{
	position:relative;
	margin-bottom:-1px;
}
.reports-tabs li a{
	border:1px solid #c3c4c7;
	padding: 5px 10px;
	font-size: 14px;
	background:#dcdcde;
	font-weight: 600;
	display:block;
	color:#50575e;
}
.update_statusb{
	float: none;
	background-image: unset !important;
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
	outline: 2px solid transparent;
	outline-offset: 2px;
	color: var(--white-color);
	font-weight: 500;
	font-size: .775rem;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: darkred;
	margin: 0;
	width: unset;
	border-radius: 0.5rem;
	font-family: 'Roboto', sans-serif !important;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s;
	text-decoration: none !important;
	text-align: center;
}

.reports-tabs{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:1.5em 0 1em;
	border-bottom:1px solid #c3c4c7;
	padding-top:9px;
	gap:7px;
}
.reports-tabs li{
	position:relative;
	margin-bottom:-1px;
}
.reports-tabs li a{
	border:1px solid #c3c4c7;
	padding: 5px 10px;
	font-size: 14px;
	background:#dcdcde;
	font-weight: 600;
	display:block;
	color:#50575e;
}


/* Raports page */

.reports_page .top_module{
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:15px;
	margin:20px 0 15px;
	padding-bottom:20px !important;
	border-bottom:1px solid #e9e9e9;
}
.reports_page .top_module .module_name{
	margin:0;
	font-weight: 300;
	font-size: 30px;
	color: #4c4d5a;
	display: inline-block;
	margin-bottom: 0px;
	text-shadow: 0 1px #fff;
}
.reports_page .top_module nav{
	margin-bottom:2px;
}
.reports_page .top_module nav ul{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
}
.reports_page .top_module nav ul li{
	color: #999999;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.reports_page .top_module nav ul li.line{
	font-size: 12px;
}
.reports_page .top_module nav ul li a{
	color: #999999;
}
.reports_page .main-boxes{
	display:flex;
	flex-wrap:Wrap;
	justify-content:flex-start;
	gap:20px;
}
.reports_page .main-boxes .box-area{
	width:100%;
	border:1px solid #dcdcdc;
	display:flex;
	flex-direction:column;
	padding:0 !important;
	box-sizing:border-box;
	width:100%;
}
.reports_page .main-boxes .box-area.width-1{
	width:calc(25% - 10px);
}
.reports_page .main-boxes .box-area.width-3{
	width:calc(75% - 10px);
}
.reports_page .main-boxes .box-area.full{
	max-width:100%;
}
.reports_page .main-boxes .box-area .head{
	border-bottom:1px solid #dcdcdc;
	display:flex;
	justify-content:flex-start;
	align-items:Center;
	gap:10px;
	color: #4c4d5a;
	background: #f6f6f6;
	text-shadow: 0 -1px 0 rgba(50, 50, 50, 0);
	font-size: 11px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	padding:10px 15px !important;
}
.reports_page .main-boxes .box-area .head svg{
	width:13px;
	height:13px;
	fill:#98978b;
}
.reports_page .main-boxes .box-area .head svg.stroke{
	stroke:#98978b;
	fill:none;
}
.reports_page .main-boxes .box-area .head h2{
	margin:0;
	font-size: 13px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: #4c4d5a;
}
.reports_page .main-boxes .box-area .head h2 span{
	color: #fff;
	background: #f90;
	font-size: 13px;
	display: inline-block;
	margin-left: 5px;
	padding: 3px 10px;
}
.reports_page .main-boxes .box-area .body{
	background:#fff;
	flex:1;
	padding:15px;
}
.reports_page .main-boxes .box-area .body .field{
	min-height: 20px;
	padding: 19px !important;
	margin-bottom: 20px;
	background-color: #f8f5f0;
	border: 1px solid transparent;
	border-radius: 4px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.reports_page .main-boxes .box-area .body .field button{
	padding: 15px 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #3e3f3a;
	text-align: center;
	background-color: #f8f5f0;
	border: 1px solid #dfd7ca;
	border-radius: 4px;
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
}
.reports_page .main-boxes .box-area .body .field button svg{
	width:12px;
	height:12px;
}
.reports_page .main-boxes .box-area .body .field select{
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	height:46px !important;
	text-align-last:left !important;
}
.product-choose-category-wrap{
	display:flex;
	flex-direction:column;
}
.product-choose-category-wrap dt, .product-choose-category-wrap dd{
	width:100%;
}
.product-choose-category-wrap .search-product-category{
	width:100%;
}
.product-choose-category-wrap .expanding li.n{
	display:none;
}