@font-face {font-family: "Nunito";font-style: normal;font-weight: 300;font-display: swap;src: url("Fonts/nunito-v16-latin-300.woff2") format("woff2"),url("Fonts/nunito-v16-latin-300.woff") format("woff");}
@font-face {font-family: "Nunito";font-style: normal;font-weight: 400;font-display: swap;src: url("Fonts/nunito-v16-latin-regular.woff2") format("woff2"),url("Fonts/nunito-v16-latin-regular.woff") format("woff");}
@font-face {font-family: "Nunito";font-style: normal;font-weight: 600;font-display: swap;src: url("Fonts/nunito-v16-latin-600.woff2") format("woff2"),url("Fonts/nunito-v16-latin-600.woff") format("woff");}
@font-face {font-family: "Nunito";font-style: normal;font-weight: 700;font-display: swap;src: url("Fonts/nunito-v16-latin-700.woff2") format("woff2"),url("Fonts/nunito-v16-latin-700.woff") format("woff");}
@font-face {font-family: "Nunito";font-style: normal;font-weight: 900;font-display: swap;src: url("Fonts/nunito-v16-latin-900.woff2") format("woff2"),url("Fonts/nunito-v16-latin-900.woff") format("woff");}

:root{
  --text:#323232;
  --maincolor:#ff6600;
  --maincolor-hover:#b04600;
  --bg:#f2f2f2;
  --grey:#ccc;
  --grey2:#a2a2a2;
  --greylight:#dbdbdb;
  --darkgrey:#868686;
  --border:#e1dad5;
  --redlight:#fbd9d9;
  --radius:30px;
  --fz:16px;
  --shadow: 0px 2px 2px rgba(0,0,0,0.1);
  --shadow2: 0 15px 35px rgba(0,0,0,.08);
  --shadowdark: 0px 5px 10px rgba(0,0,0,0.5);
  --bigshadow: -10px 15px 20px rgba(0,0,0,0.1);
  --bigshadowleft: -60px 5px 10px rgba(100,100,100,0.1);
  --rightshadow: 30px 0px 20px rgba(200,200,200,0.2);
  --innershadow: inset 0px 5px 10px rgba(0,101,205,0.2);
  --innergreyshadow: inset 3px 3px 3px rgba(100, 100, 100, 0.1);
  --shadoworange: 0px 5px 10px rgba(180,70,0,0.4);
  --shadowgrey: 0px 5px 10px rgba(100,100,100,0.4);
}

*,
*::before,
*::after{ box-sizing:border-box; }

/*html, body { height:100%;}*/
html{font-size: var(--fz);}
body{margin:0;color:var(--text);font: 400 1rem "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;background:var(--bg);line-height:1.4;overflow-x:hidden;}

img{ max-width:100%; display:block; }

h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:500;line-height:1.2;margin:0 0 .5em;}
h1{ font-size:50px; }
h2{ font-size:40px; }
h3{ font-size:26px; }
h4{ font-size:20px; }
h5{ font-size:18px; }

