@page  
{ 
  size: A4; 
  margin: 0mm 0mm 0mm 0mm;  
}
@media print
{
  .noPrint, .noPreview
  {
    display:none !important;
  }
}
@media screen
{
  TABLE.for-print 
  {
    max-width:795px;
  }
}
LOADING ~ *
{
  display:none;
}
BODY[pageclass='Print'], 
BODY[pageclass='Print'] SCREEN
{
  background:white !important;
}
TABLE.for-print
{
  width:100%;
  margin:auto;
}
TABLE.for-print .noPreview
{
  display:none !important;
}
TABLE.for-print > THEAD > TR > TD
{
  padding-top:25px;
}
TABLE.for-print > * > TR > TD
{
  padding:0px 25px;
}
@keyframes scaleUp
{
  from {transform:scale(0.9);} 
  to   {transform:scale(1.1);}
}
@keyframes scaleDown
{
  from {transform:scale(1);} 
  to   {transform:scale(0.9);}
}
@keyframes scaleX 
{
  from {transform:scaleX(1);} 
  to   {transform:scaleX(0.1);}
}
@keyframes rotate
{
  from {transform:rotate(20deg);} 
  to   {transform:rotate(65deg);}
}
@keyframes full-rotate 
{
  from {transform:rotate(0deg);} 
  to   {transform:rotate(360deg);}
}
@keyframes moveV
{
  from {margin-top:-10px;}
  to   {margin-top:+10px;}
}
@keyframes moveH
{
  from {margin-left:-10px;}
  to   {margin-left:+10px;}
}
@keyframes opacity
{
  from {opacity:0.2;} 
  to   {opacity:1.5;}
}
@keyframes bounce 
{
  from {transform:translate3d(0, -5px, 0);}
  to   {transform:translate3d(0, 8px, 0);}
}
.bounce 
{
  animation: bounce 0.8s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5, 0.05, 1, 0.5);
  animation-iteration-count: infinite;
}
ICON[svg="idaw"] svg path.power
{
  animation:opacity 1.5s infinite;
  animation-direction: alternate;
  transform-origin: 181px 54px;
}
.fly
{
  animation:rotate 3s infinite;
  animation-direction: alternate;
  animation-timing-function:cubic-bezier(0.39, 0.58, 0.57, 1);
}
.fly svg  
{
  animation:scaleX 0.4s infinite, moveV 4s infinite, moveH 3s infinite;
  animation-direction: alternate;
  animation-timing-function:cubic-bezier(0.39, 0.58, 0.57, 1);
}




