@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 5px 10px rgba(0,0,0,0.1);
  --shadowdark: 0px 5px 10px rgba(0,0,0,0.5);
  --bigshadow: -10px 15px 20px rgba(0,0,0,0.1);
  --bigshadowleft: -60px 15px 20px rgba(0,0,0,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 0px 3px 6px rgba(100, 100, 100, 0.2);
  --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:#522100;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, .cmsfooter, .innersearchplace, #dialog-form-templates h3,
.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;font-size:15px;border: 1px solid rgba(255,255,255,.3);box-shadow:var(--innershadow);border:1px solid var(--bg)}
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;}

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"], /*button,*/ .btn {-webkit-appearance: none;appearance: none;display: inline-block;padding: 15px 35px;border: none;border-radius: var(--radius);cursor: pointer;color: #fff;text-transform: uppercase;font-size: 15px;box-shadow: var(--shadoworange);background:var(--maincolor)/*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 {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 {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(--shadow);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: #FF8A4C; }
}

@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);box-shadow: var(--bigshadow);border-radius:var(--radius);display:flex;position:relative;margin:4%}

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

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


.searchplace {width: 250px;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;}



.cmsbreadcrumbs {display: flex;    align-items: center;    line-height: 100%;position: absolute;left: 30px;top: 50px;}
.cmsbreadcrumbs a, .cmsbreadcrumbs div {font-size:13px;display:flex;color:var(--grey2);}
.cmsbreadcrumbs a:hover {color:#000}
.cmsbreadcrumbs span {margin:0 7px;display:block;color:var(--grey2);font-size: 12px;}
.cmsbreadcrumbs .thispage {font-size:13px;color:var(--darkgrey);font-weight:600;margin:0}
/*.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}

.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 40px 0;position: relative;padding: 35px 25px;border-radius: var(--radius);background: rgba(255,255,255,.75);border: 1px solid rgba(0,0,0,.06);box-shadow: 0 18px 50px rgba(0,0,0,.08);display: flex;justify-content: center;gap: 15px;align-items: center;flex-wrap: wrap;overflow: hidden;}
.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%);}

/*
.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: 70px 0 0 0;}
#MMSystemTD label {display:flex;align-items: center;}
#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 {padding:7px;border-radius:10px;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 .boxcaption {display:none}

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) 0%, 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}

.pagename, .priceContent {position: relative;padding:0 0 20px 0;margin:0px 0 20px 0;}
.pagename::after, .priceContent::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%);}

.pagenamefolder {margin:0}

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

.languageplace {position:relative;padding:0 0 20px 0;margin:0 0 20px 0;}
.languageplace h3 {color:var(--darkgrey)}
.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 h2 {font-size:30px;margin:30px 0 5px 0;}

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

.FolderDisplay, .ItemDisplay {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;}
.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;box-shadow: 0 10px 24px rgba(0,0,0,.12);}
.moretools:hover .dots {border-radius:var(--radius);background:var(--grey2)}
.moretools:hover .icon-more circle {fill: #fff;}

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

.containerAttributes h3 {font-size:24px;}

.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% - 20px);}
#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; box-shadow: 0 8px 20px rgba(0,0,0,.08);transition:opacity 0.18s ease-out,transform 0.18s ease-out,box-shadow 0.18s ease-out;z-index: 5;}
.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: 0 12px 28px rgba(0,0,0,.10);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), 0 12px 28px rgba(0,0,0,.10);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:14px;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);transition: transform .25s ease, background .25s ease, box-shadow .25s ease, opacity .25s ease;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;}
.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);}

.language1 {}

#btnUploadImages {margin:0 0 30px 0;}

.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}
.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%);}

.form .boxcaption {border-top:1px solid #ccc;margin:15px 0 0px 0;padding:15px 0 5px 0;display:none}
.form .imgsize {text-align:center;vertical-align:middle;padding:0px;margin:0 0px 0px 10px;width:30%;height:225px;border:1px solid #ccc;background:#f0f0f0;float:right;position:relative;display: flex;justify-content: center;align-items: center;overflow:hidden}
.form .imgsize img {max-width: 100%;max-height: 100%;}

.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:24px;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:12px;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%;}

#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: 14px 18px;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: 12px;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: 0 12px 28px rgba(0,0,0,.10);transform: translateY(-1px);}
#dialogFile #fileupload:hover + .niceFilePicker{background: rgba(255,102,0,.07);border-color: rgba(255,102,0,.35);box-shadow: 0 12px 28px rgba(0,0,0,.10);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), 0 12px 28px rgba(0,0,0,.10);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: 10px;}
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);box-shadow: 0 10px 26px rgba(0,0,0,.12);transform: translateY(-1px);}
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:20px;}
/*.uploadShell::after{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:50%;background: rgba(255,102,0,.10);pointer-events:none;}*/
.uploadTop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;position:relative;z-index:1;}
.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:14px;}
.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:0 14px 30px rgba(0,0,0,.10);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);}


.storecontainer{  display:grid;grid-template-columns: 1fr 1fr;gap: 10px 15px;align-items: start;}
.storecontainer > label{margin:0;display:flex;flex-direction: column;gap: 6px;}
.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: 12px 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 18px 50px 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: 12px; 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: 12px;}
.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: 14px;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: 6px;}
.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;}
.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: 12px;}
.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: 12px;}
.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);}

.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 14px 30px 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;}






.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);}
@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); }
}



body .ui-widget.ui-widget-content {border-radius:var(--radius);box-shadow:var(--shadow);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;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 2px 3px 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 2px 3px 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%}















a, .btn, button, input[type="submit"], .grid-item img, .flex img, .FolderDisplay, .FolderDisplay div,
.orderStatusSelector label, #dialogFile .niceFilePicker, .ui-tabs .ui-tabs-nav .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li {transition: all .4s ease-in-out;}












@media (max-width:1100px){
    .cmswrapper {display:block}
    .cmsleftside, .cmscontainer {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: 24px 16px;gap: 12px;}
    .createbtn{width: 100%;justify-content: center;padding: 16px 22px;}
    .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;}
}

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

   
}

@media (prefers-reduced-motion: reduce){
  .secLink, .secIcon, .secChevron{ transition:none; }
  .secLink:hover, .secLink:active{ transform:none; }
}