a{ color:var(--maincolor); text-decoration:none; transition: color .4s ease-in-out; }
a:hover, a:focus{ color:#000; }

.loadingplace, .cmsopenmenu, .todelete, .innersearchplace, #dialog-form-templates h3, .dnone,
.FolderDisplay[data-vfid="9319"], .FolderDisplay[data-vfid="9318"] {display:none}

nav ul{ margin:0; padding:0; list-style:none; }

button, input, a img {-webkit-transition: all 0.40s ease-in-out;}

input, textarea, select{width:100%;padding:15px;border:none;border-radius:var(--radius);background:#fff;font:inherit;color:inherit;/*text-transform:uppercase;*/font-size:15px;border: 1px solid rgba(255,255,255,.3);box-shadow:var(--innershadow);border:1px solid var(--bg);outline: none;}
input[type="checkbox"], input[type="radio"] {width:15px;height:15px;box-shadow:none}
body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button {font-size:15px;outline: none;}
body .ui-widget input:focus, body .ui-widget select:focus, body .ui-widget textarea:focus, body .ui-widget button:focus {    border-color: rgba(0, 101, 205, .35);
    box-shadow: 0 0 0 4px rgba(0, 101, 205, .12);}

label{ display:block; margin:0 0 10px 0; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="submit"], input[type="button"], .btn {-webkit-appearance: none;appearance: none;display: inline-block;padding: 15px 30px;border: none;border-radius: var(--radius);cursor: pointer;color: #fff;text-transform: uppercase;font-size: 15px;box-shadow: var(--shadoworange);background:var(--maincolor);text-align:center;/*background: linear-gradient(90deg, #FF6600 0%, #B04600 50%, #FF6600 100%);background-size: 200% 100%;transition: background-position .5s ease, transform .25s ease;*/}
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"].btnanimation:hover, .btn.btnanimation:hover, .btn:hover,
input[type="submit"]:focus, input[type="button"]:focus, input[type="submit"].btnanimation:focus, .btn.btnanimation:focus, .btn:focus {color: #fff;background:#B04600;transform: translateY(-5%) translateX(0);/*-webkit-animation: shadow-drop-center 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;animation: shadow-drop-center 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;*/}

input[type="text"]:disabled {color: #aaa;background: #f0f0f0;}

@-webkit-keyframes shadow-drop-center {0% {background-position: 0px 0%;}100% {background-position: 100% 0%;}}
@keyframes shadow-drop-center {0% {background-position: 0px 0%;}100% {background-position: 100% 0%;}}

::placeholder{ color:var(--text); opacity:.6; }
::selection{ background:var(--maincolor); color:#fff; }

::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:#f0f0f0; }
::-webkit-scrollbar-thumb{ background:#888; }
::-webkit-scrollbar-thumb:hover{ background:#555; }

.clearfix::after{ content:""; display:table; clear:both; }

.logocatom{ position:absolute; left:2%; bottom:2%; }
.logocatomheader a {display:flex;padding:30px 30px 10px 30px;align-items: flex-end;}
.logocatomheader img {opacity:.4;height:30px; }
.logocatomheader span { font-size:30px;font-weight:900;color:var(--darkgrey);line-height:70%;display:block;padding:0 10px;}

.login{display:flex;height:100vh;align-items:center;justify-content:center;padding:4%;}
.login label span {padding:0 0 5px 15px;font-style:italic;color:var(--grey2)}
.loginbox h2 { text-align:center; }

.loginbox h2 span {display:inline-block;animation: fade-in .6s cubic-bezier(.39,.575,.565,1) both;color:var(--grey2);margin:0 5px;}
.loginbox h2 span:nth-of-type(1){ animation-delay: 0s; }
.loginbox h2 span:nth-of-type(2){ animation-delay: .1s; }
.loginbox h2 span:nth-of-type(3){ animation-delay: .2s; }
.loginbox h2 span:nth-of-type(4){ animation-delay: .3s; }
.loginbox h2 span:first-of-type {font-weight:900;color:var(--darkgrey);}

.enters {animation: fade-in-soft 1s cubic-bezier(.39,.575,.565,1) .5s both;}
.enters input[type="submit"] {margin:20px 0 0 0}

.enters2 {animation: fade-in-soft2 1s cubic-bezier(.39,.575,.565,1) .7s both;}

@keyframes fade-in {
  0%{ transform: translateZ(-80px); filter: blur(12px); opacity:0; }
  100%{ transform: translateZ(0); filter: blur(0); opacity:1; }
}
@keyframes fade-in-soft {
  0%{ opacity:0; }
  100%{ opacity:1; }
}
@keyframes fade-in-soft2 {
  0%{ opacity:0; }
  100%{ opacity:1; }
}

.whiteplace {background:#fff;padding:2.5%;border-radius:var(--radius);box-shadow: var(--shadow2);position:relative;overflow:hidden}
.whiteplace::before, .whiteplace::after {content: "";position: absolute;width: 260px;height: 260px;border-radius: 50%;pointer-events: none;filter: blur(0px);opacity: .85;}
.whiteplace::before {right: -110px;top: -120px;background: radial-gradient(circle at 35% 35%, rgba(255, 102, 0, .30), rgba(255, 102, 0, 0) 62%);}
.whiteplace::after {left: -130px;bottom: -140px;background: radial-gradient(circle at 60% 60%, rgba(255, 190, 120, .24), rgba(255, 190, 120, 0) 62%);}

.FieldsContent label {display:flex;align-items: center;}
.FieldsContent label > span {width:10%}

@property --base {
  syntax: '<color>';
  inherits: false;
  initial-value: #FF8A4C; 
}

.bgbody {
  --base: #FF8A4C;
  --c1: color-mix(in srgb, var(--base) 12%, white);
  --c2: color-mix(in srgb, var(--base) 22%, white);
  --c3: color-mix(in srgb, var(--base) 32%, white);
  --c4: color-mix(in srgb, var(--base) 18%, white);
  --c5: color-mix(in srgb, var(--base) 10%, white);
  background: linear-gradient(120deg, var(--c1), var(--c2), var(--c3), var(--c4), var(--c5));
  background-size: 300% 300%;
  animation:flowGradient 70s ease-in-out infinite,hueTrain     40s linear infinite;

}

@keyframes flowGradient {
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

@keyframes hueTrain {

   0% { --base: #3A7BFF; } 
  20% { --base: #C9B08A; } 
  40% { --base: #FF8A4C; } 
  60% { --base: #4FD1A5; } 
  80% { --base: #B89CFF; } 
 100% { --base: #3A7BFF; }
}

@media (prefers-reduced-motion: reduce) {
  .bgbody { animation: none; }
}

@supports not (background: linear-gradient(#000, #000)) or
          not (color: color-mix(in srgb, white 10%, black)) {
  .bgbody {
    background: linear-gradient(120deg, #fff3ea, #ffe9dc);
    animation: none;
  }
}

.cmswrapper {background:var(--bg);/*background: url(../images/bgman.png) center center no-repeat;*/box-shadow: var(--shadow2);border-radius:var(--radius);display:flex;position:relative;margin:4%}

.cmsleftside {overflow: hidden;background:#fff;box-shadow: var(--shadow2);border-radius:var(--radius);width:25%;    position: relative;z-index: 2;}

.cmscontainer {width:75%;padding:30px;position: relative;}

.searchplace {width: 350px;position: absolute;right: 100px;top: 30px;display: flex;}
.searchplace .searchboxbtn {background: url(../images/searchicon.png) center center no-repeat;width: 53px;height: 100%;position: absolute;right: 0;top: 0;cursor: pointer;box-shadow: none;border-radius: 20px;padding:0;filter: grayscale(100%);background-size:30px;}
.searchplace .searchboxbtn:hover, .searchplace .searchboxbtn:focus {box-shadow: var(--shadoworange);background:#fff url(../images/searchicon.png) center center no-repeat;transform:none;filter:none;background-size:25px;}
.searchplace .searchbox {width: 100%;padding-right: 60px;}
.searchplace .searchbox:focus {border-color: rgba(0, 101, 205, .35);box-shadow: 0 0 0 4px rgba(0, 101, 205, .12);}


.cmsbreadcrumbs{position:absolute;left:30px;top:30px;display:flex;align-items:center;gap:5px; /*padding:5px 5px;border-radius:20px;   backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 14px 34px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.55);line-height:100%;*/}
.cmsbreadcrumbs a,.cmsbreadcrumbs div{font-size:13px;display:flex;align-items:center;color:var(--grey2);text-decoration:none;}
.cmsbreadcrumbs a:not(.sitemaplink):hover{color:#000;}
.cmsbreadcrumbs .b_dot{margin-left:5px;color:rgba(120,120,120,.55);font-size:10px;transform:translateY(1px);}
.cmsbreadcrumbs .thispage{font-size:13px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;}
.cmsbreadcrumbs a:nth-of-type(2) {display:none}

.sitemaplink{display:inline-flex;align-items:center;gap:10px;height:53px;padding:0 15px;border-radius:20px;background: rgba(255, 255, 255, .7);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);margin:0 10px 0 0}
.sitemaplink .icon{width:20px;height:20px;flex:0 0 20px;background:var(--text);mask:url("../images/sitemap.png") center / 20px no-repeat;-webkit-mask:url("../images/sitemap.png") center / 20px no-repeat;transition:.25s ease;}
.sitemaplink .label{font-weight:600;letter-spacing:.2px;color:var(--text);white-space:nowrap;}
.sitemaplink:hover,.sitemaplink:focus-visible{background:#B04600;box-shadow: 0 14px 26px rgba(176,70,0,.35);transform:translateY(-2px);}
.sitemaplink:hover .icon,.sitemaplink:focus-visible .icon{background:#fff;}
.sitemaplink:hover .label,.sitemaplink:focus-visible .label{color:#fff;}
.sitemaplink:active{transform:scale(.97);}


/*.cmsbreadcrumbs::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,102,0,.14), rgba(255,102,0,0) 55%),
    radial-gradient(circle at 80% 70%, rgba(255,190,120,.12), rgba(255,190,120,0) 55%);
  opacity:.9;
}

.cmsbreadcrumbs .thispage:before {content:"●";display:block;margin: 0 7px;display: block;color: var(--grey2);font-size: 12px;}
.cmsbreadcrumbs a:last-of-type span {display:none}*/


.cmsleftsidelink {padding:20px;border-radius:0 0 0 30px;box-shadow: var(--bigshadowleft);overflow:hidden}
.cmsleftsidelink a {display:block;color:var(--darkgrey);padding:10px 10px;line-height:100%;border-radius:var(--radius);}
.cmsleftsidelink a:hover, .cmsleftsidelink a:focus {background:var(--grey);color:#000;box-shadow: var(--shadow);}
.cmsleftsidelink a.this {color:#fff;box-shadow: var(--shadoworange);background: #B04600}

/*
.cmsleftsidelink {position: relative;}
.cmsleftsidelink::before {content: "";position: absolute;inset: 0; background: #fff;border-radius: 0 0 0 30px;z-index: -1;}
.cmsleftsidelink::after {content: "";position: absolute;left: 10%;bottom: -18px;width: 80%;height: 18px;background: rgba(0,0,0,0.15);filter: blur(16px);border-radius: 12px;z-index: -2;}
*/



.cmstitle {font-weight:600;margin:0 0 3px 10px;font-style:italic;display: flex;align-items: center;}
.cmstitle > span {flex:auto}

.cmsaddnew {margin:0 0 30px 0;position: relative;padding: 40px 20px;border-radius: var(--radius);background: rgba(255,255,255,.75);border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);display: flex;justify-content: center;gap: 10px;align-items: center;flex-wrap: wrap;overflow: hidden;width:33%;flex:auto}
.cmsaddnew::before,.cmsaddnew::after{content:"";position:absolute;width: 260px;height: 260px;border-radius: 50%;pointer-events:none;filter: blur(0px);opacity: .85;}
.cmsaddnew::before{right: -110px;top: -120px;background: radial-gradient(circle at 35% 35%, rgba(255,102,0,.30), rgba(255,102,0,0) 62%);}
.cmsaddnew::after{left: -130px;bottom: -140px;background: radial-gradient(circle at 60% 60%, rgba(255,190,120,.24), rgba(255,190,120,0) 62%);}

.datacreateplace {display:flex;gap: 15px;}
/*
.createbtn{position: relative;z-index: 2;display: inline-flex;align-items: center;gap: 14px;padding: 15px 35px;border-radius: 999px;text-decoration: none;border: 1px solid rgba(255,102,0,.15);background: linear-gradient(180deg, #ff7a00, #ff5a00);color: #fff;text-transform: uppercase;box-shadow: 0 18px 40px rgba(255,102,0,.35), inset 0 1px 0 rgba(255,255,255,.35);user-select: none;}
.createbtn > span{width: 34px;height: 34px;border-radius: 50%;background: rgba(255,255,255,.22);box-shadow: inset 0 1px 0 rgba(255,255,255,.35);position: relative;flex: 0 0 34px;}
.createbtn > span::before,
.createbtn > span::after{content:"";position:absolute;left: 50%;top: 50%;width: 14px;height: 2px;background: rgba(255,255,255,.95);transform: translate(-50%,-50%);border-radius: 2px;}
.createbtn > span::after{width: 2px;height: 14px;}
.createbtn:hover{transform: translateY(-2px);box-shadow: 0 26px 65px rgba(255,102,0,.50), inset 0 1px 0 rgba(255,255,255,.45);}
.createbtn:active{transform: translateY(0) scale(.98);}
*/






#MMSystemTD {margin: 80px 0 0 0;}

#MMSystemTD label {display:flex;align-items: center;flex: auto;padding:8px 10px;border-radius:20px;transition: background .15s ease, border-color .15s ease;margin:0;}
#MMSystemTD label span {width:25%;display:block;font-size:15px;}
#MMSystemTD label.checkplace span {width:50%;}
#MMSystemTD label input, #MMSystemTD label textarea, #MMSystemTD label select {border: 1px solid var(--greylight);outline:none;padding:8px 10px;border-radius:5px;box-shadow:var(--innergreyshadow)}
#MMSystemTD label input[type="text"], #MMSystemTD label input[type="password"], #MMSystemTD select, #MMSystemTD textarea {max-width:50%}
#MMSystemTD label textarea {min-height:100px;}
#MMSystemTD label.dnone, #MMSystemTD .boxcaption {display:none}
   
#MMSystemTD label:hover{background: rgba(100,100,100,.05);}
#MMSystemTD label input:focus,#MMSystemTD label textarea:focus,#MMSystemTD label select:focus{border-color: rgba(0,101,205,.35);box-shadow: 0 0 0 4px rgba(0,101,205,.12);}


body .ui-widget-overlay {background: #000;opacity: .8;}

.listOfCategories {display: flex;align-items: center;flex-direction: column;justify-content: center;height: 100%;}
.listOfCategories select {margin:0 0 10px 0}
    
.categoriesplace .subtitle {margin:15px 0 10px;font-size:15px;font-weight:600;color:#1c1c1c;display:flex;align-items:center;gap:8px;}
.categoriesplace .mandatory{font-weight:600;font-size:12px;color:#ff6600;opacity:.85;}
.categoriesplace label{display:block;margin:10px 0;}
.categoriesplace label > span{display:block;font-size:12px;font-weight:600;color:#6a6a6a;margin:0 0 6px;}
.categoriesplace input[type="text"]::placeholder{color:#b5b5b5;}
#NewCategoryValByLang{display:grid;grid-template-columns: 1fr 1fr;gap:12px;margin-top:6px;}
#NewCategoryValByLang label{margin:0;}
#addCategoryButton{margin-top:20px;}
#areaOfCategory{margin-top:15px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.12);display:flex;flex-wrap:wrap;gap:10px;}
#areaOfCategory .categoryItem{display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border-radius:999px;background: rgba(255,102,0,.10);border:1px solid rgba(255,102,0,.18);color:#1f1f1f;font-weight:700;font-size:13px;}
#areaOfCategory .deleteCategory{width:22px;height:22px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.10);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition: transform .16s ease, border-color .16s ease;position:relative;}
#areaOfCategory .deleteCategory::before,
#areaOfCategory .deleteCategory::after{content:"";position:absolute;width:10px;height:2px;background:#b3b3b3;border-radius:2px;}
#areaOfCategory .deleteCategory::before{ transform: rotate(45deg); }
#areaOfCategory .deleteCategory::after{ transform: rotate(-45deg); }
#areaOfCategory .deleteCategory:hover{transform: scale(1.06);border-color: rgba(255,102,0,.35);}
#areaOfCategory .deleteCategory:hover::before,
#areaOfCategory .deleteCategory:hover::after{background:#ff6600;}
.categoriesplace .errorplace{margin-top:10px;display:block;padding:10px 12px;border-radius:12px;background: rgba(234,34,35,.10);border:1px solid rgba(234,34,35,.20);color:#b10f12;font-weight:700;font-size:13px;}

.btnplace {display:flex;justify-content: flex-end;align-items: center;position:sticky;bottom: 0px;padding:30px 0;margin:15px 0 0 0;background: #F2F2F2;background: linear-gradient(360deg, rgba(242, 242, 242, 1) 50%, rgba(242, 242, 242, 0) 100%);}
.btnplace button, .btnplace a, .btnplace input {margin: 0 5px;box-shadow: var(--shadowgrey);background: #0065cd;width: 20%;}
.btnplace button:hover, .btnplace a:hover, .btnplace input:hover {color: #fff;background:#004b97}
.btnplace button.back, .btnplace a.back, .btnplace input.back {box-shadow: var(--shadowgrey);background:#979797;}
.btnplace button.back:hover, .btnplace a.back:hover, .btnplace input.back:hover {color: #fff;background:#606060}

.form span.important, .mandatory, .important {color:#cc0000;}
.form span.important:after, span.important:after {content:"*";color:#cc0000;padding:0 3px}

#MMSystemTD .pagename, #MMSystemTD .priceContent {position: relative;padding:10px 10px;margin:0px 0 30px 0;}
#MMSystemTD .pagename::after, #MMSystemTD .priceContent::after {content: '';position: absolute;left: 10px;bottom: -10px;width: 100%;height: 1px;background: linear-gradient(to right,var(--grey) 0%,var(--grey) 50%,rgba(0,0,0,0) 100%);}

.pagenamefolder {margin:0}

.langbool {position:absolute;right:0;top:5px;margin:0;}
.langbool span {flex: auto;font-size:14px;}

.language3 .langbool {position:static}

.languageplace {position:relative;padding:0 0 20px 0;margin:0 0 20px 0;}
.languageplace h3, .containerAttributes h3 {color:var(--darkgrey);    padding: 0 0 0 10px;font-size:24px;}
.languageplace::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: linear-gradient(to right,var(--grey) 0%,var(--grey) 50%,rgba(0,0,0,0) 100%);}


.menusection {margin:0px 0 30px 0;}
.menusection h2 {font-size:30px;margin:0px 0 5px 0;}

.cmsleftsidemenu .cmsleftsidelink:first-of-type {display:none}

.welcomeplace{margin:0;padding:30px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:0 0 0 30px;box-shadow: var(--bigshadowleft);display:none}
.welcomeplace{font-size:16px;}
.welcomeplace > div{display:flex;align-items:baseline;gap:10px;font-size:20px;font-weight:600;}
.welcomeplace .user{font-size:16px;    padding-right:10px;}
.welcomeplace .user::after{content:'';position:absolute;right:0;top:50%;width:1px;height:14px;transform:translateY(-50%);background:rgba(0,0,0,.10);border-radius:2px;}
.welcomeplace > div span:last-child{color:#B04600;position:relative;}
.welcomeplace > div span:last-child::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:3px;background:linear-gradient(90deg,rgba(176,70,0,0),rgba(176,70,0,.35),rgba(176,70,0,0));opacity:.9;}



.createplace, .containermain {padding:20px;background:#fff;box-shadow:var(--shadow);border-radius:var(--radius);margin:0 0 20px 0;}

.FolderDisplay, .ItemDisplay {border: 1px solid rgba(255, 255, 255, .55);display: block;align-items: center;background:#fff;border-radius:var(--radius);margin:15px 0 0 0;box-shadow:var(--shadow);position:relative;z-index: 99;}
.FolderDisplay a, .ItemDisplay a {display:flex;color:#000;align-items: center;flex: auto;height: 50px; overflow: hidden;   }
.FolderDisplay a span, .ItemDisplay a span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 88%;}
.FolderDisplay:hover, .ItemDisplay:hover {box-shadow: var(--shadoworange);color:var(--maincolor)}
.FolderDisplay:hover a, .ItemDisplay:hover a {color:var(--maincolor)}

.FolderDisplay .folder {display:block;width:25px;height:25px;/*background: url(../images/folder.png) center center no-repeat;background-size:20px;*/margin:0 5px;filter: grayscale(100%);opacity:.7}
.FolderDisplay.FullFolder .folder {background: url(../images/fullfolder.png) center center no-repeat;background-size: 20px;}

.FolderDisplay:hover a .folder, .ItemDisplay:hover a .folder {filter:none}

.FolderDisplay.notvisible, .ItemDisplay.notvisible {background:var(--greylight)}
.FolderDisplay.resticted, .ItemDisplay.resticted {background:var(--redlight)}

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

.moretools {position: relative;display: flex;align-items: center;}
.moretools:hover .toolsicons2 {opacity: 1;transform: translateY(-50%) translateX(0);pointer-events: auto;border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);}
.moretools:hover .dots {border-radius:var(--radius);background:var(--grey2)}
.moretools:hover .icon-more circle {fill: #fff;}

.dots {width: 50px;height: 50px;}



.cmsleftsidelink:first-of-type .cmstitle {display: none;}

#MMSystemTD label input[type="checkbox"] {font-size: 24px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 40px;height: 20px;background: #ddd;border-radius: 20px;position: relative;cursor: pointer;outline: none;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;padding:0;margin: 0 5px 0 0;}
#MMSystemTD label input[type="checkbox"]:checked {background: #ff8000;}
#MMSystemTD label input[type="checkbox"]:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);box-shadow: 0 0 .25em rgba(0,0,0,.3);-webkit-transform: scale(.7);transform: scale(.7);left: 0;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;top: -1px;}
#MMSystemTD label input[type="checkbox"]:checked:after {left: calc(100% - 19px);}
#MMSystemTD input[type="submit"], #MMSystemTD input[type="button"], #MMSystemTD .greybutton {max-width:300px;}

.toolsicons2 {position: absolute;top: 50%;left: 40px;transform: translateY(-50%) translateX(-6px);opacity: 0;pointer-events: none;display: flex;align-items: center;gap: 5px; padding: 5px 10px;background: #ffffff;border-radius: 999px;border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);transition:opacity 0.18s ease-out,transform 0.18s ease-out,box-shadow 0.18s ease-out;z-index: 66;}
.toolsicons2 .iconplace a, .toolsicons2 .icon-edit svg {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;}
.toolsicons2 svg {width: 40px;height: 40px;stroke: #999999;fill: none;transition: stroke 0.2s ease, transform 0.2s ease;}
.toolsicons2 a:hover svg {stroke: #ff6600;transform: translateY(-1px);}
.toolsicons2 a {/*transition: color 0.2s ease, transform 0.2s ease;*/    }
.toolsicons2 a:hover {color: #ff6600;transform: translateY(-1px);}

.iconplace {display:none}

.icon-more {width: 100%;height: 100%;cursor: pointer;}
.icon-more circle {fill: var(--maincolor);transition: transform 0.4s ease, opacity 0.2s ease;transform-origin: center;opacity: 0.7;}
.icon-more:hover circle {animation: dotBounce 1.5s infinite ease-in-out;}
.icon-more:hover circle:nth-of-type(1) {animation-delay: 0s;}
.icon-more:hover circle:nth-of-type(2) {animation-delay: 0.1s;}
.icon-more:hover circle:nth-of-type(3) {animation-delay: 0.2s;}

  @keyframes dotBounce {
    0%, 100% {
      transform: translateY(0) scale(1);
      opacity: 0.6;
    }
    40% {
      transform: translateY(-1.5px) scale(1.3);
      opacity: 1;
    }
    70% {
      transform: translateY(0.5px) scale(0.95);
      opacity: 0.7;
    }
  }

.icon-edit svg {width: 40px;height: 40px;cursor: pointer;}
.icon-edit #drawline {stroke-dasharray: 40;stroke-dashoffset: 40;transition: stroke-dashoffset 0.35s ease-out;}
.icon-edit:hover #drawline {stroke-dashoffset: 0;}
.icon-edit #pencil {transition: transform 0.25s cubic-bezier(.25,.75,.35,1.35);}
.icon-edit:hover #pencil {transform: translate(2px, -2px);}
.icon-edit #outline {transition: stroke 0.2s ease;}
.icon-edit:hover #outline {stroke: #ff7a26;}

.icon-delete svg {width: 42px;height: 42px;cursor: pointer;transition: 0.4s ease;}
.icon-delete:hover #lid {transform: translateY(-5px) rotate(-8deg);transition: 0.4s cubic-bezier(.25,1.7,.35,1);}
.icon-delete:hover #minus {transform: translateX(4px);transition: 0.4s cubic-bezier(.3,1.4,.4,1);}
.icon-delete:hover svg {stroke: #ff7a2a;}
.icon-delete #minus circle {stroke: #b3b3b3;  fill: #ffffff; }
.icon-delete #minus line {stroke: #b3b3b3;}
.icon-delete:hover #minus circle,
.icon-delete:hover #minus line {stroke: #ff7a2a;}

.icon-template svg {width: 42px;height: 42px;cursor: pointer;/*stroke: #aaaaaa; */stroke-width: 4.2;fill: none;shape-rendering: geometricPrecision;transition: 0.25s ease;}
.icon-template #tpl-gear-bg {fill: #ffffff;}
.icon-template #tpl-gear {transform-origin: 70px 68px;transition: 0.25s cubic-bezier(.3,1.4,.4,1);}
.icon-template #tpl-line1,.icon-template #tpl-line2,.icon-template #tpl-line3 {stroke-dasharray: 40;stroke-dashoffset: 0;transition: stroke-dashoffset 0.25s ease;}
.icon-template:hover svg {stroke: #ff6600; }
.icon-template:hover #tpl-gear {transform: rotate(18deg) scale(1.05);  }
.icon-template:hover #tpl-line1 {stroke-dashoffset: -10; }
.icon-template:hover #tpl-line2 {stroke-dashoffset: -6;}
.icon-template:hover #tpl-line3 {stroke-dashoffset: -3;}

.icon-preview svg {width: 42px;height: 42px;/*stroke: #b5b5b5; */        cursor: pointer;transition: stroke 0.25s ease;}
.icon-preview svg #iris,.icon-preview svg #pupil {transform-box: fill-box;transform-origin: center;transition: transform 0.25s cubic-bezier(.25,1.4,.4,1);}
.icon-preview:hover svg {stroke: #ff6600;       }
.icon-preview:hover #iris {transform: scale(1.03);   }
.icon-preview:hover #pupil {transform: scale(1.18);   }

.icon-moveItem svg {width: 42px;height: 42px;cursor: pointer;transition: 0.25s ease;}
.icon-moveItem #move-arrow {transform-origin: 44px 50px;transition: 0.28s cubic-bezier(.25,1.4,.35,1);transform: rotate(0deg);}
.icon-moveItem:hover #move-arrow {transform: rotate(180deg);}
.icon-moveItem:hover svg {stroke: #ff6600;}
/*.toolsicons2 .icon-moveItem svg {stroke: #bfbfbf;}*/

.icon-tags svg{width:42px;height:42px;cursor:pointer;transition:.25s ease;}
.toolsicons2 .icon-tags svg{}
.icon-tags #tags-list{transition: transform .25s cubic-bezier(.25,1.4,.35,1);}
.icon-tags #tags-line1,
.icon-tags #tags-line2{stroke-dasharray: 40;stroke-dashoffset: 0;transition: stroke-dashoffset .25s ease;}
.icon-tags:hover svg{ stroke:#ff6600; }
.icon-tags:hover #tags-list{ transform: translate(1px,-1px); }
.icon-tags:hover #tags-line1{ stroke-dashoffset: -10; }
.icon-tags:hover #tags-line2{ stroke-dashoffset: -6; }

.icon-related svg{width:42px;height:42px;cursor:pointer;transition:.25s ease;}
.icon-related #rel-link1,
.icon-related #rel-link2{stroke-dasharray: 20;stroke-dashoffset: 20;transition: stroke-dashoffset .28s ease;}
.icon-related #rel-card1,
.icon-related #rel-card2{transform-origin: left center;transform: translateX(-2px) scale(.96);opacity: .85;transition: transform .28s cubic-bezier(.25,1.4,.35,1), opacity .28s ease;}
.icon-related:hover svg{stroke:#ff6600;}
.icon-related:hover #rel-link1,
.icon-related:hover #rel-link2{stroke-dashoffset: 0;}
.icon-related:hover #rel-card1{transform: translateX(0) scale(1);opacity: 1;}
.icon-related:hover #rel-card2{transform: translateX(0) scale(1);opacity: 1;transition-delay: .03s;}

.icon-restricted{color:#bfbfbf;}
.icon-restricted svg{width:42px;height:42px;cursor:pointer;}
.icon-restricted #res-lock{transform-origin:50% 100%;transition:.25s cubic-bezier(.3,1.4,.4,1);}
.icon-restricted:hover{color:#ff6600;}
.icon-restricted:hover #res-lock{transform: translateY(-2px) scale(1.05);}

.secLink{display:flex;align-items:center;gap:10px;padding:15px 20px;min-height:65px;border-radius:var(--radius);background: rgba(0,0,0,.02);border: 1px dashed rgba(0,0,0,.18);text-decoration:none;color:#1b1b1b;box-shadow: 0 1px 0 rgba(0,0,0,.03);user-select:none;position:relative;max-width: 50%;margin:0 0 20px 0;}
.secLink:hover{background: rgba(255,102,0,.07);border-color: rgba(255,102,0,.35);box-shadow: var(--bigshadow);transform: translateY(-1px);}
.secLink:active{transform: translateY(0) scale(.99);box-shadow: 0 8px 18px rgba(0,0,0,.08);}
.secLink:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(255,102,0,.18), var(--bigshadow);border-color: rgba(255,102,0,.55);}
.secIcon{width:46px;height:46px;border-radius:14px;background: rgba(255,102,0,.12);border: 1px solid rgba(255,102,0,.25);display:grid;place-items:center;flex:0 0 46px;position:relative;color: rgba(0,0,0,.55);transition: transform .28s ease, color .28s ease, border-color .28s ease, background .28s ease;}
.secIcon svg{width:22px;height:22px;opacity:.9;}
.secLink:hover .secIcon{transform: translateY(-1px);color:#ff6600;border-color: rgba(255,102,0,.35);background: rgba(255,102,0,.14);}
.secText{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1;}
.secTitle{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color: rgba(0,0,0,.75);}
.secMeta{margin-top:6px;font-style:normal;font-size:13px;font-weight:700;color: rgba(0,0,0,.50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}
.secMeta b{color: rgba(0,0,0,.78);font-weight:600;}
.secChevron{margin-left:auto;width:10px;height:10px;border-right:2px solid rgba(0,0,0,.30);border-bottom:2px solid rgba(0,0,0,.30);transform: rotate(-45deg);transition: transform .14s ease, border-color .14s ease;}
.secLink:hover .secChevron{border-color: rgba(0,0,0,.40);transform: rotate(-45deg) translate(2px,-2px);}


.icon-addlink{color:#bfbfbf;display:none}
.icon-addlink svg{width:42px;height:42px;cursor:pointer;}
.icon-addlink #link-chain,
.icon-addlink #link-plus-bubble{transition:.25s cubic-bezier(.3,1.4,.4,1);}
.icon-addlink:hover{color:#ff6600;}
.icon-addlink:hover #link-chain{transform: translateX(3px) rotate(-4deg);}
.icon-addlink:hover #link-plus-bubble{transform: scale(1.15);}

.seeall[hidden], .seeall.is-hidden{display: none !important;}
.cmstoggle{overflow: hidden;max-height: 999px;transition: max-height 420ms cubic-bezier(.2,.9,.2,1);will-change: max-height;position: relative;padding:0 10px 15px 10px;}
.cmsleftsidelink.can-toggle:not(.is-open) .cmstoggle::after{content:"";position:absolute;left:0; right:0; bottom:0;height:44px;pointer-events:none;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}
.cmsleftsidelink .seeall{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:#6f6f6f;text-decoration:none;cursor:pointer;float:right;padding:6px 8px;user-select:none;}
.seeall__circle{width:18px;height:18px;border-radius:50%;border:1px solid #c7c7c7;position:relative;display:inline-block;transition: border-color .25s ease, transform .25s ease;}
.seeall__circle i{position:absolute;top:50%;left:50%;width:4px;height:4px;border-right:1.5px solid #8a8a8a;border-bottom:1.5px solid #8a8a8a;transform: translate(-50%, -50%) rotate(-45deg);transform-origin: center;}
.seeall:hover{color:#000;}
.seeall:hover .seeall__circle{border-color:#000;transform: translateX(2px);}
.seeall:hover .seeall__circle i{border-color:#000;}
.cmsleftsidelink.is-open .seeall__circle i{transform: translate(-50%, -50%) rotate(135deg);}
.seeall__icon{width: 10px;height: 10px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);transition: transform 240ms ease;}
.cmsleftsidelink.is-open .seeall__icon{ transform: rotate(225deg); }
/*
.seeall.is-bouncy{animation: seeallBounce 360ms cubic-bezier(.2,.9,.2,1);}
@keyframes seeallBounce{
  0%   { transform: translateY(0) scale(1); }
  35%  { transform: translateY(1px) scale(.98); }
  70%  { transform: translateY(-2px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}
    */
.sortableicon.ui-sortable-handle{position:absolute;right:0;top:0;width:50px;height:50px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;background: transparent;box-shadow: none;transform: translateX(8px);z-index: 5;}
.sortableicon.ui-sortable-handle:active{ cursor:grabbing; }
.sortableicon.ui-sortable-handle::before,.sortableicon.ui-sortable-handle::after{content:"";position:absolute;left:50%;width:0;height:0;transform: translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;opacity: .85;transition: opacity .25s ease, border-color .25s ease;}
.sortableicon.ui-sortable-handle::before{top:16px;border-bottom:6px solid var(--grey2);}
.sortableicon.ui-sortable-handle::after{bottom:16px;border-top:6px solid var(--grey2);}
.sortableicon.ui-sortable-handle:hover{transform: translateX(0);background:var(--grey2);box-shadow: 0 10px 24px rgba(0,0,0,.12);}
.sortableicon.ui-sortable-handle:hover::before{border-bottom-color:#fff;opacity:1;}
.sortableicon.ui-sortable-handle:hover::after{border-top-color:#fff;opacity:1;}
.sortableicon.ui-sortable-handle:active{background:#d9d9d9;box-shadow: 0 12px 28px rgba(0,0,0,.14);}
.FolderDisplay.FullFolder .sortableicon.ui-sortable-handle{right:0;top:0;}

.checkboxlist {width:100%;margin:10px 0 0 0}
.checkboxlist label {display:flex;align-items: center;padding: 8px 10px;border-radius: 20px;transition: background .15s ease, border-color .15s ease;margin: 0;}
.checkboxlist label:hover {background: rgba(100, 100, 100, .05);}
.checkboxlist label input[type="checkbox"] {font-size: 24px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 40px;height: 20px;background: #ddd;border-radius: 20px;position: relative;cursor: pointer;outline: none;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;padding:0}
.checkboxlist label input[type="checkbox"]:checked {background: #ff8000;}
.checkboxlist label input[type="checkbox"]:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);box-shadow: 0 0 .25em rgba(0,0,0,.3);-webkit-transform: scale(.7);transform: scale(.7);left: 0;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;top: -1px;}
.checkboxlist label input[type="checkbox"]:checked:after {left: calc(100% - 20px);}

#btnUploadImages, #AddLink {margin:0 auto 30px auto;display: block;}

.ImageItem, .FileItem, .LinkItem, .fileContaine {margin:20px 0 0px 0;padding:20px 0 0px 0;position:relative}
.ImageItem::after, .FileItem::after, .LinkItem::after, .fileContaine::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: linear-gradient(to right, var(--grey) 0%, var(--grey) 50%, rgba(0, 0, 0, 0) 100%);}

/*
.checkboxplace {margin:20px 0 0px 0;padding:20px 0 0px 0;position:relative;display:flex}
.checkboxplace::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: linear-gradient(to right, var(--grey) 0%, var(--grey) 50%, rgba(0, 0, 0, 0) 100%);}
.checkboxplace > div label span {width:50%;flex:auto}
.checkboxplace > div:first-of-type {flex:auto}
.checkboxplace > div {width:50%;flex:auto}
    */


.checkboxplace .checkplace, .showinhome {display:flex;align-items:center;/*gap:10px;*/padding:10px 12px;border-radius:20px;background: rgba(255,255,255,.7);transition: transform .15s ease, border-color .15s ease, background .15s ease;}
.checkboxplace .checkplace span, .showinhome span {width:auto !important;flex:1;color: rgba(0,0,0,.70);font-size:14px;}
.checkboxplace .checkplace:hover, .showinhome:hover {background: rgba(100,100,100,.05);}


.form .boxcaption {border-top:1px solid #ccc;margin:15px 0 0px 0;padding:15px 0 5px 0;display:none}

.ImageItem {display: grid;grid-template-columns: 180px 1fr;gap: 16px;align-items: start;}
.form .imgsize {float: none;width: 180px;height: 180px;margin: 0;border-radius: 18px;border: 1px solid var(--greylight);background: radial-gradient(120px 120px at 30% 25%, rgba(176, 70, 0, .10), transparent 60%), linear-gradient(180deg, rgba(255, 255, 255, .65), rgba(245, 245, 245, .6));box-shadow: var(--shadow);overflow: hidden;position: relative;}
.form .imgsize img {width: 100%;height: 100%;object-fit: cover;max-width: none;max-height: none;transform: scale(1.01);}

.chooseboxplace{display:grid;grid-template-columns: repeat(4, minmax(220px, 1fr));gap:15px;align-items:stretch;}
.chooseboxplace > div{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:15px 15px 10px;box-shadow: 0 10px 24px rgba(0,0,0,.06);transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;position:relative;}
.chooseboxplace > div:hover{transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.10);border-color: rgba(255,102,0,.25);}
.choosebox .title{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px 0;font-weight:700;font-size:15px;line-height:1.2;min-height: unset;color:#1b1b1b;}
.choosebox .title::before{content:"";width:8px;height:8px;border-radius:99px;background: var(--maincolor, #ff6600);opacity:.9;flex: 0 0 8px;}
.choosebox{display:flex;flex-wrap:wrap;gap:10px 12px;}
.choosebox label{float:none;clear:none;margin:0;width: calc(50% - 6px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background: rgba(0,0,0,.03);transition: background .18s ease;}
.choosebox label:hover{background: rgba(255,102,0,.08);}
.choosebox label:nth-of-type(2n){float:none;}
.choosebox label span{width:auto;color:#3b3b3b;font-size:13px;line-height:1.2;}
.choosebox label input[type="text"]{min-width: initial;width:44px;padding:6px 6px;text-align:center;border-radius:10px;border:1px solid rgba(0,0,0,.10);background:#fff;box-shadow: inset 0 1px 0 rgba(0,0,0,.04);transition: border-color .18s ease, box-shadow .18s ease;outline:none;}
.choosebox label input[type="text"]:focus{border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18);}

.dialogMoveContent{padding: 0px;max-height: 400px;overflow:auto;}
.dialogMoveContent label{display:block;position:relative;margin: 5px;}
.dialogMoveContent input#moveItemToVF{width: 100%;appearance: none;-webkit-appearance:none;background: transparent;border: 0;color:#000;padding: 10px 10px 10px 20px;text-align: left;font-size: 12px;font-weight: 600;box-shadow:var(--shadow);cursor:pointer;transition: background .15s ease, color .15s ease;}
.dialogMoveContent label:hover input#moveItemToVF{background: rgba(255,102,0,.08);color: rgba(0,0,0,.92);}
.dialogMoveContent input#moveItemToVF:active{background: rgba(255,102,0,.12);}
.dialogMoveContent .level0 input#moveItemToVF{padding-left: 12px;font-weight: 800;letter-spacing: .05em;text-transform: uppercase;background: linear-gradient(90deg, rgba(255,102,0,.14), rgba(255,102,0,.05) 60%, transparent);}
.dialogMoveContent .level1 input#moveItemToVF{ padding-left: 30px; }
.dialogMoveContent .level2 input#moveItemToVF{ padding-left: 46px; }
.dialogMoveContent .level3 input#moveItemToVF{ padding-left: 62px; opacity:.94; }
.dialogMoveContent .level4 input#moveItemToVF{ padding-left: 78px; opacity:.90; }
.dialogMoveContent label::after{content:"";position:absolute;left: 13px;top: 50%;width: 6px;height: 6px;transform: translate(-50%,-50%);border-radius: 50%;background: rgba(0,0,0,.22);}
.dialogMoveContent label:hover::after{background: rgba(255,102,0,.95);}
.dialogMoveContent .level0::after{display:none;}
.dialogMoveContent .level1::after,
.dialogMoveContent .level2::after,
.dialogMoveContent .level3::after,
.dialogMoveContent .level4::after{content:"";position:absolute;left: 16px;top: 50%;width: 6px;height: 6px;transform: translate(-50%,-50%);border-radius: 50%;background: rgba(0,0,0,.22);}
.dialogMoveContent label:hover::after{background: rgba(255,102,0,.95);}

.tablestyle {display:block}
.tablestyle .ItemDisplay.is-header{position: sticky;top: 0;z-index: 10;background:#fff;}
.tablestyle .ItemDisplay .maintitle{display:grid;grid-template-columns: 210px 1fr 1.2fr 44px; gap: 10px;align-items:center;padding: 10px 10px;}
.tablestyle .ItemDisplay .col-country[style*="display:none"]{display:none !important;}
.tablestyle .ItemDisplay .maintitle.subtitle{padding: 12px 14px;font-size: 12px;letter-spacing: .04em;text-transform: uppercase;color: var(--grey);}
.tablestyle .contactus{min-width:0;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;font-weight: 600;color: rgba(0,0,0,.82);}
.tablestyle .col-date{color: var(--darkgrey); font-weight:600;}
.tablestyle .col-name{font-weight:800;}
.tablestyle .col-email{font-weight:600;}
.tablestyle .ItemDisplay.itdouter{transition: box-shadow .15s ease, transform .15s ease;}
.tablestyle .ItemDisplay.itdouter:hover{box-shadow: var(--shadoworange);transform: translateY(-1px);}
.tablestyle .emaidetailsbtn{width: 34px;height: 34px;border-radius: 12px;border: 1px solid rgba(0,0,0,.14);background: #fff;cursor: pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height: 0;box-shadow: 0 1px 0 rgba(0,0,0,.03);transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;}
.tablestyle .ItemDisplay.itdouter:hover .emaidetailsbtn{border-color: rgba(255,102,0,.55);background: rgba(255,102,0,.06);box-shadow: 0 6px 18px rgba(255,102,0,.12);transform: translateY(-1px);}
.tablestyle .emaidetailsbtn:active{transform: translateY(0px) scale(.98);box-shadow: 0 2px 10px rgba(0,0,0,.08);}
.tablestyle .emaidetailsbtn:focus-visible{outline: none;border-color: rgba(255,102,0,.75);box-shadow: 0 0 0 3px rgba(255,102,0,.18);}
.tablestyle .emaidetailsicon{width: 10px;height: 10px;border-right: 2px solid rgba(0,0,0,.38);border-bottom: 2px solid rgba(0,0,0,.38);transform: rotate(45deg);transition: transform .2s cubic-bezier(.25,1.2,.35,1), border-color .15s ease;}
.tablestyle .ItemDisplay.itdouter:hover .emaidetailsicon{border-color: rgba(255,102,0,.95);}
.tablestyle .row.is-open .emaidetailsbtn{border-color: rgba(255,102,0,.65);background: rgba(255,102,0,.08);box-shadow: 0 10px 26px rgba(255,102,0,.14);}
.tablestyle .row.is-open .emaidetailsicon{transform: rotate(225deg);border-color: rgba(255,102,0,.95);}
.tablestyle .ItemDisplay.itdinner{margin-top: 8px;overflow:hidden;}
.tablestyle .ItemDisplay.itdinner .maintitle.inner{display:block;padding: 14px;}
.tablestyle .ItemDisplay.itdinner{position:relative;}
.tablestyle .ItemDisplay.itdinner::before{content:"";position:absolute;left:0; top:0; bottom:0;width:3px;background: rgba(255,102,0,.55);}
.tablestyle .ItemDisplay.itdinner img{max-width: 180px; height:auto;}
.tablestyle .ItemDisplay.itdinner pre{white-space: pre-wrap;word-break: break-word;background: rgba(0,0,0,.03);padding: 10px;border-radius: 10px;}
.tablestyle .row .ItemDisplay.itdinner{display:none;}
.tablestyle .row.is-open .ItemDisplay.itdinner{display:block;}
[hidden]{display:none !important;}

#orderReportsContainer{display:grid;grid-template-columns: 1fr 1fr;gap:25px;align-items:stretch;}
#orderReportsContainer > br{display:none;}
#orderReportsContainer .boxstyle {background:#fff;border-radius: var(--radius);box-shadow: var(--shadow);padding:20px 25px;}

#orderReportsContainer .dateFilterContainer{display:grid;grid-template-columns: 1fr 1fr;gap:10px;align-items:end;}
#orderReportsContainer .dateFilterContainer .title{grid-column:1 / -1;margin-bottom:6px;}
#orderReportsContainer .totalAmountContainer{position:relative;overflow:hidden;}
#orderReportsContainer .totalAmountContainer::after{content:"";position:absolute;right:-50px; top:-50px;width:140px; height:140px;border-radius:50%;background: rgba(255,102,0,.10);}
#orderReportsContainer .statusFilterContainer{grid-column: 1 / -1;}
#orderReportsContainer .orderStatusSelector{display:flex;flex-wrap:wrap;gap:10px;align-items: center;}
#orderReportsContainer .orderStatusSelector input[type="radio"]{width:15px;height:15px;/*accent-color: var(--maincolor);*/margin:0 2px}
#orderReportsContainer .orderStatusSelector label {padding:10px 15px;border-radius:var(--radius);background: rgba(0,0,0,.03);font-size:13px;font-weight:600;cursor:pointer;margin:0 15px 0 0}
#orderReportsContainer .orderStatusSelector label:hover{background: var(--grey);color: #000;box-shadow: var(--shadow);}
#orderReportsContainer .cmsaddnew{grid-column: 1 / -1;}

#OrdersGridTopControlls{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:2px;}
#OrdersGridTopControlls #LeftSide{display:flex;gap:10px;align-items:center;width:100%;}
#OrdersGridTopControlls #LeftSide input[type="text"] {max-width:60%}
#OrdersGridTopControlls #LeftSide input[type="submit"] {background: #0065cd;box-shadow: var(--shadowgrey);}
#OrdersGridTopControlls #LeftSide input[type="submit"]:hover {background: #004b97;}

#OrdersContainer{grid-column:1 / -1;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
#OrdersContainer .navigator{display:flex;flex-wrap:wrap;gap:10px;padding:10px 15px;}
#OrdersContainer .navigator span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:14px;background: rgba(0,0,0,.04);font-weight:800;color:#2a2a2a;transition: transform .18s ease, background .18s ease;}
#OrdersContainer .navigator span:hover{background: rgba(255,102,0,.10);transform: translateY(-1px);}
#OrdersContainer .navigator span.active{background: rgba(255,102,0,.18);color: var(--maincolor);}
#OrdersContainer table{width:100%;border-collapse:separate;border-spacing:0;}
#OrdersContainer th{position:sticky;top:0;z-index:2;background:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color: var(--darkgrey);padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);}
#OrdersContainer td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600;color:#1f1f1f;}
#OrdersContainer td.date{color: var(--darkgrey);font-weight:600;white-space:nowrap;}
#OrdersContainer td.lineSum3{font-weight:900;white-space:nowrap;}
#OrdersContainer tr:hover td{background: rgba(255,102,0,.06);}
#orderReportsContainer #OrdersGridTopControlls,
#orderReportsContainer #OrdersContainer{grid-column: 1 / -1;}

input[type="button"].OrderDetailsButton {padding:5px 10px;font-size:11px;max-width: 120px;}
input[type="button"].OrderDetailsButton:hover{}
input[type="button"].OrderDetailsButton.back{color: var(--darkgrey);}

.OrderDetailsContainer{background:#fff;border-radius:20px;box-shadow: var(--shadow);border:1px solid rgba(0,0,0,.06);padding:15px;}

[data-crm-tip]{position: relative;}
[data-crm-tip]::after{content: attr(data-crm-tip);position: absolute;left: 50%;top: calc(100% + 0px);transform: translate(-50%, -10px);opacity: 0;pointer-events: none;white-space: nowrap;background: rgba(255,255,255,.98);color: rgba(0,0,0,.78);border: 1px solid rgba(0,0,0,.10);border-radius: var(--radius);padding: 10px 15px;font-size: 11px;font-weight: 600;letter-spacing: .03em;box-shadow: 0 12px 26px rgba(0,0,0,.12);z-index: 999999;box-shadow:0 12px 26px rgba(0,0,0,.12),inset 0 -2px 0 rgba(255,102,0,.85);transition: opacity .16s ease, transform .16s ease;}
[data-crm-tip]::before{content: "";position: absolute;left: 50%;top: calc(100% + 10px);transform: translate(-50%, -10px) rotate(45deg);width: 9px;height: 9px;opacity: 0;pointer-events: none;background: rgba(255,255,255,.98);border-left: 1px solid rgba(0,0,0,.10);border-top: 1px solid rgba(0,0,0,.10);z-index: 998;transition: opacity .16s ease, transform .16s ease;}
[data-crm-tip]:hover::after, [data-crm-tip]:focus-visible::after{opacity: 1;transform: translate(-50%, 0);}
[data-crm-tip]:hover::before, [data-crm-tip]:focus-visible::before{opacity: 1;transform: translate(-50%, 0) rotate(45deg);}
[data-crm-tip-variant="danger"]::after{box-shadow:0 12px 26px rgba(0,0,0,.12),inset 0 2px 0 rgba(234,34,35,.9);}
.no-crm-tip[data-crm-tip]::before, .no-crm-tip[data-crm-tip]::after{ display:none !important; }

#crmTooltip{position: fixed;z-index: 999;pointer-events: none;opacity: 0;transform: translateY(6px);transition: opacity .14s ease, transform .14s ease;}
#crmTooltip.is-on{opacity: 1;transform: translateY(0);}
#crmTooltip .crmTipBox{background: rgba(255,255,255,.92);color: rgba(0,0,0,.58);border: 1px solid rgba(0,0,0,.08);border-radius: 10px;padding: 10px 15px;font-size: 11px;font-weight: 600;letter-spacing: .06em;backdrop-filter: blur(4px);box-shadow:0 6px 18px rgba(0,0,0,.08),inset 0 2px 0 rgba(255,102,0,.5);white-space: nowrap;}
#crmTooltip .crmTipArrow{width: 8px;height: 8px;position: absolute;left: 50%;bottom: -4px;transform: translateX(-50%) rotate(45deg);background: rgba(255,255,255,.92);border-right: 1px solid rgba(0,0,0,.08);border-bottom: 1px solid rgba(0,0,0,.08);}
#crmTooltip.is-danger .crmTipBox{box-shadow:0 6px 18px rgba(0,0,0,.08),inset 0 2px 0 rgba(234,34,35,.5);}

.containermain.importexport {padding: 24px 26px;display: grid;grid-template-columns: 1fr 320px;gap: 15px 20px;align-items: end;position: relative;overflow: hidden;}
.containermain.importexport::after{content:"";position:absolute;right:-70px;top:-70px;width: 210px;height: 210px;border-radius: 50%;background: rgba(255,102,0,.10);pointer-events:none;}
.containermain.importexport label{ margin:0; }
.containermain.importexport input[type="file"]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}
.containermain.importexport{--fileLabel: "Choose Excel file";--fileName: "No file chosen";}
.containermain.importexport .filepickerText{grid-column: 1 / -1;display:flex;align-items:center;gap: 10px;padding: 12px 16px;min-height: 58px;border-radius: 18px;background: rgba(0,0,0,.02);border: 1px dashed rgba(0,0,0,.18);box-shadow: 0 1px 0 rgba(0,0,0,.03);cursor: pointer;user-select:none;transition: transform .4s ease, border-color .4s ease, background .4s ease, box-shadow .4s ease;}
.containermain.importexport .filepickerText:hover{background: rgba(255,102,0,.06);border-color: rgba(255,102,0,.35);box-shadow: 0 10px 24px rgba(0,0,0,.08);transform: translateY(-1px);}
.containermain.importexport .filepickerIcon{width: 42px;height: 42px;border-radius: 14px;background: rgba(255,102,0,.10);border: 1px solid rgba(255,102,0,.18);position: relative;flex: 0 0 42px;}
.containermain.importexport .filepickerIcon::before{content:"";position:absolute;left: 13px;top: 10px;width: 16px;height: 20px;border-radius: 4px;border: 2px solid rgba(0,0,0,.35);background: rgba(255,255,255,.85);}
.containermain.importexport .filepickerIcon::after{content:"";position:absolute;left: 16px;top: 18px;width: 10px;height: 2px;background: rgba(0,0,0,.35);border-radius: 2px;box-shadow: 0 6px 0 rgba(0,0,0,.25);}
.containermain.importexport .filepickerCopy{min-width: 0;flex: 1;}

.containermain.importexport .filepickerIcon{width: 42px;height: 42px;border-radius: 14px;background: rgba(255,102,0,.10);border: 1px solid rgba(255,102,0,.18);position: relative;flex: 0 0 42px;}
.containermain.importexport .filepickerIcon::before{content:"";position:absolute;left: 13px;top: 10px;width: 16px;height: 20px;border-radius: 4px;border: 2px solid rgba(0,0,0,.35);background: rgba(255,255,255,.8);}
.containermain.importexport .filepickerIcon::after{content:"";position:absolute;left: 16px;top: 18px;width: 10px;height: 2px;background: rgba(0,0,0,.35);border-radius: 2px;box-shadow: 0 6px 0 rgba(0,0,0,.25);}

.containermain.importexport .filepickerText em{display:block;font-style: normal;font-size: 13px;font-weight: 700;color: rgba(0,0,0,.50);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.containermain.importexport .alertgrey{grid-column: 1 / -1;margin-top: 2px;padding: 10px 14px;border-radius: 16px;background: rgba(0,0,0,.03);border: 1px solid rgba(0,0,0,.06);font-size: 13px;font-weight: 700;color: var(--darkgrey);}
.containermain.importexport #loading{grid-column: 1 / -1;width: 26px;height: 26px;margin-top: -6px;justify-self: end;opacity: .9;}
.containermain.importexport .errorplace,
.containermain.importexport span[id*="RegularExpressionValidator"]{grid-column: 1 / -1;}


#dialogFile.fileContainer{margin: 10px 0 14px;position: relative;}
#dialogFile #fileupload{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3;}
#dialogFile .niceFilePicker{display:flex;align-items:center;gap:15px;padding:15px 20px;min-height:65px;border-radius:var(--radius);background: rgba(0,0,0,.02);border: 1px dashed rgba(0,0,0,.18);box-shadow: 0 1px 0 rgba(0,0,0,.03);user-select:none;position: relative;z-index:1;}
#dialogFile .niceFilePicker:hover{background: rgba(255,102,0,.07);border-color: rgba(255,102,0,.35);box-shadow: var(--bigshadow);transform: translateY(-1px);}
#dialogFile #fileupload:hover + .niceFilePicker{background: rgba(255,102,0,.07);border-color: rgba(255,102,0,.35);box-shadow: var(--bigshadow);transform: translateY(-1px);}
#dialogFile #fileupload:active + .niceFilePicker{transform: translateY(0) scale(.99);box-shadow: 0 8px 18px rgba(0,0,0,.08);}
#dialogFile #fileupload:focus-visible + .niceFilePicker{outline: none;box-shadow: 0 0 0 3px rgba(255,102,0,.18), var(--bigshadow);border-color: rgba(255,102,0,.55);}
#dialogFile .niceFilePicker *{pointer-events:none;}
#dialogFile .niceFileIcon{width:46px;height:46px;border-radius:14px;background: rgba(255,102,0,.12);border: 1px solid rgba(255,102,0,.25);position:relative; flex:0 0 46px;}
#dialogFile .niceFileIcon:before{content:""; position:absolute; left:15px; top:12px;width:16px; height:20px; border-radius:4px;border:2px solid rgba(0,0,0,.35); background:#fff;}
#dialogFile .niceFileIcon:after{content:""; position:absolute; left:18px; top:20px;width:10px; height:2px; background: rgba(0,0,0,.35);border-radius:2px; box-shadow: 0 6px 0 rgba(0,0,0,.25);}
#dialogFile .niceFileCopy{flex:1; min-width:0;}
#dialogFile .niceFileCopy b{display:block; font-size:12px; font-weight:600;letter-spacing:.06em; text-transform:uppercase;color: rgba(0,0,0,.75);}
#dialogFile .niceFileCopy em{display:block; font-style:normal; font-size:13px; font-weight:700;color: rgba(0,0,0,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.FileItem{ position: relative; }
.FileItem > a.DelDGFile{position: absolute;right: 15px;top: 15px;}
   
.sr-only{position:absolute !important;width:1px; height:1px;padding:0; margin:-1px;overflow:hidden;clip: rect(0,0,0,0);white-space:nowrap;border:0;}

a.DelDGFile, a.DelLink, a.DelFile {width: 50px;height: 50px;display:inline-flex;align-items:center;justify-content:center;background: rgba(255,255,255,.5);border: 1px solid rgba(0,0,0,.12);border-radius: 100%;box-shadow: 0 1px 0 rgba(0,0,0,.04);cursor:pointer;user-select:none;text-decoration:none;position: absolute;right: 10px;top: 22px;}
a.DelDGFile::before, a.DelLink::before, a.DelFile::before{content:"";width: 30px;height: 30px;background: url("../images/delete.png") center/contain no-repeat;filter: grayscale(100%) brightness(.85);   transition: filter .18s ease, opacity .18s ease, transform .18s ease;}
a.DelDGFile:hover, a.DelLink:hover, a.DelFile:hover{background: rgba(255,102,0,.10);border-color: rgba(255,102,0,.30);    transform: translateY(-2px);box-shadow: var(--shadoworange);}
a.DelDGFile:hover::before, a.DelLink:hover::before, a.DelFile:hover::before{filter: none;opacity: 1;transform: scale(1.06);}
a.DelDGFile:active, a.DelLink:active, a.DelFile:active{transform: translateY(0) scale(.96);}
a.DelDGFile:focus-visible, a.DelLink:focus-visible, a.DelFile:focus-visible{outline:none;border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18), 0 10px 24px rgba(0,0,0,.12);}

#myIframe {border:none;}
body.popupframe {margin: 0;padding: 20px;background: transparent;color: rgba(0,0,0,.78);}
.uploadShell{position: relative;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.06);overflow:hidden;padding:0px;max-height: calc(100vh - 40px); overflow: auto;-webkit-overflow-scrolling: touch;}
.uploadTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1;position: sticky;top: -2px;background: #fff; z-index: 50;padding:10px;}
.pickBtn{display:inline-flex;align-items:center;gap:10px;border:none;background:#ff6600;color:#fff;border-radius:999px;padding:10px 15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 22px rgba(180,70,0,.22);transition: transform .16s ease, box-shadow .16s ease, background .16s ease;user-select:none;}
.pickBtn:hover{ background:#b04600; transform:translateY(-1px); box-shadow:0 14px 30px rgba(180,70,0,.28); }
.pickBtn:active{ transform:translateY(0) scale(.99); }
.pickBtn input[type="file"]{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.pickBtnIcon{width:18px;height:18px;border-radius:6px;background: rgba(255,255,255,.25);position:relative; flex:0 0 18px;}
.pickBtnIcon::before{content:"";position:absolute;left:8px;top:4px;width:2px;height:10px;background:#fff;border-radius:2px;}
.pickBtnIcon::after{content:"";position:absolute;left:4px;top:8px;width:10px;height:2px;background:#fff;border-radius:2px;}
.uploadHint{font-size:13px;font-weight:700;color: var(--darkgrey);flex:1 1 280px;min-width:240px;}
.files{display:grid;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap:15px;}
.template-download, .template-upload{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.06);overflow:hidden;transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;}
.template-download:hover, .template-upload:hover{transform: translateY(-1px);box-shadow:var(--bigshadow);border-color: rgba(255,102,0,.25);}
.gThumb{width:100%;aspect-ratio: 4 / 3;background: rgba(0,0,0,.03);display:flex;align-items:center;justify-content:center;position:relative;}
.gThumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gOverlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:10px;background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0) 70%);opacity:0;transform: translateY(6px);transition: opacity .16s ease, transform .16s ease;}
.template-download:hover .gOverlay{ opacity:1; transform:translateY(0); }
.gBtn{width:100%;border:1px solid rgba(255,255,255,.45);background: rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:10px 15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;backdrop-filter: blur(6px);transition: transform .16s ease, background .16s ease, border-color .16s ease;}
.gBtn:hover{ background: rgba(255,255,255,.24); border-color: rgba(255,255,255,.60); transform: translateY(-1px); }
.gBtn:active{ transform: translateY(0) scale(.98); }
.gLoading, .gNoPreview{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color: rgba(0,0,0,.35);}

.uploadTable{ width:100%; border-collapse:separate; border-spacing:0; }
.uploadTable, .uploadTable thead, .uploadTable tbody, .uploadTable tr, .uploadTable td{border:0 !important;}
.uploadTable{ display:block; padding:10px;}
.uploadTable tbody.files{display:grid !important;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap:15px;}
.uploadTable tbody.files tr{display:block !important;width:100%;}
.uploadTable tbody.files td{display:block !important;padding:0 !important;background:transparent !important;}

.uploadTable.table-striped > tbody > tr:nth-of-type(odd){background: transparent !important;}
.gProgress{position:absolute;left:10px; right:10px; bottom:10px;height:8px;border-radius:999px;background: rgba(255,255,255,.25);overflow:hidden;backdrop-filter: blur(6px);}
.gProgressBar{height:100%;width:0%;background: rgba(255,255,255,.75);border-radius:999px;transition: width .12s ease;}
.gLoading{position:absolute;left:10px; right:10px; top:10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color: rgba(0,0,0,.45);}


.listLoadBar{display:none;align-items:center;gap:10px;flex: 1 1 360px;min-width: 260px;}
.listLoadText{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color: rgba(0,0,0,.50);white-space:nowrap;}
.listLoadText b{ color: rgba(0,0,0,.78); }
.listProgress{position:relative;flex: 1 1 auto;height: 10px;border-radius: 999px;background: rgba(0,0,0,.06);overflow:hidden;box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);}
.listProgress > i{display:block;height:100%;width:10%;background: rgba(255,102,0,.60);transition: width .18s ease;}
.listProgress.indeterminate > i{width: 40%;animation: indet 1.1s infinite ease-in-out;}
       

.storecontainer{  display:grid;grid-template-columns: 1fr 1fr;gap: 10px 15px;align-items: start;}
.storecontainer > label{margin:0;display:flex;flex-direction: column;gap: 5px;}
.storecontainer > label > span{font-size: 12px;color: var(--darkgrey);width:100%;}
.storecontainer input[type="text"]{width:100%;padding: 12px 14px;border-radius: 14px;border: 1px solid rgba(0,0,0,.10);background:#fff;box-shadow: inset 0 1px 0 rgba(0,0,0,.04);text-transform: none; }
.storecontainer input[type="text"]:focus{outline:none;border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18);}
.storecontainer .priceContent{grid-column: 1 / -1;display:grid;grid-template-columns: 1fr 1fr;gap: 10px 14px;margin-top: 2px;padding-top: 14px;position: relative;}
.storecontainer .priceContent > div{border-radius: 18px;border: 1px solid rgba(0,0,0,.08);background: rgba(0,0,0,.02);padding: 12px 12px;display:grid;gap: 10px;}
.storecontainer .priceContent label{margin:0;display:flex;align-items:center;justify-content: space-between;gap: 10px;}
.storecontainer .priceContent label span{font-size: 12px;color:var(--darkgrey);min-width: 50%;}
.storecontainer .priceContent input.price{width: 120px;text-align: center;padding: 10px 10px;border-radius: 14px;border: 1px solid rgba(0,0,0,.10);background:#fff;box-shadow: inset 0 1px 0 rgba(0,0,0,.04);text-transform:none;}
.storecontainer .priceContent label:has(input.showprice){justify-content: flex-start;}
.storecontainer .priceContent input.showprice{appearance:none;-webkit-appearance:none;width: 42px;height: 22px;border-radius: 999px;background: #dcdcdc;position: relative;cursor: pointer;box-shadow: inset 0 1px 2px rgba(0,0,0,.12);transition: background .22s ease;margin:0 8px 0 0;}
.storecontainer .priceContent input.showprice::after{content:"";position:absolute;top: 50%;left: 2px;width: 18px;height: 18px;border-radius: 999px;background:#fff;transform: translateY(-50%);box-shadow: 0 6px 14px rgba(0,0,0,.18);transition: left .22s ease, transform .22s ease;}
.storecontainer .priceContent input.showprice:checked{background: #ff6600;}
.storecontainer .priceContent input.showprice:checked::after{left: calc(100% - 20px);transform: translateY(-50%) scale(1.02);}
.storecontainer .priceContent > div:hover{border-color: rgba(255,102,0,.25);background: rgba(255,102,0,.04);}

.tmpimgchange #MMSystemTD .makemeastrip, .tmpimgchange #MMSystemTD .imageitempreview {display:none}

.divinmodul{position: relative;padding: 20px;border-radius: var(--radius);background: rgba(255,255,255,.75);border: 1px solid rgba(0,0,0,.06);box-shadow: 0 20px 40px rgba(0,0,0,.08);overflow: hidden;display: grid;grid-template-columns: 1fr 76px 1fr;grid-template-rows: auto auto;gap: 14px;}
.divinmodul::before,
.divinmodul::after{content:"";position:absolute;width: 260px;height: 260px;border-radius: 50%;pointer-events:none;opacity: .85;}
.divinmodul::before{right: -110px;top: -120px;background: radial-gradient(circle at 35% 35%, rgba(255,102,0,.22), rgba(255,102,0,0) 62%);}
.divinmodul::after{left: -130px;bottom: -140px;background: radial-gradient(circle at 60% 60%, rgba(255,190,120,.18), rgba(255,190,120,0) 62%);}
.divinmodul .up{ grid-column: 1 / -1; display:flex; justify-content:space-between; gap: 10px; position:relative; z-index:1; }
.divinmodul .up label{margin:0;padding: 10px 14px;border-radius: 999px;background: rgba(0,0,0,.03);border: 1px solid rgba(0,0,0,.06);font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--grey2);}
.divinmodul .left.ulholder{ grid-column: 1; position:relative; z-index:1; }
.divinmodul .middel{ grid-column: 2; position:relative; z-index:1; }
.divinmodul .right.ulholder{ grid-column: 3; position:relative; z-index:1; }
.divinmodul .down{ grid-column: 1 / -1; position:relative; z-index:1; margin-top: 4px; }
.divinmodul .ulholder{border-radius: 18px;border: 1px solid rgba(0,0,0,.08);background: rgba(0,0,0,.02);box-shadow: 0 1px 0 rgba(0,0,0,.03);padding: 10px;min-height: 320px;}
.divinmodul .ulholder ul{list-style:none;margin:0;padding:0;max-height: 340px;overflow:auto;border-radius: 14px;}
.divinmodul .ulholder li{margin: 6px 0;padding: 10px 12px;border-radius: 14px;background: rgba(255,255,255,.85);border: 1px solid rgba(0,0,0,.08);box-shadow: inset 0 1px 0 rgba(255,255,255,.65);color: rgba(0,0,0,.78);cursor:pointer;user-select:none;text-transform: none; transition: all .25s ease;}
.divinmodul .ulholder li:hover{background: rgba(255,102,0,.08);border-color: rgba(255,102,0,.25);transform: translateY(-1px);box-shadow: 0 10px 24px rgba(0,0,0,.08);}
.divinmodul .ulholder li.this{background: rgba(255,102,0,.14);border-color: rgba(255,102,0,.35);}
.divinmodul .ulholder li.this::before{content:"";display:inline-block;width: 8px;height: 8px;border-radius: 999px;background: var(--maincolor);margin-right: 10px;box-shadow: 0 0 0 6px rgba(255,102,0,.10);vertical-align: middle;}
.divinmodul .middel{display:flex;flex-direction: column;align-items:center;justify-content:center;gap: 10px;}
.divinmodul .middel input[type="submit"]{width: 52px;height: 52px;padding:0;border-radius: 16px;border: 1px solid rgba(0,0,0,.12);background: #fff;box-shadow: 0 1px 0 rgba(0,0,0,.04);color: transparent; transition: all .25s ease;}
.divinmodul .middel input[type="submit"]:hover{background: rgba(255,102,0,.08);border-color: rgba(255,102,0,.35);box-shadow: 0 10px 26px rgba(0,0,0,.12);transform: translateY(-1px);}
.divinmodul .middel input[type="submit"]:active{ transform: translateY(0) scale(.98); }
.divinmodul .middel input[type="submit"]:focus-visible{outline:none;border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18), 0 10px 26px rgba(0,0,0,.12);}
.divinmodul .moovFieldRight,
.divinmodul .moovFieldLeft{ position: relative; }
.divinmodul .moovFieldRight::before,
.divinmodul .moovFieldLeft::before{content:"";position:absolute;inset:0;margin:auto;width: 12px;height: 12px;border-right: 3px solid rgba(0,0,0,.38);border-bottom: 3px solid rgba(0,0,0,.38);border-radius: 1px;transition: all .25s ease;}
.divinmodul .moovFieldRight::before{ transform: rotate(-45deg); }
.divinmodul .moovFieldLeft::before{ transform: rotate(135deg); }
.divinmodul .middel input[type="submit"]:hover::before{border-color: rgba(255,102,0,.95);transform: translateX(2px) rotate(-45deg);}
.divinmodul .moovFieldLeft:hover::before{transform: translateX(-2px) rotate(135deg);}
.divinmodul .down{display:grid;grid-template-columns: 170px 1fr;gap: 15px;align-items:start;padding-top: 14px;margin-top: 8px;position: relative;}
.divinmodul .down::before{content:"";position:absolute;left:0; right:0; top:0;height: 1px;background: linear-gradient(to right, var(--grey) 0%, var(--grey) 50%, rgba(0,0,0,0) 100%);}
.divinmodul .order{display:flex;gap: 10px;align-items:center;}
.divinmodul .order label{margin:0;width: 52px;height: 52px;border-radius: 16px;border: 1px solid rgba(0,0,0,.12);background: #fff;box-shadow: 0 1px 0 rgba(0,0,0,.04);cursor:pointer;position:relative;transition: all .25s ease;}
.divinmodul .order label:hover{background: rgba(255,102,0,.08);border-color: rgba(255,102,0,.35);box-shadow: 0 10px 26px rgba(0,0,0,.12);transform: translateY(-1px);}
.divinmodul .order label:active{ transform: translateY(0) scale(.98); }
.divinmodul .orderUp::before,
.divinmodul .orderDown::before{content:"";position:absolute;left:50%;top:50%;width: 10px;height: 10px;transform: translate(-50%,-50%) rotate(45deg);border-left: 3px solid rgba(0,0,0,.38);border-top: 3px solid rgba(0,0,0,.38);transition: border-color .2s ease, transform .2s ease;}
.divinmodul .orderDown::before{transform: translate(-50%,-50%) rotate(225deg);}
.divinmodul .order label:hover::before{border-color: rgba(255,102,0,.95);}
.divinmodul .range{border-radius: 18px;border: 1px solid rgba(0,0,0,.08);background: rgba(0,0,0,.02);padding: 12px;}
.divinmodul .range > label{margin:0 0 10px 0;display:flex;align-items:center;gap: 10px;}
.divinmodul .range > label span{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--grey2);}
.divinmodul .range input[type="checkbox"]{margin:0;}
.divinmodul .range .wf{display:grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 10px;}
.divinmodul .range label.check{margin:0;display:flex;flex-direction: column;gap: 5px;}
.divinmodul .range label.check > span{font-size: 12px;color: var(--darkgrey);text-transform:none;}
.divinmodul .range input[type="text"]{text-transform:none;padding: 12px 14px;border-radius: 14px;border: 1px solid rgba(0,0,0,.10);box-shadow: inset 0 1px 0 rgba(0,0,0,.04);}
.divinmodul .range input[type="text"]:focus{outline:none;border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18);}
.divinmodul #btnUpdate{width: auto;padding: 12px 18px;border-radius: 999px;font-size: 12px;letter-spacing: .06em;box-shadow: 0 10px 22px rgba(180,70,0,.22);}

.divinmodul .middel .midbtn{width: 52px;height: 52px;border-radius: 16px;border: 1px solid rgba(0,0,0,.12);background: #fff;box-shadow: 0 1px 0 rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;position: relative;cursor: pointer;transition: all .25s ease;}
.divinmodul .middel .midbtn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;        cursor:pointer;}
.divinmodul .middel .midbtn::before{content:"";width: 12px;height: 12px;border-right: 3px solid rgba(0,0,0,.38);border-bottom: 3px solid rgba(0,0,0,.38);border-radius: 1px;transition: all .25s ease;}
.divinmodul .middel .midbtn-right::before{ transform: rotate(-45deg); }
.divinmodul .middel .midbtn-left::before{ transform: rotate(135deg); }
.divinmodul .middel .midbtn:hover{background: rgba(255,102,0,.08);border-color: rgba(255,102,0,.35);box-shadow: 0 10px 26px rgba(0,0,0,.12);transform: translateY(-1px);}
.divinmodul .middel .midbtn:hover::before{border-color: rgba(255,102,0,.95);}
.divinmodul .middel .midbtn-right:hover::before{transform: translateX(2px) rotate(-45deg);}
.divinmodul .middel .midbtn-left:hover::before{transform: translateX(-2px) rotate(135deg);}
.divinmodul .middel .midbtn:active{transform: translateY(0) scale(.98);}
.divinmodul .middel .midbtn:focus-within{outline:none;border-color: rgba(255,102,0,.55);box-shadow: 0 0 0 3px rgba(255,102,0,.18), 0 10px 26px rgba(0,0,0,.12);}


.settingsbtn{width:53px;height:53px;border-radius:20px;padding:0;border:none;cursor:pointer;position:absolute;background:rgba(255,255,255,.7);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);transition:.35s cubic-bezier(.2,.8,.2,1);right:30px;top:30px;border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);}
.settingsbtn::before{content:'';position:absolute;inset:0;background:#666;mask: url("../images/settings.png") center/28px no-repeat;-webkit-mask: url("../images/settings.png") center/28px no-repeat;transition:.55s cubic-bezier(.2,.8,.2,1);}
.settingsbtn::after{content:'';position:absolute;inset:-10px;border-radius:22px;opacity:0;transform:scale(.6);transition:.45s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
.settingsbtn:hover{transform:translateY(-2px);box-shadow: var(--shadoworange);}
.settingsbtn:hover::after{opacity:1;transform:scale(1);}
.settingsbtn:hover::before{background:#ff7a00;   transform:rotate(120deg) scale(1.12);}
.settingsbtn:active{transform:scale(.96);}
.settingsbtn:active::before{transform:rotate(240deg) scale(.92);}





.cmsSettingsPanel {position:fixed;right:0;top:0;width:25%;height:100%;background:var(--text);padding:30px;color:#fff;box-shadow: var(--shadowdark);overflow: hidden;opacity: 0;transform: translateX(14px);pointer-events: none;transition: opacity .28s cubic-bezier(.2,.8,.2,1), transform .28s cubic-bezier(.2,.8,.2,1);}
.cmsSettingsPanel::before{content:"";position:absolute;right:-110px;top:-120px;width:260px;height:260px;border-radius:50%;background: radial-gradient(circle at 35% 35%, rgba(255,102,0,.22), rgba(255,102,0,0) 62%);pointer-events:none;opacity:.9;}
.cmsSettingsPanel::after{content:"";position:absolute;left:-130px;bottom:-140px;width:260px;height:260px;border-radius:50%;background: radial-gradient(circle at 60% 60%, rgba(255,190,120,.18), rgba(255,190,120,0) 62%);pointer-events:none;opacity:.9;}
.cmsSettingsHead{position:relative;z-index:1;}
.cmsSettingsTitle{margin:0 0 15px 0;color:#fff;font-weight:600;font-size:26px;line-height:1.1;letter-spacing:.2px;}
.cmsSettingsToggles{display:flex;flex-direction:column;gap: 10px;padding: 14px 14px;border-radius: 20px;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.14);/*box-shadow: inset 0 1px 0 rgba(255,255,255,.10);*/}
.cmsSettingsToggle{margin:0;display:flex;align-items:center;justify-content:space-between;gap: 10px;}
.cmsSettingsToggle span{font-size:14px;font-weight:600;color: rgba(255,255,255,.85);}
.cmsSettingsToggle input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width: 40px;height: 20px;background: rgba(255,255,255,.35);border-radius: 999px;position: relative;cursor: pointer;outline: none;transition: all .4s ease-in-out;padding:0;margin:0;box-shadow: inset 0 1px 2px rgba(0,0,0,.25);}
.cmsSettingsToggle input[type="checkbox"]::after{position:absolute;content:"";width:20px;height:20px;border-radius:50%;background:#fff;box-shadow: 0 0 .25em rgba(0,0,0,.3);transform: scale(.7);left:0;top:-1px;transition: all .4s ease-in-out;}
.cmsSettingsToggle input[type="checkbox"]:checked{background: var(--maincolor);}
.cmsSettingsToggle input[type="checkbox"]:checked::after{left: calc(100% - 20px);}
.cmsSettingsNav{position:relative;z-index:1;margin-top: 16px;display:flex;flex-direction:column;gap: 10px;}
.cmsSettingsGroup{padding-top: 10px;position: relative;}
.cmsSettingsGroup + .cmsSettingsGroup{margin-top: 6px;}
.cmsSettingsGroup + .cmsSettingsGroup::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background: linear-gradient(to right, rgba(255,255,255,.28) 0%, rgba(255,255,255,.18) 50%, rgba(255,255,255,0) 100%);opacity:.9;}

.cmsSettingsLink{display:block;padding: 10px 12px;border-radius: 18px;color: rgba(255,255,255,.92);font-size: 14px;line-height:1.1;text-decoration:none;transition: all .4s ease-in-out;}
.cmsSettingsLink:hover,.cmsSettingsLink:focus{background: rgba(255,255,255,.14);color:#fff;box-shadow: 0 10px 24px rgba(0,0,0,.18);transform: translateY(-1px);}
.cmsSettingsLink.is-active{background: rgba(255,102,0,.22);border: 1px solid rgba(255,102,0,.35);box-shadow: 0 14px 28px rgba(180,70,0,.22);}

.cmsfooter {display:flex;gap:10px;align-items: center;padding: 15px;}
.cmsfooter img {height:20px;}

.cmsSettingsPanel.is-open{opacity: 1;transform: translateX(0);pointer-events: auto;}
.cmsSettingsClose{width: 45px;height: 45px;border-radius: 16px;border: 1px solid rgba(255,255,255,.18);background: rgba(255,255,255,.08);cursor: pointer;padding: 0;position: absolute;right: 22px;top: 22px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index:2;}
.cmsSettingsClose::before,
.cmsSettingsClose::after{content:"";position:absolute;left:50%;top:50%;width: 18px;height: 2.5px;background: rgba(255,255,255,.75);border-radius: 2px;transform-origin: center;}
.cmsSettingsClose::before{ transform: translate(-50%,-50%) rotate(45deg); }
.cmsSettingsClose::after{  transform: translate(-50%,-50%) rotate(-45deg); }
.cmsSettingsClose:hover{transform: translateY(-2px);box-shadow: 0 20px 40px rgba(0,0,0,.22);border-color: rgba(255,102,0,.35);background: rgba(255,102,0,.10);}
.cmsSettingsClose:hover::before,
.cmsSettingsClose:hover::after{ background: rgba(255,255,255,.92);}
.cmsSettingsClose:active{ transform: scale(.96); }

.notvisiblelang {display:none!important;}

.recentUpdatesWrap{}
.recentUpdatesHead{margin-bottom:5px;}
.ruhTitle{display:flex;align-items:baseline;gap:10px;font-size:18px;font-weight:600;letter-spacing:.2px;margin:0 0 0 20px;}
.ruhSub{font-size:12px;font-weight:600;color:rgba(0,0,0,.55);}
.recentUpdatesGrid{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;}
.ruCard{position:relative;padding:20px;border-radius:var(--radius);background:#fff;   border: 1px solid rgba(255, 255, 255, .55);box-shadow:var(--shadow2);}
.ruCard2::after{content:"";position:absolute;right:-74px;top:-74px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,106,0,.18),rgba(255,106,0,0) 64%);pointer-events:none;opacity:.9;}
.ruName{font-size:16px;font-weight:600;color:#111;margin-bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ruTemplate{font-size:12px;font-weight:600;color:rgba(0,0,0,.55);line-height:1.35;}
.ruTemplate b{font-weight:inherit;color:inherit;}
.ruBottom{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ruBottom .btn {    margin: 0 0 -40px 0;background: #0065cd;padding: 10px 20px;box-shadow: var(--shadowgrey);font-size: 12px;}
.ruBottom .btn:hover {background:#004b97}
.ruMeta{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:rgba(0,0,0,.58);white-space:nowrap;}













#MMSystemTD .imggalleryplace{display:flex;gap:15px;flex-wrap:nowrap;align-items:stretch;}
#MMSystemTD .imggalleryplace .checkplace{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;margin:0;cursor:pointer;user-select:none;transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;position:relative;/*overflow:hidden; */}
#MMSystemTD .imggalleryplace .checkplace > input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
#MMSystemTD .imggalleryplace .checkplace::before{content:"";width:56px;height:38px;border-radius:10px;background-color:#f4f4f4;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.03);flex:0 0 56px;transition: transform .18s ease, box-shadow .18s ease;}
#MMSystemTD .imggalleryplace .checkplace .checkboxname{color: rgba(0,0,0,.78);white-space:nowrap;}
#MMSystemTD .imggalleryplace .checkplace:hover{transform: translateY(-1px);box-shadow: var(--bigshadow);border-color: rgba(255,128,0,.25);}
#MMSystemTD .imggalleryplace .checkplace:has(input:focus-visible){outline:2px solid rgba(255,128,0,.35);outline-offset:2px;}
#MMSystemTD .imggalleryplace .checkplace:has(input:checked){border-color: rgba(255,128,0,.60);background: rgba(255,128,0,.06);}
#MMSystemTD .imggalleryplace .checkplace:has(input:checked)::before{box-shadow:inset 0 0 0 2px rgba(255,128,0,.60),0 10px 22px rgba(255,128,0,.20);transform: scale(1.06);}
#MMSystemTD .imggalleryplace .checkplace.showOnSide::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='8' y='22' width='22' height='46' rx='8' fill='%23bdbdbd'/>\<rect x='34' y='26' width='64' height='18' rx='9' fill='%23cfcfcf'/>\<rect x='34' y='50' width='48' height='14' rx='7' fill='%23dcdcdc'/>\</svg>");}
#MMSystemTD .imggalleryplace .checkplace.showOnSide:hover::before,#MMSystemTD .imggalleryplace .checkplace.showOnSide:has(input:checked)::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='8' y='22' width='22' height='46' rx='8' fill='%23ff8000'/>\<rect x='34' y='26' width='64' height='18' rx='9' fill='%23cfcfcf'/>\<rect x='34' y='50' width='48' height='14' rx='7' fill='%23dcdcdc'/>\</svg>");}
#MMSystemTD .imggalleryplace .checkplace.viewAsSlider::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='26' y='24' width='60' height='36' rx='12' fill='%23cfcfcf'/>\<path d='M18 42 L26 34 L26 50 Z' fill='%23bdbdbd'/>\<path d='M94 42 L86 34 L86 50 Z' fill='%23bdbdbd'/>\<rect x='40' y='60' width='32' height='4' rx='2' fill='%23bdbdbd' opacity='.6'/>\</svg>");}
#MMSystemTD .imggalleryplace .checkplace.viewAsSlider:hover::before,#MMSystemTD .imggalleryplace .checkplace.viewAsSlider:has(input:checked)::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='26' y='24' width='60' height='36' rx='12' fill='%23cfcfcf'/>\<path d='M18 42 L26 34 L26 50 Z' fill='%23ff8000'/>\<path d='M94 42 L86 34 L86 50 Z' fill='%23ff8000'/>\<rect x='40' y='60' width='32' height='4' rx='2' fill='%23bdbdbd' opacity='.6'/>\</svg>");}
#MMSystemTD .imggalleryplace .checkplace.Viewasgrid::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='20' y='26' width='30' height='18' rx='8' fill='%23cfcfcf'/>\<rect x='62' y='26' width='30' height='18' rx='8' fill='%23dcdcdc'/>\<rect x='20' y='50' width='30' height='18' rx='8' fill='%23dcdcdc'/>\<rect x='62' y='50' width='30' height='18' rx='8' fill='%23cfcfcf'/>\</svg>");}
#MMSystemTD .imggalleryplace .checkplace.Viewasgrid:hover::before,#MMSystemTD .imggalleryplace .checkplace.Viewasgrid:has(input:checked)::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='8' y='8' width='96' height='10' rx='5' fill='%23e7e7e7'/>\<rect x='20' y='26' width='30' height='18' rx='8' fill='%23cfcfcf'/>\<rect x='62' y='26' width='30' height='18' rx='8' fill='%23ff8000'/>\<rect x='20' y='50' width='30' height='18' rx='8' fill='%23dcdcdc'/>\<rect x='62' y='50' width='30' height='18' rx='8' fill='%23cfcfcf'/>\</svg>");}

#MMSystemTD .imggalleryplace .checkplace.Viewasgrid {margin:0 0 0 40px}
#MMSystemTD .imggalleryplace .checkplace.Viewasgrid:after {content:"Or";display:block;position:absolute;left:-36px;top:19px;color: var(--darkgrey);font-style: italic;}


.FieldsContent:has(> label.Listview):has(> label.Gridview){display:flex;gap:15px;flex-wrap:nowrap;align-items:stretch;}
.FieldsContent:has(> label.Listview):has(> label.Gridview) > label.Listview,.FieldsContent:has(> label.Listview):has(> label.Gridview) > label.Gridview{flex:1 1 0;min-width:0;}
label.Listview,label.Gridview{width:auto !important;position:relative !important;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;margin:0;cursor:pointer;user-select:none;transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;}
label.Listview > input[type="checkbox"],label.Gridview > input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
label.Listview input,label.Gridview input{width:0 !important;margin:0 !important;}
label.Listview::before,label.Gridview::before{content:"";width:56px;height:38px;border-radius:10px;background:#f4f4f4;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.03);flex:0 0 56px;transition: transform .18s ease, box-shadow .18s ease;}
label.Listview .checkboxname,label.Gridview .checkboxname{color: rgba(0,0,0,.78);white-space:nowrap;}
label.Listview:hover,label.Gridview:hover{transform: translateY(-1px);box-shadow: var(--bigshadow);border-color: rgba(255,128,0,.25);}
label.Listview.is-active,label.Gridview.is-active,label.Listview:has(> input:checked),label.Gridview:has(> input:checked){border-color: rgba(255,128,0,.60);background: rgba(255,128,0,.06);}
label.Listview.is-active::before,label.Gridview.is-active::before,label.Listview:has(> input:checked)::before,label.Gridview:has(> input:checked)::before{box-shadow: inset 0 0 0 2px rgba(255,128,0,.60), 0 10px 22px rgba(255,128,0,.20);transform: scale(1.06);}
label.Listview{ margin-left:40px; }
label.Listview::after{content:"Or";position:absolute;left:-36px;top:50%;transform:translateY(-50%);color:var(--darkgrey);font-style:italic;font-size:13px;pointer-events:none;display:block;}
label.Listview::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='12' y='18' width='88' height='8' rx='4' fill='%23cfcfcf'/>\<rect x='12' y='34' width='88' height='8' rx='4' fill='%23dcdcdc'/>\<rect x='12' y='50' width='88' height='8' rx='4' fill='%23cfcfcf'/>\</svg>");}
label.Listview:hover::before,label.Listview.is-active::before,label.Listview:has(> input:checked)::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='12' y='18' width='88' height='8' rx='4' fill='%23ff8000'/>\<rect x='12' y='34' width='88' height='8' rx='4' fill='%23dcdcdc'/>\<rect x='12' y='50' width='88' height='8' rx='4' fill='%23cfcfcf'/>\</svg>");}
label.Gridview::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='18' y='22' width='30' height='14' rx='6' fill='%23cfcfcf'/>\<rect x='64' y='22' width='30' height='14' rx='6' fill='%23dcdcdc'/>\<rect x='18' y='42' width='30' height='14' rx='6' fill='%23dcdcdc'/>\<rect x='64' y='42' width='30' height='14' rx='6' fill='%23cfcfcf'/>\</svg>");}
label.Gridview:hover::before,label.Gridview.is-active::before,label.Gridview:has(> input:checked)::before{background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 76'>\<rect x='1' y='1' width='110' height='74' rx='12' fill='%23f4f4f4' stroke='%23d9d9d9'/>\<rect x='18' y='22' width='30' height='14' rx='6' fill='%23cfcfcf'/>\<rect x='64' y='22' width='30' height='14' rx='6' fill='%23ff8000'/>\<rect x='18' y='42' width='30' height='14' rx='6' fill='%23dcdcdc'/>\<rect x='64' y='42' width='30' height='14' rx='6' fill='%23cfcfcf'/>\</svg>");}





.cmsInfoHover{position: absolute;right: 60px;top:50%;transform: translateY(-50%);z-index: 50;width: 30px;height: 30px;border-radius: 100%;background: rgba(255,255,255,.72);border: 1px solid rgba(0,0,0,.10);box-shadow: 0 1px 0 rgba(0,0,0,.03);display: inline-flex;align-items: center;justify-content: center;cursor: default;user-select: none;-webkit-tap-highlight-color: transparent;transition: .25s ease;}
.cmsInfoIcon{ width: 20px; height: 20px; display: inline-flex; align-items:center; justify-content:center; }
.cmsInfoIcon svg{width: 20px;height: 20px;stroke: rgba(0,0,0,.4);stroke-width: 1.5;shape-rendering: geometricPrecision;transition: .25s ease;}
.cmsInfoIcon .i-stem{ stroke-linecap: round; stroke-linejoin: round; }
.cmsInfoIcon .i-dot{ fill: rgba(0,0,0,.46); stroke:none; transition:.25s ease; }
.cmsInfoPop{position: absolute;right: 0;bottom: calc(100% + 10px);min-width: 190px;max-width: 260px;padding: 10px 10px;border-radius: 15px;background: rgba(255,255,255,.98);color: rgba(0,0,0,.72);border: 1px solid rgba(0,0,0,.10);box-shadow: 0 12px 26px rgba(0,0,0,.12), inset 0 2px 0 rgba(255,102,0,.5);font-size: 11px;font-weight: 600;letter-spacing: .03em;line-height: 1.25;opacity: 0;pointer-events: none;transform: translateY(6px);transition: opacity .16s ease, transform .16s ease;z-index: 999999;}
.cmsInfoPop::before{content:"";position:absolute;right: 10px;bottom: -5px;width: 9px;height: 9px;background: rgba(255,255,255,.98);border-left: 1px solid rgba(0,0,0,.10);border-top: 1px solid rgba(0,0,0,.10);transform: rotate(225deg);}
.cmsInfoLine{ display:flex; gap:5px; white-space: nowrap; }
.cmsInfoLine b{ font-weight: 700; color: rgba(0,0,0,.62); }
.cmsInfoHover:focus .cmsInfoPop,.cmsInfoHover:focus-within .cmsInfoPop{opacity:1;transform: translateY(0);pointer-events:auto;}
.cmsInfoHover:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(255,102,0,.18), 0 12px 26px rgba(0,0,0,.12);border-color: rgba(255,102,0,.55);}





















body .ui-widget.ui-widget-content {border-radius:var(--radius);box-shadow:var(--shadow2);padding:20px;border:none;position:relative;overflow:hidden}
body .ui-widget.ui-widget-content::before, body .ui-widget.ui-widget-content::after {content: "";position: absolute;width: 260px;height: 260px;border-radius: 50%;pointer-events: none;filter: blur(0px);opacity: .85;}
body .ui-widget.ui-widget-content::before {right: -110px;top: -120px;background: radial-gradient(circle at 35% 35%, rgba(255, 102, 0, .30), rgba(255, 102, 0, 0) 62%);}
body .ui-widget.ui-widget-content::after {left: -130px;bottom: -140px;background: radial-gradient(circle at 60% 60%, rgba(255, 190, 120, .24), rgba(255, 190, 120, 0) 62%);}

body .ui-dialog {    position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}

body .ui-tabs .ui-tabs-panel {padding:0;}
body .ui-tabs .ui-tabs-nav {padding:0;border-radius:0;border:none;background:none;margin:0 0 20px 0;display: flex;flex-wrap: wrap;}
body .ui-tabs .ui-tabs-nav li {border-radius:var(--radius);border:none;background:var(--greylight);margin:0 5px 5px 0}
body .ui-tabs .ui-tabs-nav li:hover {background:var(--grey);color: #fff;box-shadow: var(--shadowgrey);transform: translateY(-5%) translateX(0);}
body .ui-tabs .ui-tabs-nav li.ui-tabs-active {background:var(--grey2);margin:0 5px 5px 0;color: #fff;box-shadow: var(--shadowgrey);transform: translateY(-5%) translateX(0);}
body .ui-dialog .ui-dialog-content {padding:0;overflow: visible;}
body .ui-dialog .ui-dialog-titlebar {border:none;background:none;margin:0;padding:0;}

body .ui-dialog .ui-dialog-titlebar-close {border-radius:100%;    width: 40px;height: 40px;    margin: -25px -15px 0 0;}
body .ui-dialog .ui-dialog-titlebar-close:hover {box-shadow: var(--shadowgrey);transform: translateY(-5%) translateX(0);background: var(--grey);}

body .select2-container--default.select2-container--focus .select2-selection--multiple {border:none;width:auto;border-radius:0}
body .select2-container--default .select2-search--inline .select2-search__field {}
body .select2-container span {width:auto !important;border:none;}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {width:100%}



.alertify,.alertify-log{font-family: inherit;}
.alertify-cover{position: fixed; z-index: 99999;top:0; right:0; bottom:0; left:0;background: rgba(25,25,25,.32);opacity: 1;filter: none;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.alertify-cover-hidden{ display:none; }
.alertify{position: fixed; z-index: 99999;top: 50% !important;left: 50% !important;width: min(520px, calc(100% - 44px)) !important;margin-left: 0 !important;transform: translate(-50%, -50%) !important;background: #fff;border: 1px solid rgba(0,0,0,.08);border-radius: 20px;box-shadow:0 22px 70px rgba(0,0,0,.22),0 2px 0 rgba(255,255,255,.65) inset;background-clip: padding-box;opacity: 1;}
.alertify-hidden{transform: translate(-50%, -55%) !important;opacity: 0;display: none;}
:root *> .alertify-hidden{display:block;visibility:hidden;}
.alertify,.alertify-show,.alertify-log{transition:transform 160ms ease,opacity   140ms ease;}
.alertify-hide{transition:transform 140ms cubic-bezier(0.600, -0.280, 0.735, 0.045),opacity   120ms ease;}
.alertify-log-hide{transition:transform 160ms cubic-bezier(0.600, -0.280, 0.735, 0.045),opacity   140ms ease;}
.alertify-dialog{padding: 0;}
.alertify-resetFocus{position:absolute;width:1px; height:1px;overflow:hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border:0; padding:0; margin:-1px;}
.alertify-inner{text-align: left;padding: 20px 20px 15px; }
.alertify-message{margin: 0;font-size: 15px;line-height: 1.5;font-weight: 600;color: var(--text);padding: 10px;}
.alertify-text{margin: 14px 0 0;width: 100%;box-sizing: border-box;font-size: 14px;border: 1px solid rgba(0,0,0,.14);border-radius: 12px;padding: 10px 12px;outline: none;background: #fff;}
.alertify-text:focus{border-color: var(--maincolor);box-shadow: 0 0 0 3px rgba(255,102,0,.18);}
.alertify-buttons{display:flex;justify-content:flex-end;gap: 10px;margin-top: 0;                padding: 12px 14px;background: transparent;              border-top: 1px solid rgba(0,0,0,.06);}
.alertify-button,.alertify-button:hover,.alertify-button:active,.alertify-button:visited{background-image: none !important;text-decoration: none;border: none !important;line-height: 1;display: inline-flex;align-items:center;justify-content:center;cursor: pointer;margin-left: 0;text-shadow: none !important;box-shadow: none;}
.alertify-button{height: 40px !important;padding: 0 25px !important;border-radius: 20px !important;font-size: 13px !important;letter-spacing: .2px;}
.alertify-button:hover{ transform: translateY(-1px); }
.alertify-button:active{ transform: translateY(0); }
.alertify-button:focus{ outline:none; }.alertify-button:focus-visible{box-shadow: 0 0 0 3px rgba(255,102,0,.20);}
.alertify-button-cancel,.alertify-button-cancel:hover,.alertify-button-cancel:focus{background: #979797;color: #fff !important;text-transform: uppercase;border: 1px solid rgba(0,0,0,.10);font-weight:300!important}
.alertify-button-cancel:hover{background:#606060;box-shadow: var(--shadowgrey)!important;}
.alertify-button-ok,.alertify-button-ok:hover,.alertify-button-ok:focus{background: #0065cd;color: #fff;border: 1px solid rgba(0,0,0,.06);text-transform: uppercase;box-shadow: 0 10px 22px rgba(255,102,0,.20);font-weight:300!important}
.alertify-button-ok:hover{background: #004b97;box-shadow: var(--shadowgrey)!important;}
.alertify-logs{position: fixed;z-index: 5000;bottom: 20px;right: 20px;width: 400px;}
.alertify-logs-hidden{ display:none; }
.alertify-log{display:block;margin-top: 10px;position: relative;right: -320px;opacity: 0;padding: 15px 20px;border-radius: 20px;color:#fff;text-shadow: none;background: rgba(20,20,20,.92);box-shadow: 0 18px 50px rgba(0,0,0,.22);}
.alertify-log-show{right: 0;opacity: 1;}
.alertify-log-hide{transform: translate(320px,0);opacity: 0;}
.alertify-log-error{ background: rgba(229,57,53,.92); }
.alertify-log-success{ background: rgba(31,170,89,.92); }












.searchplace .searchboxbtn {transition: all .4s ease-in-out;}
    
a, .btn, button, input[type="submit"], 
.orderStatusSelector label, #dialogFile .niceFilePicker,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li,
.FolderDisplay, .ItemDisplay, .template-download, .template-upload,
.secLink, .cmsInfoHover, .sitemaplink, .settingsbtn {transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,opacity .25s ease,filter .25s ease;}


body.is-sorting .FolderDisplay, body.is-sorting .ItemDisplay, body.is-sorting *,
body.is-sorting .FolderDisplay, body.is-sorting .ItemDisplay * {transition: none !important;}





@media (max-width:1100px){
h2 {font-size: 36px;}
.ruhSub, #MMSystemTD .imggalleryplace .checkplace.Viewasgrid:after, label.Listview::after, .cmsbreadcrumbs a:nth-of-type(4),
.cmsbreadcrumbs a:nth-of-type(5), .cmsleftmenu {display:none}
.cmscontainer {padding: 15px;}
.cmswrapper {display:block}
.cmsleftside, .cmscontainer, .cmsaddnew {width:100%}
#orderReportsContainer{ grid-template-columns: 1fr; }
#OrdersGridTopControlls input[type="text"]{ max-width: 100%; }
.chooseboxplace{ grid-template-columns: 1fr; }
.choosebox label{ width:100%; }
.chooseboxplace{ grid-template-columns: repeat(2, minmax(220px, 1fr)); }
#NewCategoryValByLang{ grid-template-columns: 1fr; }
#orderReportsContainer{grid-template-columns: 1fr;}
.containermain.importexport{ grid-template-columns: 1fr; }
.containermain.importexport #uploadFile_click{ width:100%; }
.FileItem > a.DelDGFile{position: static;margin-left: auto;margin-bottom: 10px;}
.storecontainer{ grid-template-columns: 1fr; }
.storecontainer .priceContent{ grid-template-columns: 1fr; }
.storecontainer .priceContent input.price{ width: 100%; }
.cmsaddnew{padding: 10px 15px;gap: 0px;margin: 20px 0;}
.createbtn{width: 100%;justify-content: center;padding: 15px 20px;}
.divinmodul{grid-template-columns: 1fr;grid-template-rows: auto auto auto auto;}
.divinmodul .left.ulholder{ grid-column: 1; }
.divinmodul .middel{grid-column: 1;flex-direction: row;justify-content:center;}
.divinmodul .right.ulholder{ grid-column: 1; }
.divinmodul .down{grid-template-columns: 1fr;}
.cmsSettingsPanel{padding: 18px;}
.cmsSettingsTitle{font-size: 22px;}
.cmsSettingsPanel{width: 100%;position: fixed;z-index: 9999;}
.recentUpdatesGrid{ grid-template-columns: 1fr; }
.alertify,.alertify-logs{width: 90%;box-sizing: border-box;}
.alertify{left: 50% !important;margin-left: 0 !important;}
.searchplace {position:relative;width:100%;    right: 0px;top: 10px;}
.datacreateplace {flex-direction: column;}
#MMSystemTD {margin:15px 0 0 0}
.ruName {white-space:initial}
.cmsbreadcrumbs {position:static}
.settingsbtn {right: 15px;top: 10px;}
.ruCard {padding: 15px;}
.menusection {margin:30px 0}
.logocatomheader a {padding: 15px;}
.cmsleftsidelink {padding: 10px;}
body .ui-widget.ui-widget-content {width:100% !important}
body .ui-widget.ui-widget-content {padding: 15px;}
body .ui-tabs .ui-tabs-nav li a {font-size:15px}
#MMSystemTD label span {width: 50%;font-size: 14px;}
.btnplace button, .btnplace a, .btnplace input {width: 50%;}
.FieldsContent:has(> label.Listview):has(> label.Gridview), #MMSystemTD .imggalleryplace {display:block}
#MMSystemTD .imggalleryplace .checkplace, .FieldsContent:has(> label.Listview):has(> label.Gridview) > label.Listview, 
.FieldsContent:has(> label.Listview):has(> label.Gridview) > label.Gridview {margin:5px 0}
.cmsInfoHover {right: 30px;}
.cmsSettingsClose {right: 10px;top: 10px;}

.logocatomheader img {height: 25px;}

.cmsopenmenu{position: absolute;right: 10px;top: 7.5px;display: inline-flex;align-items: center;gap: 10px;height: 40px;padding: 0 15px;border-radius: 999px;background: rgba(255,255,255,.85);border: 1px solid rgba(0,0,0,.08);box-shadow: 0 10px 26px rgba(0,0,0,.10);font: inherit;font-weight: 600;color: var(--greydark, #505050);cursor: pointer;transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;-webkit-tap-highlight-color: transparent;}
.cmsopenmenu:hover{transform: translateY(-1px);box-shadow: 0 14px 34px rgba(0,0,0,.14);border-color: rgba(0,0,0,.12);}
.cmsopenmenu:active{transform: translateY(0px) scale(.99);}
.cmsopenmenu:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(176,70,0,.18), 0 12px 30px rgba(0,0,0,.14);border-color: rgba(176,70,0,.28);}
.cmsopenmenu > span{position: relative;width: 20px;height: 14px;display: inline-block;}
.cmsopenmenu > span::before,.cmsopenmenu > span::after{content: "";position: absolute;left: 0;width: 100%;height: 2px;border-radius: 999px;background: var(--greydark, #505050);transform-origin: center;transition: transform .22s ease, top .22s ease, bottom .22s ease, width .22s ease, background .18s ease, opacity .18s ease;}
.cmsopenmenu > span::before{ top: 0; }
.cmsopenmenu > span::after{ bottom: 0; }
.cmsopenmenu > span{background: linear-gradient(to bottom,transparent 0,transparent 6px,var(--greydark, #505050) 6px,var(--greydark, #505050) 8px,transparent 8px,transparent 100%);border-radius: 999px;transition: background .18s ease;}
.cmsopenmenu:hover > span::before,.cmsopenmenu:hover > span::after{background: var(--maincolor, #B04600);}
.cmsopenmenu:hover > span{background: linear-gradient(to bottom,transparent 0,transparent 6px,var(--maincolor, #B04600) 6px,var(--maincolor, #B04600) 8px,transparent 8px,transparent 100%);}
.cmsopenmenu.is-open{background: var(--maincolor, #B04600);border-color: rgba(0,0,0,.06);color: #fff;}
.cmsopenmenu.is-open > span{background: transparent; }
.cmsopenmenu.is-open > span::before,.cmsopenmenu.is-open > span::after{background: #fff;width: 100%;}
.cmsopenmenu.is-open > span::before{top: 6px;transform: rotate(45deg);}
.cmsopenmenu.is-open > span::after{bottom: 6px;transform: rotate(-45deg);}

.ImageItem{grid-template-columns: 1fr;}
.form .imgsize{width:100%;height:220px;}
}



 @media (prefers-reduced-motion: reduce){
.cmsopenmenu,
.cmsopenmenu > span,
.cmsopenmenu > span::before,
.cmsopenmenu > span::after{
transition: none !important;
}

 }


@media (hover:none){
  [data-crm-tip]::before,
  [data-crm-tip]::after{ display:none; }
   #crmTooltip{ display:none; }

   
}

@media (hover:hover){
.cmsInfoHover:hover .cmsInfoPop{ opacity:1;  pointer-events:auto; }
.cmsInfoHover:hover{ border-color: rgba(255,102,0,.35); box-shadow: 0 10px 26px rgba(0,0,0,.12); }
.cmsInfoHover:hover .cmsInfoIcon svg{ stroke: var(--maincolor,#ff6600); transform: scale(1.05); }
.cmsInfoHover:hover .i-dot{ fill: var(--maincolor,#ff6600); }
}
 @keyframes indet{
    0%{ transform: translateX(-140%); }
    100%{ transform: translateX(340%); }
}
@media (prefers-reduced-motion: reduce){
  .secLink, .secIcon, .secChevron{ transition:none; }
  .secLink:hover, .secLink:active{ transform:none; }
}