/**/
FONT[size="1"]  {font-size:85%}
FONT[size="2"]  {font-size:95%}
FONT[size="3"]  {font-size:100%}
FONT[size="4"]  {font-size:120%}
FONT[size="5"]  {font-size:140%}
FONT[size="6"]  {font-size:170%}
FONT[size="7"]  {font-size:190%}
/**/
*
{
  /*
  outline-width:0;
  -webkit-tap-highlight-color:transparent;
  */
}
/* WEB MOBILE APP : https://web.archive.org/web/20151103001838/http://www.luster.io/blog/9-29-14-mobile-web-checklist.html */
HTML, BODY
{
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-print-color-adjust:exact; /* force print background */
  -webkit-font-smoothing: antialiased !important;
  -webkit-font-feature-settings: "kern" 1; 
  text-rendering:optimizeLegibility !important;  
}
HTML
{
  font-size:13px;  
  line-height:1.5;
  font-family:"Segoe UI", helvetica, verdana;
}
BODY
{
  scroll-behavior: smooth;
  overscroll-behavior-y:none;
  text-underline-offset: 2px;
}
SCREEN
{
  display:block;
}
SCREEN[resize]
{
  resize:both;
  margin:auto;
  width:75%;
  height:90%;
  max-width:100%;
  max-height:100%;
  min-width:530px; /* 400px since admin launcher is zoomed out */
  min-height:500px;
  overflow:auto;    
  border-radius:6px;
}
SCREEN[floating]
{
  top: 0px;
  left: 0px;
  z-index: 100;
  position: absolute;
  border-radius: 6px;
  background: hsl(60deg 100% 50%);  
}
SCREEN[floating] [jsonEdit]
{
  cursor:pointer;
}
SCREEN[floating] [jsonEdit]:hover
{
  z-index:1;
  box-shadow:inset 0px 0px 3px blue;
  outline:2px dashed hsl(240deg 100% 43% / 40%);
}
SCREEN[floating] [jsonEdit].selected
{
  z-index:1;
  box-shadow:inset 0px 0px 3px red;
  outline:5px dashed hsl(0deg 100% 50% / 40%);
}
INPUT, TEXTAREA, BUTTON, TABLE, SELECT, OPTION
{
  max-width:100%;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  text-align:inherit;
  letter-spacing:inherit;
}
INPUT, TEXTAREA, BUTTON, A.button, SELECT, ITEM, VAR, FILE-INPUT, [contentEditable], .asInput LIST-ROW
{
  margin:1px;
  vertical-align: middle;
  /* font-family:Helvetica; "Segoe UI" is adding more space on top and text is not being centered  */
}
BODY[feel] .transInput INPUT, BODY[feel] .transInput SELECT
{
  background-color:transparent;
}
CODE, CODE-BLOCK
{
  padding: 1px 3px;
  margin: 0px -1px;
  border-radius: 3px;
  background: #FFFFFF88;
  font-size: 95%;
  opacity:0.85;
  white-space: pre-wrap;
  word-wrap: break-word;    
}
CODE-BLOCK
{
  display:block;
}
BLOCKQUOTE
{
  margin: 0px;
  padding-left: 6px;
  font-size: inherit;
  font-family: inherit;  
  border-left: 3px solid gray;
  display: inline-block;
  margin-bottom: 6px;
  font-size: 95%;
  opacity:0.85;
}
ITEM
{
  text-align: center;  
  display:inline-block;
}
FORM 
{
  margin:0px;
}
EMBED
{
  vertical-align:middle;
}
EMBED-PDF
{
  width:100%;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}
IFRAME 
{
  width:100%;
  height:100%;
  display:inline-block;
  vertical-align:middle;
} 
BUTTON, ICON[onclick]
{
  cursor:pointer;
}
BUTTON + BUTTON
{
  margin-left:5px;
}
BUTTON:empty:before
{
  content:" ";
  white-space:pre;
}
A  
{
  display:inline-block;
  text-decoration:none;
  vertical-align: middle;
  -webkit-touch-callout: none; /*  disable link preview on IPHONE  */
}
A[href], A[onclick]  
{
  cursor:pointer;
}
A[readMore]
{
  cursor:pointer;
  display:inline;
  margin-left:5px;
  white-space:nowrap;
  vertical-align: baseline;
  text-decoration:underline;
  text-underline-offset: 2px;
} 
[lang="ar"] > A[readMore]
{
  margin-left:0px;
  margin-right:5px;
}
A, A:visited, A:active
{
  fill: inherit;
  color: inherit;
}
A IMG
{  
  border:none;
}
A.button
{
  text-align:center;
}
A.center, BUTTON.center
{
  margin:auto;
  display:block;
}
IMG
{
  margin:auto;
  min-width:1px;
  min-height:1px;
  height:auto;
  max-width:100%;
  position:relative;
  object-fit:cover;
  vertical-align:middle;
  max-height: 100vh
}
IMG:not([src])
{
  display:none;
}
IMG[src^="imgs/missing"] 
{
  border-radius: 8px;
  border: 1px solid #b6b9bc;
}
IMG.upload
{
  width:70px;
  height:70px;
  border-radius:5px;
}
IMG[expandOnClick]
{
  cursor:pointer;
}
VIDEO
{
  width:100%;
  height:100%;
  display:block;
  background:black;
  vertical-align:middle;
}
PRE
{
  margin:0px;
  font-family:inherit;
}
FR
{
  float:right; 
}
BODY.rtl FR
{
  float:left; 
}
P, PRE-LINE
{
  margin:0px;
  display:block;
  white-space:pre-line;
}
INBLOCK
{
  display:inline-block;
  vertical-align: middle;
}
HR
{
  border:none;
  margin:10px 0px;
  border-top:1px solid #cfd3de;
}
HS
{
  margin:15 0;
  display:block;
  border-top:4px dotted #5dbd79;
}
UL, OL
{
  margin:0px;
  padding: 0px 0px 0px 20px;
}
UL.simple
{
  padding:0px;
  list-style:none;
  display:inline-block;
}
LABEL
{
  cursor:inherit;
  display:inline-block;
  vertical-align:middle;
}
TABLE
{
  empty-cells:show;
  table-layout: fixed;
  border-collapse:collapse;
}
TABLE[ar] TD, TABLE TD[ar], TABLE TH[ar], FIELD[ar]
{
  text-align:right;
}
TABLE[ac] TD, TABLE TD[ac], TABLE TH[ac], FIELD[ac]
{
  text-align:center;
}
TABLE[al] TD, TABLE TD[al], TABLE TH[al], FIELD[al]
{
  text-align:left;
}
TH
{
  white-space:nowrap;
}
VR
{
  width:1;
  height:17px;
  margin:0px 8px;
  display:inline-block;
  vertical-align:middle;
  border-left:1px solid #DDDDDD;
}
ICON
{
  height: fit-content;
  display:inline-block;
  vertical-align:middle;
}
ICON:empty
{
  display:none;
}
BODY.trident ICON
{
  overflow:hidden;
}
svg
{
  vertical-align: middle;
}
ICON svg
{
  pointer-events:none;  
}
ICON[auto]
{
  margin:0px 2px;
}
ICON:not([auto]) > [svg-icon]
{
  width:100%;
}
ICON:not([autoHeight]):not([autoWidth]):not([auto]) > [svg-icon]
{
  height:100%;
}
ICON[autoWidth] > [svg-icon]
{
  width:auto;
}
BODY.safari ICON:not([auto])
{
  display:inline-flex;
}
ADDRESS
{
  font-style:normal;
}
/* 
 *  
*/
.flex_center
{
  display:flex; 
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
  align-content: center;   
}
.vFlex
{
  flex-direction:column;
}
.flex_wrap, .flex
{
  display:flex;
  align-items:flex-start;
  align-content: flex-start;
}
.flex > HR, .flex_wrap > HR, .flex > HS, .flex_wrap > HS
{
  display:block;
  min-width:100%;
}
.flex > *, .flex_wrap > *
{
  flex:100;
  flex-grow:1;
}
.flex_wrap
{
  flex-wrap:wrap;
  overflow:hidden;
}
.flex_wrap > *
{
  min-width: 320px;
}
.flex_wrap > FLEX-INSIDE
{
  flex:1000;
}
.flex_wrap > FLEX-RIGHT
{
  flex:1;
  min-width:380px;
}
BODY.safari .flex_wrap > *
{
  flex:auto;
}
.flex_wrap[spacing] > FLEX-HIDE
{
  margin-top:0px;
}
/* 
 *  
*/
HIDE, HIDDEN, [hidden], [hide]
{
  display:none !important;
}
[unseen]
{
  top:0px;
  left:0px;
  max-width:100%;
  max-height:100%;
  opacity:0 !important;
  position:absolute !important;
  pointer-events:none !important;
}
[invisible]
{
  visibility:hidden !important;
}
[showIfPrevious] 
{
  display:none;
}
:not([hidden]) ~ [showIfPrevious] 
{
  display:block;
}
SCREEN.wide [hideIfWide], SCREEN:not(.wide) [showIfWide],
SCREEN.narrow [hideIfNarrow], SCREEN:not(.narrow) [showIfNarrow],
SCREEN.normal [hideIfNormal], SCREEN:not(.normal) [showIfNormal]
{
  display:none;
}
.animHide
{
  overflow-y:hidden;
  transition:opacity linear 0.2s, height linear 0.2s;
}
[readonly], [hasChanges] [needSave]
{
  opacity: 0.5;      
  pointer-events: none;
}
FIELD[readonly][type="ImageColumn"]
{
  opacity:1;      
}
FIELD[readonly][type="ImageColumn"] IMG
{
  pointer-events: all;
}
FIELD[readonly][type="ImageColumn"] UPLOAD-FILE,
FIELD[readonly][type="ImageColumn"] ITEM:before
{
  display:none !important;
}
[deleted]
{
  position:relative;
}
[deleted] *
{
  pointer-events:none;
}
[deleted]:before
{
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  content: " ";
  position: absolute;
  border-radius: inherit;
}
[deleted]:before
{
  background: linear-gradient(45deg, rgba(150,150,150,0.2) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%
                                   , rgba(150,150,150,0.2) 50%
                                   , rgba(150,150,150,0.2) 75%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0.1) 0)
                                   ;
  background-repeat: repeat;
  background-size: 25px 25px;
}
[class^="icon-"], [class*=" icon-"]
{
  display:inline-block;
  vertical-align:middle;
}
::placeholder
{
  opacity:0.7;
  color:inherit;
}
[contentIfEmpty]:empty:before
{
  content:attr(contentIfEmpty)
}
/* 
 *  
*/
BODY.draggingX
{
  overflow:hidden;
}
.dragged
{
  opacity:0.1;
}
.dropInto, .dragFile
{
  z-index: 10;
  position: relative;
  transform: scale(1.05);
  transition: transform 0.2s;
}
.invisible  
{
  visibility:hidden;
}
.strike, .strike *
{
  text-decoration:line-through; 
}
.trans
{
  opacity:0.5;
}
.pointer
{
  cursor:pointer;
}
.circle
{
  background: red;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}
.thumbColor
{
  width:25px;
  height:25px;
  border-radius:50%;
  display:inline-block;
}
.forceProgress, .forceProgress *
{
  cursor: progress !important;
}
.noSelection
{
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.waitReplace
{
  pointer-events:none;
  opacity:0.3 !important;
}
CLEAR-FLOAT
{
  clear:both;
  display:block;  
}
NO-RENDER
{
  margin:auto;
  padding: 5px;
  display: block;
  min-height:25px;
  overflow: hidden;
  text-align: center;
  vertical-align:middle;
}
NO-RENDER:before
{
  content:"Loading";
}
NO-RENDER.fullHeight, NO-RENDER.fullHeight:before
{
  height:100%;
  max-width:100%;
  min-height: 70px;
  aspect-ratio: 1; 
}
SCREEN > NO-RENDER
{
  margin:auto;
  display:block;
}
REC-LIST.inline NO-RENDER
{
  display: inline-block;
  vertical-align: middle;  
}
/* 
 *  
*/
.absolute, .fixed
{
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  z-index:10000;
  position:absolute;  
}
.fixed
{
  position:fixed; 
}
.block
{
  display:block;
}
.bigger
{
  font-size:120%;
}
.center
{
  text-align:center;
}
.bold
{
  font-weight:bold;
}
.underline, .underline *
{
  text-decoration:underline;
}
.uc
{
  text-transform: uppercase;
}
BODY.rtl .rtlFlip
{
  transform:rotate(180deg);
}
ITEMS.two_col
{
  display:block;
}
BODY :not(IDAW-BOX).two_col > *, .two_col > BOX-CONTENT > *
{
  width:49%;
  min-width:49%;
  margin:0px;
  display:inline-block;
}
BODY :not(IDAW-BOX).two_col > FIELD, .two_col > BOX-CONTENT > FIELD
{
  display:inline-flex;
  margin-left:0px !important;
  margin-right:0px !important;
}
/* 
 *  
*/
.transBack /* http://enjoycss.com/QfJ#background/0 */
{
  background: linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0);
  background-position: 0 0, 10px 10px;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: 20px 20px;
}
.nightMode 
{
  background-color: #171717 !important;
  filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(85%);
}
.nightMode IMG
{
  background-color: white !important;
  filter: none;
}
/*
 *
*/
[responsiveChildWidth]
{
  display: flex;
}
[responsiveChildWidth] > *, [sameChildWidth] > *
{
  flex-grow:1;
}
[responsiveChildWidth] > *
{
  max-width:100%;
  position:relative;
  vertical-align:top;
  display:inline-block;
  margin:10px 5px;
  scroll-margin:5px;
}
SCREEN [responsiveChildWidth] > HAS-MORE
{
  min-width:100%;
}
/*
 *
*/
.hideBars
{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.hideBars::-webkit-scrollbar
{
  display:none;
}
.highlight-canvas
{
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  opacity:0.8;
  position:fixed; 
  z-index:999999991;
  transition:opacity linear 1s;
}
[stickOnTop]
{
  display: block; 
  width: 100%; 
  position: -webkit-sticky;
  position: sticky; 
  top: 0px;
  margin:0px;
  border-radius:0px;
}
[noDrag]
{
  user-drag: none; 
  user-select: none;
  pointer-evnts:none;
  -webkit-user-drag: none;
}
PICKED-COLOR
{
  position:fixed;
  min-width:100px;
  min-height:100px;
  border-radius:50%;
  z-index:99999;
  pointer-events:none;
  border:10px solid red;
  display: flex;
  align-items: center;
  justify-content: center;  
}

H1:empty, H2:empty, H3:empty, H4:empty, H5:empty
{
  display:none;
}
/*
 *
 */
HAS-MORE
{
  display:block;
  margin:10px 0px;
  text-align: center;
  min-width:100% !important;
}
HAS-MORE BUTTON
{
  margin:auto;
  text-transform:uppercase;
}
BODY[feel] SCREEN[feel] HAS-MORE
{
  min-width:100%;
}
MSG-HEADER
{
  display:block;
  font-size:110%;
  font-weight:bold;
}
MSG-CONTENT
{
  display:block;
  padding:5px 0px;
}
/*
 *
 */
PRICE B
{
  margin:0px 2px;
}
PRICE DISCOUNT
{
  font-size:80%;
  margin:0px 4px;
}
PRICE DISCOUNT:before
{
  content:"(";
}
PRICE DISCOUNT:after
{
  content:")";
}
FLOAT-LEFT
{
  float:left;
}
FLOAT-RIGHT
{
  float:right;
}


.red    {color:red;}
.orange {color:orange;}
.green  {color:green;}
.blue   {color:blue;}

:not(POPUP-ROOT) > [showInPopup]
{
  display:none;
}



[w="10"]    {min-width:10px;    max-width:10px;}
[w="20"]    {min-width:20px;    max-width:20px;}
[w="30"]    {min-width:30px;    max-width:30px;}
[w="40"]    {min-width:40px;    max-width:40px;}
[w="50"]    {min-width:50px;    max-width:50px;}
[w="60"]    {min-width:60px;    max-width:60px;}
[w="70"]    {min-width:70px;    max-width:70px;}
[w="80"]    {min-width:80px;    max-width:80px;}
[w="90"]    {min-width:90px;    max-width:90px;}

[w="100"]   {min-width:100px;   max-width:100px;}
[w="110"]   {min-width:110px;   max-width:110px;}
[w="120"]   {min-width:120px;   max-width:120px;}
[w="130"]   {min-width:130px;   max-width:130px;}
[w="140"]   {min-width:140px;   max-width:140px;}
[w="150"]   {min-width:150px;   max-width:150px;}
[w="160"]   {min-width:160px;   max-width:160px;}
[w="170"]   {min-width:170px;   max-width:170px;}
[w="180"]   {min-width:180px;   max-width:180px;}
[w="190"]   {min-width:190px;   max-width:190px;}

[w="200"]   {min-width:200px;   max-width:200px;}
[w="210"]   {min-width:210px;   max-width:210px;}
[w="220"]   {min-width:220px;   max-width:220px;}
[w="230"]   {min-width:230px;   max-width:230px;}
[w="240"]   {min-width:240px;   max-width:240px;}
[w="250"]   {min-width:250px;   max-width:250px;}
[w="260"]   {min-width:260px;   max-width:260px;}
[w="270"]   {min-width:270px;   max-width:270px;}
[w="280"]   {min-width:280px;   max-width:280px;}
[w="290"]   {min-width:290px;   max-width:290px;}

[w="300"]   {min-width:300px;   max-width:300px;}
[w="310"]   {min-width:310px;   max-width:310px;}
[w="320"]   {min-width:320px;   max-width:320px;}
[w="330"]   {min-width:330px;   max-width:330px;}
[w="340"]   {min-width:340px;   max-width:340px;}
[w="350"]   {min-width:350px;   max-width:350px;}
[w="360"]   {min-width:360px;   max-width:360px;}
[w="370"]   {min-width:370px;   max-width:370px;}
[w="380"]   {min-width:380px;   max-width:380px;}
[w="390"]   {min-width:390px;   max-width:390px;}
[w="400"]   {min-width:400px;   max-width:400px;}
[w="450"]   {min-width:450px;   max-width:450px;}
[w="500"]   {min-width:500px;   max-width:500px;}
                      


[rw="100"]  IDAW-RECORD {min-width: 100 !important; width:100%;}
[rw="200"]  IDAW-RECORD {min-width: 200 !important; width:100%;}
[rw="300"]  IDAW-RECORD {min-width: 300 !important; width:100%;}
[rw="400"]  IDAW-RECORD {min-width: 400 !important; width:100%;}
[rw="500"]  IDAW-RECORD {min-width: 500 !important; width:100%;}
[rw="600"]  IDAW-RECORD {min-width: 600 !important; width:100%;}
[rw="700"]  IDAW-RECORD {min-width: 700 !important; width:100%;}
[rw="800"]  IDAW-RECORD {min-width: 800 !important; width:100%;}
[rw="900"]  IDAW-RECORD {min-width: 900 !important; width:100%;}
                                                
[rw="1000"] IDAW-RECORD {min-width:1000 !important; width:100%;}
[rw="1100"] IDAW-RECORD {min-width:1100 !important; width:100%;}
[rw="1200"] IDAW-RECORD {min-width:1200 !important; width:100%;}
[rw="1300"] IDAW-RECORD {min-width:1300 !important; width:100%;}
[rw="1400"] IDAW-RECORD {min-width:1400 !important; width:100%;}
[rw="1500"] IDAW-RECORD {min-width:1500 !important; width:100%;}
[rw="1600"] IDAW-RECORD {min-width:1600 !important; width:100%;}
[rw="1700"] IDAW-RECORD {min-width:1700 !important; width:100%;}
[rw="1800"] IDAW-RECORD {min-width:1800 !important; width:100%;}
[rw="1900"] IDAW-RECORD {min-width:1900 !important; width:100%;}
                                                
[rw="2000"] IDAW-RECORD {min-width:2000 !important; width:100%;}
[rw="2100"] IDAW-RECORD {min-width:2100 !important; width:100%;}
[rw="2200"] IDAW-RECORD {min-width:2200 !important; width:100%;}
[rw="2300"] IDAW-RECORD {min-width:2300 !important; width:100%;}
[rw="2400"] IDAW-RECORD {min-width:2400 !important; width:100%;}
[rw="2500"] IDAW-RECORD {min-width:2500 !important; width:100%;}
[rw="2600"] IDAW-RECORD {min-width:2600 !important; width:100%;}
[rw="2700"] IDAW-RECORD {min-width:2700 !important; width:100%;}
[rw="2800"] IDAW-RECORD {min-width:2800 !important; width:100%;}
[rw="2900"] IDAW-RECORD {min-width:2900 !important; width:100%;}

SCREEN > IDAW-RECORD
{
  height:100%;
  padding:10px;
}


EMBED-POST
{
  padding:10px;
  vertical-align:top;
  display:inline-block !important;
}
EMBED-POST IFRAME
{
  margin:0px !important;
}
EMBED-POST.fb-post:not([gallery]) > SPAN, 
EMBED-POST.fb-post:not([gallery]) IFRAME
{
  width:420 !important; 
  margin-bottom:1px;
}
EMBED-POST.fb-post[gallery]
{
  margin-bottom: -33%;
  width: 420px !important;
}
EMBED-POST.fb-post[gallery] > *
{
  transform: scale(0.76);
  transform-origin: 0px 0px;
}

.expandMargin
{
  display:block;
  margin-left:var(--negMargin);
  width:CALC(100% + 2 * var(--margin));  
}
.autoFitting
{
  display:flex !important;
  flex-wrap:wrap !important;
}
.autoFitting > *
{
  flex:1;
}

FULL-SCREEN-FRAME > BACK
{
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  position: fixed;
  background: black;
  fill: white;
  padding: 4px;
}
FULL-SCREEN-FRAME > BACK svg
{
  width: 30px;
  height: 30px;
  cursor:pointer;
  border: 1px solid white;
  border-radius: 50%;
  padding: 5px;  
}
/**/
LINK-QR-CODE
{
  background: white;
  display: inline-block;
  padding: 30px;
  border-radius: 20px;  
}
LINK-QR-CODE IMG
{
  width:300px;
  height:300px;
}
LINK-QR-CODE DIV.alt:not(:empty)
{
  font-size: 20px;
  font-weight: bold;  
  margin: 0px 0px 10px 0px;
}
LINK-QR-CODE DIV.href
{
  font-size: 15px;  
  margin: 0px 0px 10px 0px;
}
LINK-QR-CODE DIV.scan
{
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0px -20px 0px;
}