.foX1Xj { box-shadow: none; background: #ffffff10 !important; }  .krz6Yj { box-shadow: none; background: #ffffff80 !important; }  .y04tij { background: url('https://vita-min.ir/asset/pic/bg/pat_eid.jpg') !important; }                .vWF9b{ padding: 8px 15px; color: #003060; background: #ffffff50; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .vWF9b:hover { color: #0030a0; background: #ffffff; border: 1px solid #0030a0a0 }      .hRdli { padding: 5px 10px; color: #fff; background: #00a0f0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .hRdli:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }    .kmTUT { padding: 5px 10px; color: #204080; background: #ffffff80; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .kmTUT:hover { color: #0040a0; background: #fff; border: 1px solid #0030a0; padding: 5px 15px; }      .aaoSD { padding: 5px 10px; color: #004080; background: #ffffffa0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .aaoSD:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }                    .arTAv { padding: 4px 6px; transition: .2s; cursor: pointer; border-radius: 4px; position: relative; display: flex; justify-content: center; align-items: center; }    .btnBgAsli { background: #00a0ff; color: #f0faff ; border: 1px solid #f0a0f0a0; }  .btnBgAsli:hover { background: #0080e0 ; color: #ffffff; border: 1px solid #ffffff; }    .c3yxp { min-width: 28px; padding: 0px 1px 1px 2px; display: flex; justify-content: center; align-items: center;}    .fV6O7 { position: relative; background: #d0b000 !important; color: #ffffe0 !important; border: 1px solid #f0a000 !important; text-shadow: 1px 1px 5px #a05000 !important; }  .fV6O7:hover { background: #d0b000 !important; color: #ffffff !important; border: 1px solid #a0a000 !important; }      .l9GxZ { position: relative; background: #fffff0; color: #503000 ; border: 1px solid #f0a00010; text-shadow: 1px 1px 15px #a05000a0 }  .l9GxZ:hover { }  .rNkel { z-index: 100; opacity: 0; position: absolute; transition: .2s; top: -3px; left: -2px; bottom: -3px; right: -2px; display: flex; justify-content: center; align-items: center;   text-shadow: 1px 1px 10px #00b050a0; background: #d0fff0 ; color: #004080; border: 1px solid #0080a050; border-radius: 5px;   transform: scale(.9) rotate(5deg) translate(5px,5px);  }  .rNkel:hover { opacity: 1; transform: scale(1) }        .oXXWC { background: #ffffff20; color: #506070 ; border: 1px solid #50607050; }  .oXXWC:hover { background: #ffffff ; color: #5080a0; border: 1px solid #5060a0a0; }    .fgPax{ padding: 2px 5px; font-size: 85%; }      .jO1JZ { padding: 4px 6px; }  .dGd75 { margin: 4px 6px; }  .vMBPL { margin: 1px 6px; }                                      .jvN68 { text-align: center; padding: 10px; font-size: 95%; color: #0060a0;}  .hmxsj { text-align: center; padding: 10px; font-size: 95%; color: #20b080;}  .nQD4l { text-align: center; padding: 10px !important; color: #506080;}    .xHbRE { padding: 5px !important; direction: rtl !important;}   .nPfVn { display: flex; height: 35px; margin: 3px 1px; min-width: 200px; justify-content: center; align-items: center; cursor: pointer; border-radius: 4px;   background: #a0d0ff30; transition: .2s; color: #002050; direction: rtl; cursor: pointer; }   .qcXVh { height: 30px; margin: 2px 1px; background: #a0d0ff10; }   .rrrNr { cursor: auto !important; margin-top: 10px; background: #ffffff00 !important; color: #006020 !important; }   .egoeT { opacity: 0.65;; background: #f0a0d020; }   .nPfVn:hover { background: #a0d0ff60; color: #0050a0; }   .zomG0 { width: 50%; display: flex; height: 100%; padding: 0px 12px 0px 0px; align-items: center; white-space: nowrap; }   .enYCt { width: 50%; display: flex; height: 100%; padding: 0px 0px 0px 12px; align-items: center; direction: ltr; font-family: cursive; }   .pnDdS { width: 50%; display: flex; height: 100%; padding: 0px 15px 0px 12px; font-size: 90%; align-items: center; justify-content: end; }      .vV3Yg { background: linear-gradient(to right, #ffffff50, #0000c005); border-right: 1px solid #50709010;   font-size: 13px;   white-space: nowrap; display: flex; justify-content: center; align-items: center; padding: 0px 6px; margin: 0px;}               .rC1tl { cursor: pointer; color: #006030; height: 100%; ;}     .wdfgv { white-space: normal !important; width: 355px; display: none !important; transition: 0s !important; }   .k132d { display: block !important; }   .xH0M4 { font-size: 95%; color: #720; }   .lXbZl { padding: 10px 10px 5px 8px; }   .oTcFN { width: 100%; min-width: 100%; max-width: 100%; padding: 5px; background: #fff; box-shadow: 1px 3px 10px #20406020; border: dashed 1px #20406050 !important; max-height: 40px;height: 40px;min-height: 40px; border-radius: 4px; }     .yjYXF { padding: 2px 15px; display: flex; justify-content: center; align-items: center; }   .juAkV { padding: 6px 15px; background: #0050b0; color: #f0f0f0; border-radius: 4px; cursor: pointer; transition: .2s; margin: 0px 5px 0px 15px; }   .juAkV:hover { background: #00a0ff; color: #ffffff; }         @keyframes eWX0Z { 0%{ opacity: 0; transform: translate( 50px, 15px) scale(.9) rotate(4deg); } 80%{ transform: translate( -10px, 0px) scale(1) rotate(-1deg); } 100%{ opacity: 1; transform: translate(0px, 0px) scale(1);} }   .u07dt { opacity: 1; border: 1px solid #20406050; line-height: 1.65; box-shadow:0px 0px 20px #00608050; animation: .25s eWX0Z 1 ; background: #f0f8fff0; padding: 10px 12px; font-size: 95%; ; }   .mSxol { display: flex; padding: 0px 5px; height: 30px; ; margin-bottom: 8px;; }   .ckWjD { height: 100%; display: flex; align-items: center; flex-grow: 1; font-size: 110%; font-weight: bold; }   .uD9Np { height: 100%; display: flex; align-items: center; padding: 0px 5px; }   .vPxYR { display: block; padding: 8px 15px; background: #ffffff50; background: linear-gradient(45deg, #ffffff50, #c0e0ff50, #ffffff80); box-shadow: 0px 0px 10px #ffffff; color: #204060; border: 1px solid #0040a050; border-radius: 2px; cursor: pointer; transition: .2s; margin: 6px;; }   .aA8F9 { margin: 0px 5px; padding: 4px 10px; }   .vPxYR:hover { background: #ffffff; color: #003070; border: 1px solid #0040a0; transform: scale(1.05); }       .sVBQu { font-size: 85%; opacity: .85; padding: 0px 5px; ;}   .wq5wI { font-size: 85%; opacity: .85; padding: 0px 2px; ;}   .t0uMn { font-size: 85%; opacity: .85; padding: 0px 0px 2px 0px; ;}       .xydhR { padding: 5px; overflow: auto;}     .cZwCZ { padding: 5px; overflow: auto;}   .n9RaN { padding: 10px; }     .dcJ9Y { display: flex; min-width: 760px;}   .gIjtI { padding: 5px 0px; ; }   .oXybR { display: flex; position: relative; border-radius: 4px; justify-content: center; align-items: center; min-height: 35px; padding: 0px 9px; border: solid 1px #20406020; margin-left: 2px; background: #fff; white-space: nowrap; overflow: hidden;; }   .nVur2 { border: solid 1px #20406020; background: #2080b0; color: #fff; min-height: 40px; display: flex; justify-content: center; align-items: center; }     .utauu { width: 120px; }   .p2CsG { width: 170px; font-size: 85%; display: block; padding: 7px 9px; }   .b6bd4 { padding: 2px 0px; display: flex; }   .vQ1il { min-width: 80px; display: block; }   .fkFU9 { width: 130px; font-size: 85%; display: block; padding: 7px 9px; }   .kO0ik { width: 75px; }   .qm6gi { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100; background: #d0e0f080; backdrop-filter: blur(1px); }             .qJHft { cursor: pointer; color: #2050a0;; }     .w4ikz { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 30px 40px; background: #00005010;backdrop-filter: blur(8px);; z-index: 100; direction: rtl;}   .lXze5 { position: relative; background: #ffffffb0; backdrop-filter: blur(12px); max-width: 100%; min-width: 200px; height: 100%; border: 1px solid #ffffffa0; display: flex; flex-direction: column; overflow: hidden; box-shadow: 2px 4px 20px #20508050; border-radius: 0px; }     @keyframes bmMxQ { 0%{ opacity: 0; transform: translate( 150px, -200px) scale(1.3); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }   @keyframes hYiAh { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 20%{ opacity: 1; } 100%{ opacity: 0; transform: translate(-250px, 100px) scale(0.75);} }     .ehz2F { animation: .2s bmMxQ 1 ; }   .eFkkH { animation: .2s hYiAh 1 ; }       .gesoL { top: 0px; left: 0px; display: flex; flex-direction: column; min-width: 200px; overflow: auto; overflow-y: scroll;}   .fYqSk { top: 0px; left: 0px; background: #f0f5ff50; width: 170px; overflow: auto; }   .e8Rq5 { display: none !important; }       .nfBWJ { height: 42px; background: #faffff80; border-bottom: 1px solid #2050a050; display: flex; box-shadow: 0px 1px 10px #20406040; z-index: 10;}   .wxrmS { display: flex; justify-content: center; align-items: center; }   .y5wRd { width: 40px; height: 40px; margin-bottom: 1px; background: #a0203020; color: #a10; border-radius: 7px; font-size: 25px; transition: .25s; cursor: pointer;; }   .fW0NA { padding: 0px 5px; flex-grow: 1; display: flex; justify-content: start; }   .j6soJ { padding: 0px 10px;border-left: 1px solid #4060a050; }   .lcDQX { display: block; padding: 4px 10px;margin: 0px 6px; border-radius: 4px; font-size: 90%;; color: #ffffff !important; background: #0090f0; border: 1px solid #0050d0; }   .lcDQX:hover { background: #0000ff; border: 1px solid #0000a0; }   .dPwOq { padding: 10px; background: #00a0f020;color: #0050b0; cursor: pointer; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .bvRSr { padding: 10px; background: #ffb00020;color: #604000; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .ikTm9 { padding: 10px; position: absolute; top: 50px; right: 10px; left: 10px; background: #fffffff0; box-shadow: 2px 5px 20px #20406040; display: none; }   .bvRSr:hover > .ikTm9 { display: block;}     .erNjd { position: relative; display: flex; flex-grow: 1; overflow: hidden; }     .h7n6m { height: 40px; min-width: 900px; display: flex; background: #f0f5fa50; padding: 0px 7px 0px 25px;}   .egIhX { height: 100%; padding: 8px; display: flex; align-items: center; background: linear-gradient(to right, #ffffff20, #0080a010); border-left: 1px solid #4060a030; }   .yNOrl { width: 250px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .rOdvd { width: 200px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .ga84o { width: 100px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }   .i7yhi { width: 60px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }     .n2nFM { width: 90px; overflow: hidden; justify-content: center; ; }   .yRRav { width: 90px; overflow: hidden; justify-content: center; border-left: 4px solid #4060a025 !important; ; }   .imMbv { flex-grow: 1; min-width: 900px; }       .loBi7 { min-width: 900px; background: #ffffff80; box-shadow: 1px 2px 8px 1px #00408030; margin: 6px 6px ; border: solid 1px #30507030; border-radius: 7px; overflow: hidden;; }   .q0biw { display: none !important; }   .cakgQ { height: 38px; padding: 0px 10px; display: flex; align-items: center; background: #ffffff80; box-shadow: 0px 0px 10px #20406020; color: #002070; font-size: 105%; border-bottom: solid 1px #20406030; }   .gGCWk { font-size: 85%; opacity: .85; padding: 1px 6px 0px 0px; }   .yskC8 { display: flex; border-bottom: solid 1px #20406020; font-size: 94%; }   .g9Wum { border-top: 4px solid #4060a025 !important; font-size: 85%;; opacity: .85; }   .y6RDo { background: #f5f5ff; }   .u5lyy { height: 35px; padding: 8px; display: flex; align-items: center; border-left: 1px solid #4060a030; white-space: nowrap;}     .hxxu3 { min-width: 900px; background: #ffffffa0; display: flex; padding: 0px 7px 0px 25px; border-bottom: solid 1px #20406030;; }       .ruzEl { direction: ltr; color: #072; text-shadow: 0px 1px 12px #00ffa085; background: #00d08007; outline: 1px solid #00f00025; outline-offset: -1px }   .fkogW { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff808085 ; background: #d0000006; outline: 1px solid #f0000025; outline-offset: -1px; }     .qTIm8 { margin: 6px; border: 1px solid #20406050 ; border-radius: 8px; overflow: hidden; background: #ffffff80}   .dtslu { padding: 5px 10px; color: #5000a0; background: #ffffff60; box-shadow: 0px 1px 10px #00206050; }   .uleFc { padding: 1px 3px; color: #708080; cursor: pointer; display: flex; transition: .2s }   .m3y4G { padding: 4px; flex-grow: 1;; }   .kCsRE { padding: 4px; }   .vUceH { color: #038; text-shadow: 0px 1px 12px #40a0f0; }     .uRSx5{ display: flex;}   .v5DGr{ padding: 4px 7px;}   .SDB_showTypeItemClick1{ cursor: pointer; transition: .2s; }                                        @font-face { font-family: IRANSansWeb; src: url("https://vitamin-bourse.ir/asset/IRANSansWeb(FaNum)_Light.woff2"); }      /* @font-face { font-family: IRANSansWeb; src: url("chrome-extension://__MSG_@@extension_id__/fonts/IRANSansWeb(FaNum)_Light.woff2"); } */    *{ box-sizing: border-box; text-decoration: none !important }  html, body{ font-family: IRANSansWeb , "Tahoma" !important; line-height:1.6 !important; direction: rtl; text-align: right; }    * { box-sizing: border-box; }  body{ position: relative !important; height: 100% !important;width: 100%; padding: 0px !important;margin: 0px !important;overflow: hidden; }      html{   background: #f0f5fb;   color: #102040;     direction: rtl;  }    .toXlJ { background: #f0f5fb; }  .lSBbG { background: #f0f5fb; }      .fJLvb { color: #102040; }  .uPgGY { color: #405060; }        .uUbbA { box-shadow:2px 5px 10px #00205030, 1px 2px 3px #00305020; outline: 1px solid #5070a040; }  .uUbbA > div:hover { box-shadow: inset 0px 0px 8px #b0d0f0 !important; }  .uUbbA > div:nth-of-type(even) { background: #d5eaf560; background: linear-gradient(to top, #d0e0f080, #ffffff00); }  .uUbbA > div:nth-of-type(odd) { background: #ffffff20; background: linear-gradient(to top, #fffffff0, #ffffff00); }  .uUbbA > div { position: relative;transition: .2s;padding: 0px; height: 100% ; line-height: 1.1; display: flex; flex-wrap: wrap !important; align-content: center !important; justify-content: center; cursor: auto; text-align: center; white-space: normal;}  .dRlgS { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .dRlgS:hover { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }      .uUbbA {   margin:0px !important; direction: rtl; text-align: right; transition: .2s;   align-content: center; white-space:nowrap ; height:36px;   display: flex; line-height: .9;  }  .eNguo { position: relative; z-index: 1000; box-shadow: none; }  .aD46E { display: none; position: absolute; top: 110%; right: 0px; min-width: 200px;  max-width: 400px; padding: 6px 8px; color: #204060;  border-radius: 2px; white-space: normal; line-height: 1.4;  direction: rtl; text-align: right; font-size: 13px;  }  .dd8Zb  {   right: auto; left: 0px;;  }  .w6MlW { cursor: pointer !important; }  .x2SaI { font-size: 85%; line-height: 1 !important; }  .h2f6e { font-size: 75%; line-height: .95 !important; }    .uUbbA > div:hover > .aD46E { display: block; }      .aD46E { background: #ffffff; box-shadow: 2px 2px 10px #a0b0c0; }      .mPVDZ:nth-of-type(even) { background: #f2f7fc85; }  .mPVDZ:nth-of-type(odd) { background: #ffffff85; }    .mPVDZ{ height: 100%; border-left: 1px solid #20406030;}        .wdBwT { border-top: dashed 1px #a0a000; font-size: 90%; color: #700080; }      .x7AOo { background: linear-gradient(to top, #e09000 , #f0a000); text-align: right; direction: rtl !important; font-size: 15px !important; margin: 2px 5px; padding: 5px 10px !important; color: #fff; text-shadow: 1px 2px 8px #b08000; display: flex; justify-content: center; align-items: center; border-radius: 4px !important; }  .x7AOo:hover { background: #f0a000 !important; color: #fff !important; text-shadow: 1px 2px 8px #b08000; outline: 2px solid #805000; outline-offset: -2px ; }        .yqEl0 { color: #004010 }  .zisEm { color: #008020 }  .qnnq7 { color: #008020; font-weight: bold }    .lCCL5 { color: #500000 }  .uNGoZ { color: #a00000 }  .eoMeC { color: #a00000; font-weight: bold }                                          .hrHbx  {     --a34kk : #d0e0f020;   --l4gmd : #f6fbffd8;   --vAXlm : #f5f9fdd0;   --coGHy : 0px 0px 15px #20406025;     --klsnh : #ffffff10;   --heUta : 1px solid #a0b0c010;   --irA50 : #ffffff;   --mYQDV : 1px solid #2050a030;       --lH0cL: #f0000005;   --rsuwU: #a02010;   --kRlBJ: #d0002020;   --nCVcL: #c03000;       --eTAho: #00e00005;   --qYpZh: #009040;   --xRZLs: #00b04020;   --xxjd0: #00b050;       --bzYSm: #a0c0d010;       --ohTT3: #20406010;   --pzNxI: #20406020;   --cVj9p: #20406030;   --us8fy: #20406040;   --hWCsI: #20406050;       --kHnSb: #00408020;   --yMq6H: #00406020;   --oJPuu: #00406030;   --fvnU0: #00406050;       --jZhNd: #20406010;   --grIt7: #20406020;   --rO4Vp: #20406030;   --yZ5Gw: #20406040;   --byY2s: #20406050;       --gvRcG: #ffffff10;   --uPC2v: #ffffff20;   --u9N6V: #ffffff30;   --ow7WH: #ffffff40;   --ioGe8: #ffffff50;   --gpakF: #ffffff80;   --q1BQl: #ffffffa0;     --leQwO: #f5faff10;   --rcVRp: #f5faff20;   --utNaN: #f5faff;         --oi1d0 : #ffffff;   --yq9pG : #00a0ff !important;   --bdBEO : inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important;         --e6FZg: #0080d0;     --fiSRY: #003060;    }              .jN4y1{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 7px; }  .tiPSd{ background: #00a0a0; cursor: pointer; }  .aaREP{ color: #ffffff; font-weight: bold; text-shadow: 1px 1px 7px #005050; }      .miShC {   background: linear-gradient(135deg, #ffcc33, #ff6699);   color: white;   padding: 20px; border-radius: 10px;   max-width: 600px;   margin: 20px auto;  }  .lPs31 { color: #fff; font-weight: bold; margin: 20px 5px; text-shadow: 1px 1px 12px #b000a080; font-size: 22px; }  .gjnnk {   font-size: 20px;   font-weight: bold;   margin: 15px 0;   color: #ff3366;  }  .kZj20 {   background: #ffffffb0;   color: #123;   padding: 15px;   border-radius: 8px;   margin-top: 15px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);  }  .oJV4Z {   font-size: 16px;   color: #555;   margin: 10px 0;   line-height: 1.6;  }  .vfgHJ {   font-size: 18px;   color: #025;   margin: 30px 15px;   line-height: 1.7;  }              *{ box-sizing: border-box;}    a{color: inherit;text-decoration: none !important;}  a:link { color: inherit;text-decoration: none !important; }  a:visited { color: inherit;text-decoration: none !important;}  a:hover { color: inherit;text-decoration: none !important; }  a:active { color: inherit;text-decoration: none !important;}      html{margin:0px !important;padding :0px !important; line-height: 1.4; height: 100%; width: 100%; }      .centerY { display: flex !important; flex-wrap: wrap !important; align-content: center !important; }  .centerX { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }  .wSmk1 { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }  .p0For { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }    .lYzcB { position: relative; width: 100%; height: 100%; overflow: hidden;; }      .Notification{display: none !important}  .load_spin { display: none !important; }  #ModalWindowOuter2 { display: none !important;}        .grWZF { padding: 0px; transition: .3s; cursor: pointer; border: 1px solid #50607020; display: flex; }  .grWZF:hover { background: #00a0ff30; color: #002070; border: 1px solid #0060a060; }  .nDBf3 { width: 30px; min-height: 20px; display: flex; justify-content: center; align-items: center; opacity: .7; }  .ejA4a { padding: 3px 6px; font-size: 90%; ; }  .pIZcb { direction: ltr; text-align: right; }          .foX1X { animation: 1s igtQC 1; background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff) }  .foX1X { position: absolute; top: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex; box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030; }  .aWHhr { background: #ffffff50 !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }      .fjYkz { padding: 0px 8px; height: 100%; margin: 0px; white-space: nowrap;background: linear-gradient(to right, #ffffff20,#ffffff20, #a0c0ff10);border-left: 1px solid #00308010;}  .gh2mM { cursor: pointer; }  .f7mrN { height: 100%; width: 100%; }  .e3NqQ { overflow: auto; cursor: auto; display: none; position: absolute; top: 46px; right: 6px; max-width: 90vw; background: #ffffffa0; box-shadow: 1px 1px 15px #20406050; min-height: 200px; max-height: 90vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }  .gh2mM:hover > .e3NqQ { display: block; }  .hUdl6 { display: block; border: 1px solid #20407050; top: 42px; right: 2px; box-shadow: 1px 3px 20px #20406080; background: #ffffffc0; }       .jW5od { display: flex; height: 92%; min-width: 225px; }   .eIuhh { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 2px; z-index: 100 }   .n82S2 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; opacity: 0; transition: .4s; transform: translate(10px,0);; }   .hqOIE { animation: 7s cIEUv forwards; }   .wyJnf { position: absolute; bottom: 0px; right: 0px; left: 0px;; }   .kVasE { display: flex; height: 100%; white-space: nowrap; align-items: center; padding: 0px 8px; }   .bCBbR { display: flex; white-space: nowrap; direction: ltr; }     .eOf6c { display: flex; height: 14px; width: 100%; position: relative; background: #fff; border-radius: 3px; }   .iShc3 { height: 7px; }   .ghUiV { height: 100%; }   .fVnNZ { background: #c00030; }   .oD3J6 { background: #ff3000; }   .gTGQq { background: #00c060; }   .vXq33 { background: #30a000; }     .x0ZOW { z-index: 100; background: #fff; }   .amMj4 { display: flex; padding: 0px; font-size: 90%; }   .c5VmJ { min-width: 100px; ; }     .b8rsv { }   .t724Y { padding: 6px 0px !important; display: flex; justify-content: center; align-items: center; }   .mrC8r { padding: 1px 0px 5px 0px !important; display: flex; justify-content: center; align-items: center; }   .uDaZD { height: 26px !important; }   .oY456 { height: 26px !important; padding: 0px 5px; display: flex; align-items: center; }     .mbE2m { padding: 4px 5px !important; display: flex; flex-direction: column; justify-content: space-around; margin-top: 4px; min-width: 310px; height: 400px; overflow: auto; background: #fafdfe; }   .awtbf { padding: 4px 5px !important; flex-grow: 1; width: 100%; position: relative; }       .vVEot { display: flex; height: 28px; align-items: center; padding-left: 5px; }   .sXq7T { padding: 0px 5px 0px 10px; min-width: 50px; font-size: 110%; font-weight: bold; }   .iu5JD { padding: 3px 5px 0px 0px; font-size: 80%; opacity: .9; }   .a2vfS { padding: 2px 8px 0px 0px; font-size: 100%; }   .vSBvb { direction: ltr; font-size: 110%; width: 55px; display: flex; justify-content: center; font-weight: bold; }   .j8iYi { padding: 4px 4px 4px 0pxx; font-size: 85%; font-weight: normal; }   .q13H5 { color: #008020; }   .hpRTP { color: #800010; }     .dNp4Z { padding: 2px; width: 100%; }   .pUVha { display: flex; width: 100%; }   .dEjqq { display: flex; justify-content: center; width: 20%; }   .aJJyP { padding: 1px 0px 0px 6px; font-size: 90%; background: linear-gradient(to left, #ffffffa0, #ffffff00); border-radius: 0px 4px 4px 0px; }   .qO7ft { padding: 0px 1px; font-weight: bold; }   .rEXGW { font-size: 80%; }         .yonS9 { position: relative; padding: 20px 5px 5px 5px !important; }   .e8yQR { position: absolute; top: -4px; right: 5px; padding: 2px 8px; font-size: 95%; border-radius: 4px; z-index: 100;; }   .d5Sum { height: 25px; align-items: center; background: #ffe0ff20; margin: 4px 3px;   position: relative; padding: 0px 10px; border-radius: 4px; border: 1px solid #20406030;   }   .dqmN8 { position: absolute; padding: 0px 10px; z-index: 10; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center ; border-radius: 4px;}   .vFAvk { position: absolute; z-index: 5; opacity: .8; top: 0px; bottom: 0px; left: 0px; background: #e0f0ff; border-radius: 4px; background: linear-gradient(to top, #e0f0ff , #e0f0ff, #e0f0ff ); background: linear-gradient(to top, #a0c0ff50, #d0f0ffa0, #e0f0ffb0 ), linear-gradient(to right, #e0f0ff, #d0f0ff, #a0c0ff ); }   .dhmNp { position: absolute; z-index: 15; opacity: 0; transition: .2s; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #c0f0f0; border-radius: 4px; display: flex; padding: 0px 10px; align-items: center; justify-content: center; }   .d5Sum:hover > .dhmNp { opacity: 1;}     .cAVaP { display: flex; height: 25px; align-items: center; }   .uNss4 { padding: 0px 0px 0px 8px; min-width: 60px;; }   .c2JWb { flex-grow: 1; padding: 0px 8px; direction: ltr; text-align: left; }   .id08u { padding: 0px 8px; color: #003060; font-size: 90%; padding-top: 2px; min-width: 50px; }     .utxiU { }   .nu4jr { padding: 0px 0px 0px 2px; transform: scale(.8) !important; opacity: .8; }   .xeS2E { color: #007020; display: flex; padding-left: 7px; }   .al6NE { color: #900000; display: flex; padding-left: 7px }   .e15y8 { font-size: 90%; }       .uo7Zg { padding: 5px; width: 250px; }   .qpxW6 { padding: 1px; font-size: 90%; opacity: .9; }   .zjG5I { padding: 2px 10px 0px 0px; display: flex; }   .jxjg8 { padding: 0px 45px 4px 0px; display: flex; font-size: 90%; }     .hN2kq { width: 280px; white-space: normal; line-height: 1.6; padding: 6px 12px; margin: 6px 5px; border-radius: 4px; box-shadow: 3px 0px 10px #20406015; background: #ffffff; }      .ag5MQ { margin-bottom: 10px; }  .sNCX1 { padding: 15px ; }  .uaCTO { padding: 15px 20px; }    .o6xP9 { cursor: pointer; background: #f0f5faa0; position: relative; display: flex; flex-wrap: wrap; transition: .2s;   border-bottom: 1px solid #20406020; height: 75px;   border-top: 1px solid #20406020; height: 75px;   margin: 1px 0px;;  }  .o6xP9:hover { background: #ffffff; z-index: 5; box-shadow: 1px 2px 20px #20407030; }  .d3MRd { background: #e0f0ff !important; height: 30px;; cursor: auto !important; background: linear-gradient(to bottom, #ffffffa0, #d0e0ffa0 ) !important; z-index: 10; padding: 5px 0px; box-shadow: 1px 5px 15px -2px #20406070 !important ; margin-bottom: 5px; }  .g2iP5 { overflow: hidden; white-space: nowrap; direction: ltr; position: relative; border-left: 1px solid #20406030; display: flex; justify-content: center; align-items: center; }  .a23i0 { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 0px; }  .mOOcm { padding: 8px 0px; }  .sfOyL { opacity: .9; font-size: 85%; padding: 5px 0px; }  .gDe2k { width: 100%; flex: 1; display: flex; align-items: center; direction: ltr; padding: 0px 6px;; position: relative; }  .tq3hZ { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; padding: 0px 6px;; position: relative; }  .gP02S { padding-left: 10px; font-size: 90%; }  .vIEcS { font-size: 85%; }  .apsXe { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .acYmM { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .xgReD { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0ff50; }  .dOCaD { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a02025; }  .hQdwk { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #b0002020; }  .rA4WR { z-index: 100; }  .oM1Ea { direction: rtl; font-size: 105%; color: #204070; }    .q3ofS { background: #00b03005; text-shadow: 1px 2px 10px #00a03060 ; }  .kSoig { background: #e0100005; text-shadow: 1px 2px 10px #d0100060 ; }    .bBtCg { padding: 0px; }        @media (max-width: 700px)  {  .npj4U { display: none; }  }      .ypgB1 { position: absolute; left: 45px; display: flex; height: 32px; padding: 0px 4px; background: #fff0f0;   border-radius: 0px 0px 5px 5px; box-shadow: inset 0px 0px 20px #ffffff, 1px 1px 4px #60006060;   animation: 1s b0iJJ 1; transition: .25s; transform: translate(0px,0px); outline: 1px solid #f0a0f0;  }  .zwgy4 { transform: translate(0px,-50px) !important; }    .lM05d { position: absolute; left: 180px; border: 1px solid #00805050; opacity: .8; cursor: pointer; display: flex; height: 28px; padding: 0px 5px; background: #f0ffff; color: #008050; justify-content: center; align-items: center; transition: .2s; ; border-radius: 0px 0px 2px 2px; }  .lM05d:hover { height: 40px; padding: 0px 6px; opacity: 1; border: 1px solid #008050a0; background: #ffffff; color: #00a050; box-shadow: 0px 0px 8px #0040a050;}    .xqo7f { position: absolute; left: 0px; height: 0px; top: 40px; }  .ggvYA { max-width: 300px; margin: 5px 0px 6px 15px; padding: 5px 8px; border: 2px solid #20406030; font-size: 110%;   border-right: 4px solid #2040a080; animation: 3.5s minXL 1; animation-fill-mode: forwards;   background: #fff; transform: translate(-400px,0px); min-width: 320px; max-width: 350px; }   .no8Sn { border-right: 4px solid #c00020; color: #800010; }   .i27xy { border-right: 4px solid #00a060; color: #006010; }  .f2mHc { animation: 5s minXL 1; animation-fill-mode: forwards; }  .niZdm { animation: 6s fbG8U 1; animation-fill-mode: forwards; }  .igI4t { animation: 7s fbG8U 1; animation-fill-mode: forwards; }  .rdNmu { animation-delay: 0.5s; }  .jusTi { animation-delay: 1s; }      .uHUvh { display: flex; height: 100%; }  .witHy { height: 100%; }  .lBL5S { height: 100%; border-radius: 10%; }  .whOxA { height: 100%; aspect-ratio: 1/1; min-width: 30px; transition: .2s; color: #506070; }  .dBFOZ { height: 100%; padding: 0px 5px; min-width: 35px; overflow: hidden; display: flex ; flex-wrap: nowrap ; align-items: center; justify-content: center; }    .vE3hF { font-size: 85%; }  .aBzi5 { opacity: .5 ; }  .i9le0 { opacity: .85 ; color: #00a030; }  .dmPax { opacity: .85 ; color: #d0c000; }  .kSM4S { opacity: .85 ; color: #d01000; }    .kplFB { position: absolute; top: 5px; left: 5px; color: #d02000; animation: 1.5s kplFB 1; opacity: 0; }  .m59eq { position: absolute; z-index: 1000; top: 5px; left: 8px; color: #008040; animation: 1.2s m59eq 1; opacity: 0; }      .myExitIcon1 { transition: .2s; color: #a06070; height: 100%; width: 40px; }  .myExitIcon1:hover { color: #b00020; background: #f0405020 }  .knATX { height: 100%; }  .rRuCj { height: 100%; transition: .2s; min-width: 35px; }  .bWfh4 { transform: scale(1.1) translate(0px, 2px) !important; opacity: .7; }  .rRuCj:hover { background: #f0e0ff; }  .myExitExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap;}  .myExitExtraItem1:hover { background: #f0405030 ; color: #600000; }                  .c0Se2{ z-index: 14000; position: absolute; top:0px !important; left:0px !important; right: 0px ; bottom: 0px; overflow: hidden;}  .wGlud{ z-index: 14000; position: absolute; top:30px !important; left:0 !important; right: 2px ; bottom: 26px; }  .pwek9{ z-index: 14000; position: absolute; top:32px !important; left:0px !important; right: 0px ; bottom: 0px;}  .n2FmE{ bottom: 0px; top: 0px !important; }  .t76cu{ overflow: auto; }    .h7lmX{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}  .xVenD{ width: 100%; height: 100%; position: relative;}  .zkaxy{   z-index: 2;   background: #f5fcffd0;   box-shadow: 0px 12px 15px -12px #20406020;  }  .i9Rwg{ z-index: 2; }  .fT9f2{ flex-grow: 1; overflow: hidden; z-index: 1; }    .sUHnI { position: relative; z-index: 3;height: 28px; font-size: 90%; max-width: 90%;display: flex; direction: rtl; text-align: right; margin: 1px 0px 0px 0px;}  .ooat2 { position: relative; z-index: 2;height: 30px; font-size: 85%; margin: 3px 0px; max-width: 90%;display: flex; direction: rtl; text-align: right;}    .xnaua { height: 100%; max-height: 32px;; margin: 1px 0px; border: 1px solid #50605015; transition: .2s; background: linear-gradient(to right, #fcfeff,#fafcff, #f5fcff);position: relative; white-space: nowrap; padding: 0px 4px;}    .xnaua:hover{ background: #ffffff; border: 1px solid #a0b0c0; box-shadow: 0px 0px 7px #60709040; z-index: 10;}    .gjBFf { min-width: 20px; animation: .4s gjBFf 1 ; max-width: 180px;}  .xnaua:hover > .gjBFf { max-width: fit-content}  .wYE0D { min-width: 20px; animation: .4s gjBFf 1 ; max-width: 225px;}  .pZCCE { font-weight: bold;}  .npj4U { font-size:75%; animation: .4s gjBFf 1 ; }    .hpql3 { display: flex; height: 100%; padding: 1px; }   .oBQRa{ height: 100%; background: #00a0ff20;   background: linear-gradient( -45deg,#ffd0ff,#fffdff,#ffe5ff );     margin: 0px 5px; font-size: 110%; outline-offset: -1px; outline: 1px solid #0050a050; padding: 0px 8px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}   .oBQRa:hover{ background: #00a0ff30; background:linear-gradient( -45deg,#e0a0ff,#ffffff,#f0d0ff ); outline: 1px solid #0050a0a0; }     .we4mi { position: relative; }   .wxcdB { height: 100%; position: relative; overflow: auto;   background: linear-gradient( -45deg,#c5eaff,#f2ffff,#d8f0ff );     margin: 0px 2px 0px 5px; font-size: 105%; outline-offset: -1px; outline: 1px solid #0050a050; padding: 0px 8px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}   .wxcdB:hover { background: linear-gradient( -45deg,#80e0ff,#ffffff,#a0e0ff ); outline: 1px solid #0050a0a0; }   .cHznn { height: 500px; padding: 2px 3px 40px 5px; transition: .2s; display: none; transform: translate(-50px,-50px); width: 300px; z-index: 100; overflow: auto; top: 100%; right: 0px; position: absolute; background: #f0f8fdf0; border: 1px solid #20406020; box-shadow: 2px 10px 25px -8px #00306060; border-radius: 5px ; }   .dEMHl { display: block; transform: translate(0px,0px); }   .tCiBy { padding: 5px ; display: flex; }   .bYf44 { padding: 5px 0px; }   .o82WP { padding: 3px 5px; font-size: 85%; }   .wE2Wx { border: 1px solid #5080a015; background: #f8fbff; border-right: 4px solid #5080a050; box-shadow: 0px 5px 15px -5px #20406020; margin: 0px 4px; border-radius: 6px; }   .hUpT4 { display: flex; height: 25px; white-space: nowrap; opacity: .7; position: relative; }   .hUpT4:hover{ z-index: 100; }   .isQ8M { cursor: pointer; transition: .2s; opacity: 1; }   .isQ8M:hover { background: #fff; color: #0020a0; }   .jm5uC { display: flex; align-items: center; width: 220px; height: 100%; padding: 0px 7px; overflow: hidden; border: 1px solid #00a0f000; }   .jm5uC:hover { color: #002080; border: 1px solid #00a0f050 }   .xXvef { display: flex; align-items: center; width: 100%; height: 100%; padding: 0px 7px; }   .nIWrQ { display: flex; justify-content: center; align-items: center; width: 25px; height: 100%; background: #00a0ff10; border-radius: 5px; margin: 0px 1px; opacity: .4; transition: .2s; }   .ksYgA { opacity: .9; color: #d00000; }   .nIWrQ:hover { background: #00a0ff30; opacity: 1;}   .jphD4 { display: none; opacity: 0; transition: .2s; }   .iA3ls { display: block; opacity: 1;padding: 1px 5px 10px 5px; }   .sbYVi { border: 1px solid #00a0ff15; border-right: 4px solid #00a0ff; }   .rpqS1 { border: 1px solid #00c05015;border-right: 4px solid #00c050; }   .rhzlo { border: 1px solid #00c05015;border-right: 4px solid #f00080; }    .g5wbo{ background: #ffa00000; cursor: pointer; outline: 1px solid #f0002010; margin: 0 5px; padding: 0px 6px; outline-offset: -1px; }  .zUUL1{ background: #ff005000 !important; opacity: 1; cursor: auto; outline: 1px solid #f0002020 !important ; }  .g5wbo:hover{ background: #ff000015; opacity: 1; }        .hP3IP { display: flex; height: 100%; padding: 1px 0px; align-items: center; }   .jaeVL { padding: 6px; color: #204060 !important; }   .e8tT7 { display: flex; justify-content: center; align-items: center; height: 28px; width: 28px; opacity: .9; border-radius: 5px; border: 1px solid #0080f050; background: #f0faff; cursor: pointer; transition: .2s; }   .l9avY { border: 1px solid #f050c0a0; background: #fff5fa; color: #800000; }   .kkmjL { border: 1px solid #20a0c0a0; background: #f0faff; color: #006030; margin-right: 5px; }   .oLdCc { color: #004080; }   .e8tT7:hover { border: 1px solid #0000f0; }   .l9avY:hover { border: 1px solid #f050c0; }   .kkmjL:hover { border: 1px solid #20a0c0; }   .m8bGy { border: 1px solid #0000f0 !important; background: #fff !important; }     .bofEQ { display: flex; height: 100%; padding: 1px 0px; align-items: center; transition: .3s; width: 0px; }   .wrD9H { padding: 1px 5px; width: 100px; }   .oRFnt { height: 100%; min-width: 35px; padding: 0px 4px; display: flex; justify-content: center; align-items: center; }   .xvp1Z { width: 50px !important; }      .eYl9r { display: flex; flex-wrap: nowrap !important; align-items: center; padding: 0px 6px; }  .dqRPU { display: flex; flex-wrap: nowrap !important; white-space:nowrap }  .iJfyk { display: flex; flex-wrap: nowrap !important; height: 100%; }  .pHhSp { font-size: 90%; }  .tUOCq { font-size: 80%; }    .ymbNt { display: flex; padding: 0px 5px; }  .lfhWA { display: flex; align-content: center !important; justify-content: center; padding: 0px 5px; line-height:1.1; flex-wrap: wrap; }  .fiMv4 { position: relative; cursor: pointer; }  .hiRhH { position: absolute; opacity: 0; animation: g51is 0.7s 1; z-index: 2; background: #ffffffe0; background: linear-gradient(to top,#ffffff20,#ffffffe0,#ffffffe0,#ffffff20); border-radius: 5px; top: 5px; left: 5px; right: 5px; bottom: 5px; display: none; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 95%; color: #801; }  .lfhWA:hover > .hiRhH { display: flex; }    .j71Wu { padding: 0px 6px 1px 8px; font-size: 90%; white-space: nowrap; border-radius: 0px 5px 5px 0px; }  .tElaN { color: #065; padding: 2px 5px 0px 5px }  .zCW9P { color: #05a; background: linear-gradient(to left, #00aff020,#00aff010) !important; border: 1px solid #0050af40; border-left: none; border-right: none; border-top: none; }  .zCW9Pt { margin-right: 4px !important; border: 1px solid #0050af40; border-left: none; border-top-style: dashed; }  .zCW9Pb { background: #00aff010; }  .tAxVI { color: #082; background: linear-gradient(to left, #00b05020,#00b05010) !important; border: 1px solid #00803040; border-left: none; border-right: none; border-top: none;}  .tAxVIt { margin-right: 4px !important; border: 1px solid #00803040; border-left: none; }  .tAxVIb { background: #00b05010; }  .qAwMl { color: #c01; background: linear-gradient(to left, #ff500020,#ff500010) !important; border: 1px solid #c0001040; border-left: none; border-right: none; border-top: none;}  .qAwMlt { margin-right: 4px !important; border: 1px solid #c0001040; border-left: none; }  .qAwMlb { background: #ff500010; }  .pcpbk { color: #554; background: linear-gradient(to left, #a0a08020,#a0a08010) !important; border: 1px solid #60605040; border-left: none; border-right: none; border-top: none; }  .pcpbkt { margin-right: 4px !important; border: 1px solid #60605040; border-left: none; }  .pcpbkb { background: #a0a08010; opacity: .85; font-size: 85%; }        .uNCjU{ margin-right: 8px !important }    .ykyrP{ left: 355px !important; }      .iNY8e { display: flex; ; }  .rdoYW { display: flex; flex-wrap: wrap; min-width: 171px; }  .ptfxg { width: 30px; display: flex; justify-content: center; align-items: center; }    .vLZ4S { padding: 4px; cursor: pointer; display: flex; }  .mM51n { min-width: 45px; padding-top: 2px; font-size: 85%; }  .kiaff { min-width: 70px; font-size: 105%; }  .vjLA0 { min-width: 50px; text-align: left; direction: ltr ;}        .rUzT8{ z-index: 1 !important; font-size: 14px; }  .rUzT8 > div { position: relative; display: flex; flex-wrap: wrap; flex-direction:column; padding-top: 5px;; }  .dW6u8{ z-index: -1 !important; position: absolute !important; top: 0px; right: 0px; bottom: 0px; display: flex; background: #ffffff35;}  .dLZ5c{ right: 3px !important }    .rUzT8  {   background: #f0faff60;     direction: rtl !important; text-align: right !important;   width: 100%; height: 100%; overflow: auto;   box-shadow: inset 0px 0px 30px 2px #00a0f020;  }  .cIm3n { left: 355px !important; }                        .iMsCD { height: 100%; display: flex; align-items: center; width: 100%; }  .gSo7N { height: 100%; display: flex; padding: 0px 5px; }  .v6vio { height: 100%; display: flex; padding: 0px 5px; }  .krz6Y{ position: absolute; font-size: 90%; bottom:0px; height: 26px; right: 0px; left: 0px ; direction: rtl;   box-shadow: 0px 0px 5px #00305040; background: #f6fafe;   animation: 1s cUSl0 1;  }    .u4mYt { display: flex; line-height: 1 ; height: 100%; align-items: center; padding-right: 9px;position: relative; }  .nPIWd { padding: 4px 6px !important; white-space: nowrap; }   .rJBSr { align-items: center; white-space: nowrap; display: flex; }    .lkpw5 {display: flex; height: 100%; max-height: 40px; justify-content: center; align-items: center;}    .gTqu3 { left: 355px !important; }  .twyIh { height: 100%; min-width: 60px; padding: 0px 6px; display: flex; white-space: nowrap; z-index: 1;   border-left: 1px solid #a0b0c050; background: linear-gradient(to left, #50a0c010, #ffffff15);   justify-content: center; align-items: center; position: relative;  }  .vFEFz { position: relative; height: 100%; }   .jeT8f { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; }  .nue8Z { height: 100%; min-width: 80px; width: auto; padding: 0px 5px; justify-content: flex-start; direction: ltr; }  .loWOD { height: 100%; width: auto; direction: ltr; }  .iPLeq { color: #007090; }  .mHp6u { z-index: 100; position: absolute; top: 0px; min-height: 100%; right: 0px; left: 0px; background: #f0f5fe; padding: 8px; white-space: normal !important; line-height: 1.7;}  .kbm5M { position: absolute; padding: 3px; left: 1px; bottom: -5px; border-radius: 50%; background: #ffffff50; z-index: 100; ; }  .twyIh:hover { z-index: 2;}  .lUsNc { font-size:70%; opacity: .9; padding-left: 5px; }  .smDaO { width: 42px; min-width: 40px; }  .hCHy6 { opacity: 0.7; transform: scale(.9); }  .gAHea { transform: scale(.95) translate(8px,0px); }  .smDaO:hover >div > .hCHy6 { opacity: 1; }  .hCHy6:hover { opacity: 1; }    .ia5vr { padding: 7px 10px !important; font-size: 110%; color: #002050; background: #ffffffa0 !important; display: flex; justify-content: center; align-items: center; }  .v8Eya { padding: 0px 9px 5px 9px !important; font-size: 94%; opacity: .95; white-space: normal !important; }  .rWacW { display: flex; border-bottom: 1px dashed #20406030; padding: 0px !important; background: linear-gradient( to right, #ffe0f050,#ffffff80 ,#d0fafa80 ) !important;}  .jTIDG { justify-content: center; align-items: center;}  .ei4xy { display: flex; width: 105px; padding: 5px 10px; border-left: 1px dashed #20406030; }  .lV9Eb { display: flex; padding: 5px 10px; white-space: normal; width: 150px; }    .fjkCQ{ color:#607090; opacity: .3; }  .ybstG{ color: #f00000; }  .kqvgT{ color: #f0a000; }  .qWVQr{ color: #008020; }      .v2r47{ white-space: nowrap; display: flex; justify-content: center; align-items: center; }  .a259g { cursor: pointer; transition: .2s; opacity: .8; padding: 0px 10px 0px 0px; transform: scale(.9) translate(0px, -2px); }  .a259g:hover{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px); }      .twyIh:hover > .q4VtT{ display: block; bottom: 100%; ; }      .intcL { padding: 0px 6px; font-size: 95%; display: flex; justify-content: center; align-items: center; }  .zjW53 { width: 10px; height: 10px; border-radius: 50%; background: #e00000; margin: 2px 2px 4px 3px; opacity: .6; }  .oQ19O { color: #e00000; padding: 3px 2px 2px 2px; font-size: 80%; }  .dQtoY { color: #204060; padding: 3px 2px 2px 2px; font-size: 80%; }  .ubAdd { padding-right: 4px; }              .xn1Tr { position: relative; overflow: hidden; }  .h8McP { position: absolute; opacity: 0; transition: .2s; max-height: 500px;overflow: auto; padding: 1px; }    .h8McP { background: #fffffff0; box-shadow: 2px 3px 8px #80a0b0a0; border: 1px solid #ffffff60; }  .keAZy { padding: 7px; }    .iNXPO { background: #201040f0;border: 1px solid #f0f0f050; box-shadow: 5px 10px 30px #004040}  .h8McP > div { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .pU2V5 { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .gHaeb { opacity: .6; background: #50607010;}  .udrTu { cursor: pointer; transition: .2s; border-radius: 5px; }  .udrTu:hover { background: #e5f2ff; outline: 1px solid #a0d0ff; outline-offset: -1px ; }  .uNNCt { opacity: .7; }    .pOsst { display: flex;}    .wdBwT { margin-top: 5px; width: 300px; padding: 5px; white-space: normal; }    .pAe31 { top: 99%; right: 0px; transform: scale(.9) translate(20px, 8px); }  .uA0M2 { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .x3ZZw { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .jmIbO { top: 125%; }  .jjnud { bottom: 99%; right: 0px; transform: scale(.9) translate(20px, -8px); }  .g5fxm { bottom: 99%; left: 0px; transform: scale(.9) translate(-20px, -8px); }  .n8GUA { bottom: 125%; }  .pUpJD { top: 125%; }    .xn1Tr:hover { overflow: unset; }  .gcXhu { overflow: unset; }  .xn1Tr:hover > .h8McP { opacity: 1 !important; transform: scale(1) translate(0,0); }  .xn1Tr:hover > .x3ZZw { opacity: 1 !important; transform: scale(1) translate(-100px,0); }  .oUtve { opacity: 1; transform: scale(1) translate(0,0); }    .iNXPO { white-space: nowrap; font-size: 80%; }      .tw7gm { width: 100%; padding: 5px 0px 1px 0px; flex-direction:column; position: relative; display: flex; }  .sVHxl { width: auto !important; padding: 5px 0px 1px 0px; flex-direction: row !important; position: relative; display: flex; }  .cxuSF { }  .uCun6 { flex-direction: column-reverse !important; }  .wrlyX { height: 0px !important; }      .ritm { cursor: pointer; width: 100%; }  .ritm > div { position: relative; direction: ltr; align-content: center; border-left: 1px solid#20406020;overflow: hidden ;   justify-content: center ; align-content: center !important; display: flex !important; flex-wrap: wrap !important;   height: 100%;   white-space: nowrap }    .wXiA0 { border-right: 4px solid #0010f060 }  .iZi10 { border-right: 4px solid #00e01060; }  .v4TTc { border-right: 4px solid #f0002060; }    .wjVNE { border: 1px solid #20406050; border-radius: 4px; overflow: hidden; margin: 4px;; }    .h8fQq { align-content: center !important;display: flex !important;   background: #f8fafcd0;   outline: 1px solid #00205015;  }  .bgw67 {   box-shadow: 0px 0px 5px #20406020; margin: 2px 0px;   outline: 1px solid #00205050;  }    .h8fQq:hover { background: #0050f025 !important; }  .yZAvw { background: #ffe0e8; display: flex; overflow: hidden; }  .xiUUc { display: flex; align-items: center; padding: 0px 6px; height: 100%; }  .b6AXW { background: #fff0ff50; width: 50px; font-size: 90%; color: #d00000; justify-content: center; }  .rcsR2 { background: #ffffff50; width: 100px; }  .a34wZ { background: #ffffff50; font-size: 85%; }    .b0edB { outline-offset: -1px; ; }    .f0rPO { background: #00a0f020 !important;   border-radius: 7px;   outline: 2px solid #0080e080;   color: #003090;   outline-offset: -2px;  }      .y22y5 { animation: .2s y22y5 1 ;padding: 10px 8px; }  .ni8Uk { display: flex; flex-wrap: wrap; padding: 5px; }  .mryrY { display: flex; flex-wrap: wrap; padding: 15px 12px 10px 10px; }  .zDFkZ{ margin: 5px; border: 1px solid #50607030; box-shadow: 3px 3px 5px #5070a020; background: #fff; }  .e8nxV{ padding: 10px 7px 5px 7px; font-size: 95%; color: #405070; }  .ssmEx{ padding: 0px 5px 5px 5px; font-size: 65%; color: #708090; }  .w4HFe{ display: flex; flex-wrap: wrap; position: relative; }  .yLvXJ{ display: flex; flex-wrap: wrap; width: 28px; height: 28px;   border: 1px dashed #50607030; opacity: .8; transition: .2s; color: #506070;   justify-content: center; align-items: center; cursor: pointer; }  .yLvXJ:hover { border: 1px solid #50607050; opacity: 1; color: #004080; }  .jvAhG{ position: absolute; left: 0px; right: 0px; top: 105%; background: #fff; box-shadow: 3px 3px 5px #5070a050;   display: none ; font-size: 13px; padding: 5px; z-index: 1; }  .yLvXJ:hover > .jvAhG{display: block;}  .zHrzL { border: 1px solid #5060a0; box-shadow: 3px 3px 5px #0070a050; }  .kREDl{ position: absolute; left: 0px; right: 0px; top: 105%; background: #fff; box-shadow: 3px 3px 5px #5070a050;   display: none ; font-size: 13px; padding: 5px; z-index: 10; }  .haXky{display: block;}  .odBgA{ animation: .3s odBgA 1 }  .rJG8U { animation: .3s rJG8U 1 }  .tiAUO{ color: #406080; transition: .2s; padding: 10px 15px; cursor: pointer; }  .tiAUO:hover{ color: #0000a0; outline: 1px solid #40a0f0; }    .oSxLx{ padding:10px 15px; font-size: 95%; color: #405060; width: 100%; line-height: 1.7; }    .dZ3BN{ padding:10px; color: #405060; width: 100%; max-width: 700px; }  .a6Mwy{ padding:2px; width: 100%; }  .vGH7J{ padding-left: 8px; }  .bFjFL{ color: #a00000; cursor: pointer; transition: .2s; font-size: 100%; font-weight: bold; padding: 0px 4px;; opacity: .9;; }  .pfRoo{ color: #058; cursor: pointer; transition: .2s; font-size: 92%; opacity: .9; padding-right: 10px; font-weight: bold; }  .pfRoo:hover{ color: #05a; opacity: 1; }  .bFjFL:hover{ color: #b00050; opacity: 1; }    .zl6x0 { outline: 1px solid #40608025; border-radius: 5px; box-shadow: 4px 4px 10px #40507025; padding: 8px; margin: 9px 5px; background: #ffffff; display: flex; flex-wrap: wrap; }  .zStUl { display: none !important; }  .uZSUn { padding: 6px; min-width: 80px; }  .o8Hud { flex-grow: 1; }  .g3EIu { display: flex; flex-wrap: wrap; padding: 7px 5px 6px 5px; font-size: 90%; }  .qZpJa { display: none !important; }  .dd5GX { white-space: nowrap; opacity: .9; min-width: 100px; }  .i7Y1s { color: #304060; flex-grow: 1; padding: 0px 10px; margin: 0px 8px 0px 0px; border-right: 1px dashed #506070a0; min-width: 100px; }  .sAuoB { color: #402020 !important; opacity: .5 !important; }  .d0VYR { position: relative;; }  .svfvC { padding: 7px; display: flex; justify-content: center; align-items: center; position: absolute; background: #fff0f0f0; opacity: 0; border-radius: 6px; transition: .2s; top: -5px; left: -5px; right: -5px; bottom: -5px; cursor: not-allowed; z-index: 10; }  .svfvC:hover { opacity: 1; }  .yZ5Sw { width: 100%; padding: 7px 5px 4px 5px; font-size: 90%; opacity: .9; }  .grxfg { padding: 7px 15px 10px 15px; font-size: 85%; opacity: .9; }  .yZ5Sw:hover { opacity: 1; }  .lhHpd { display: none; }    .h8xR9 { border: 1px dashed #00408080; outline: none !important; padding: 4px 7px; border-radius: 5px; box-shadow: 2px 2px 5px #40506020; }  .wS4Am { width: 100%; max-width: 800px; height: 300px; ; }  .lbvDV { text-align: left; direction: ltr; }  .wtuJB { width: 50px; }    .aS1eF { padding-right: 7px; }        .a116J { display: flex; }  .cwjNX { display: flex; justify-content: center; align-items: center; padding: 5px;; }  .nWn9D { display: flex; justify-content: center; align-items: center; padding: 5px;; }    .j1IT7 { width: 100%; max-width: 500px;;;}  .oZI4g { padding: 5px; margin: 5px; }  .fh2zO { padding: 5px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }  .fh2zO:hover { padding: 5px; margin: 5px; border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }  .omXbO { display: flex; padding: 2px; width: 100%; max-width: 200px; height: 34px; align-items: center; ; }  .hu2uO { display: flex; min-width: 100px; padding: 0px 5px;; }  .fcIT9 { width: 50px; height: 100%; direction: ltr; }  .f2Bfc { width: 100%; height: 100%; background: #ffffffa0; outline: 1px solid #20406030 ; display: flex; justify-content:center; align-items: center; }      .ahP0u { width: 100%; display: flex; flex-wrap: wrap; }            .zilr5 { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: relative; }  .kn0Gf { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: absolute; top: 0px; left: 0px; bottom: 0px; background: #fffcf0; opacity: 0; z-index: -2; transition: .2s; }  .zUQLY { opacity: 1; z-index: 2; }  .dv97z { height: 20px; border: 1px dashed #50607050; width: 20px; border-radius: 5px; background: #f0f0f0; cursor: pointer; position: relative; }  .dv97z:hover { border: 1px solid #5060a0e0; }  .dv97z:after , .dv97z:before { content: ""; position: absolute; display: none;}  .oi1oP { background: #e0f0ff; }  .zyuFN { background: #fff0e0; }  .ppN8B { background: #2196F3; }  .jqQOO { background: #ff5050; }  .ppN8B:after , .jqQOO:after , .jqQOO::before { display: block; }  .ppN8B:after {   left: 6px;   top: 2px;   width: 4px;   height: 10px;   border: solid white;   border-width: 0 2.8px 2.8px 0;   -webkit-transform: rotate(40deg);   -ms-transform: rotate(40deg);   transform: rotate(40deg);  }  .jqQOO:after  {   left: 6px;   top: 1px;   width: 3px;   height: 14px;   border: solid white;   border-width: 0 2.8px 0 0;   -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg);   transform: rotate(45deg);  }  .jqQOO::before  {   left: 6px;   top: 3px;   width: 3px;   height: 14px;   border: solid white;   border-width: 0 2.8px 0 0;   -webkit-transform: rotate(-45deg);   -ms-transform: rotate(-45deg);   transform: rotate(-45deg);  }      .lhQ1h{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .pindivleft1 { z-index: 19300; }  .opdivleft1 { z-index: 19200; }  .dDYnn { z-index: 19200; }  .mmVFy { z-index: 19100; }    .krz6Y{ z-index: 1900000; }    .vc6w7 { z-index: 18000 }            #ModalWindowOuter1{display: none !important;}  #infop{ display: none !important; }        .xBdRR { padding:10px; display:flex; flex-wrap: wrap; }  .sXYqy { min-height: 200px; }  .mFt20 { margin: 5px; display:flex; flex-wrap: wrap; position: relative; overflow: hidden; }  .aujz1 { padding: 5px 5px 5px 20px; font-size: 95%; color: #404060; }  .vd3H5 { display: none; }  .jAhC6 { min-width: 145px; }  .nwM6D { padding:6px; border: 1px dashed #c0c0c0; margin-left: 2px; cursor: pointer; transition: .2s; font-size: 90%; opacity: .7; border-radius: 8px; transition: .2s;}  .nwM6D:hover { border: 1px dashed #50a0c0; opacity: 0.8; }  .nwM6DA { border: 1px solid #50a0f0 !important; color: #5080c0 !important; background: #ffffff; opacity: 1 !important;}  .gIzAj { border: 1px solid #50a0f000 !important; color: #a0a0a0 !important; background: #ffffff; opacity: .8 !important;cursor: auto !important; }    .eMEgx { border: dashed 1px #1050a030 !important; padding: 5px; margin: 0px 2px; outline: none !important; max-width: 40px; color: #5070a0; }  .eMEgx:focus { border: dashed 1px #1050a050 !important; border-bottom: solid 1px #0050a070; color: #002050; }  .p8jRW { border: solid 1px #1050a040 ; padding: 6px 4px 4px 4px; font-size: 80%; color: #607080; cursor: pointer; opacity: 0; transform: translate(-100px,0) scale(.5) ; border-radius: 8px; margin-left: 4px; transition: .2s; }  .p8jRW:hover { border: solid 1px #1050a0a0 ; color: #0050a0; }  .noxF5 { display: block; opacity: 1; transform: translate(0,0) scale(1) ; }    .cCHgR { display: flex; justify-content: center; align-items: center;}  .hCBnH { padding: 5px 8px 5px 0px;;}  .zYycv { max-width: 80px !important;}    .aluqC {   position: fixed; top: 31px; z-index: 40000; bottom: 27px;   width: 98%; min-width: 200px;   max-width: calc(100% - 45px);   right: 1px;   background: #f6fafde0;   min-width: 200px; overflow: auto;   box-shadow: 8px 15px 40px #00408025, 2px 2px 6px #00205050, inset 20px 20px 50px -20px #ffffff80;   display: flex; flex-direction: column;overflow: hidden; transition: 0.2;  }  .w3FST { min-height: 85%; }    .ftjAV {   width: auto !important; height: 100% !important; max-height: 100%; background: #f0f5fae0;   top: 0px !important; max-width: 100% !important; right: 0px !important; height: auto !important; left: 40px !important; bottom: 0px !important;  }  .qjhUR { content: ''; display: none; position: absolute; bottom: 0px; width: 40px; left: 0px; top: 40px;   background: #f0f2f8; writing-mode: vertical-rl; justify-content: center; align-items: center;   padding: 10px 0px; text-align: center;  }  .qSoCD { display: flex; }  .ehz2F { animation: .4s bmMxQ 1 forwards ; }  .eFkkH { animation: .3s hYiAh 1 forwards ; }      .zcuLA { opacity: 1; }    .meIuT  {   direction: rtl !important; text-align: right !important; top: 80px; bottom: 0px;;   display: flex; flex-wrap: wrap; position: absolute; overflow: auto; right: 0px; left: 0px;  }    .rRlpf { height: 40px; z-index: 10; position: absolute; }  .gAwCy { height: 40px; min-height: 40px; z-index: 5;   position: absolute; top: 40px; right: 0px; left: 0px;  }  .pGC6S { flex-grow: 1; z-index: 1; overflow: auto; padding: 6px 0px; }                    .mmVFy { position: absolute; left: 0px; top: 40px; bottom: 0px; width:100% ;max-width: 350px;   transition: .2s; direction: rtl; text-align: right; overflow: hidden;   opacity: 0;   transform: translate(-352px,0);   background: #f8fbff; box-shadow: 3px 2px 15px #40608040, 1px 1px 4px #40608025;  }  .mmVFyA { transform: translate(0,0); opacity: 1; }  .mmVFyA { left: 0px;}    .fTATT {   position: absolute; width: 100%; top: 0px;height: 25px; right: 0px; z-index: 100;; display: flex;   background: #f0f5ff; padding: 0px 0px;  }  .eOZYp { flex-grow: 1; display: flex; justify-content: flex-end; padding: 0px 3px;; }  .fgQnp { padding: 0px 3px; height: 100%; justify-content: center; font-size: 95%; border-radius: 4px; border: 1px solid #20407030; background: #ffffffa0; cursor: pointer; transform: scale(.9); display: flex; align-items: center; }  .fgQnp:hover { border-radius: 4px; border: 1px solid #0040a050; color: #0050b0; background: #ffffff }  .aG3Dp { cursor: pointer; transition: .2s; margin: 0px 0px; height: 100%; padding: 0px 7px; opacity: .8; font-size: 90%;   border-right: 1px solid #20406025; background: linear-gradient(-45deg, #0050b015, #ffffff50);   display: flex; justify-content: center; align-items: center; }  .iqzVR { background: #50a0ff; color: #fff; opacity: 1; }    .lswxe { cursor: pointer; transition: .2s; margin: 0px 0px; height: 100%; padding: 0px 7px; opacity: .8; font-size: 90%;   border-right: 1px solid #20406025; background: linear-gradient(-45deg, #0050b015, #ffffff50);   display: flex; justify-content: center; align-items: center; }  .aQifM { background: #50a0ff; color: #fff; opacity: 1; }      .avUEA { position: absolute; top: 25px;bottom: 0px;overflow: auto; display: none; width: 100%; }  .uFnIF { display:flex;flex-direction: column; animation: srLuq .25s 1; }      .lpp { width:100%; position: absolute; top:50px; right:100%; overflow: auto; z-index: 1; opacity: 0.5;height:100%; transition:.3s; }  .lppShow { width:100%; position: absolute; top:0; right:0; overflow: auto; opacity: 1; z-index:10; }  .hide { display: none !important}  .lppL0 { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .lppL2 {flex-grow:1; overflow:auto;}  .lppL20{ padding: 5px 10px; }  .lppL2i { color:#0000f0; cursor:pointer;}  .lppL2h {font-weight:bold; color:#7000a0;}  .lppL2p {padding: 2px 0px 10px 0px;margin:0px; font-size: 95%}    .uv1r5 { display: flex; flex-wrap: wrap; max-width: 720px; }  .jCpkc { flex: 1; flex-grow: 1; max-width: 350px; }    .moDAn { margin: 25px 2px 10px 2px; padding: 15px 0px 0px 0px; border: 1px solid #5000a050; border-radius: 6px; position: relative; box-shadow: 1px 5px 12px -5px #40008050; }  .nYUgF { margin: 25px 10px 10px 10px; min-width: 300px; flex-grow: 1; max-width: 350px; }  .xJ3NM { position: absolute; top: -12px; right: 8px; border: 1px solid #5000a080; padding: 4px 8px; border-radius: 6px; background: #f0faff;}  .pQPTk { overflow: hidden;}  .jYR6k { margin: 25px 8px 10px 8px; }  .odZ75 { font-size: 90%; }        .l8w6g { width: 100%; height: 100%; overflow: hidden; position: relative;;}    .ops1 {background: #9060e050; height: 40px; width: 40px; border: 1px solid #ffffff50; transition: .2s; cursor: pointer; font-size: 20px; position: absolute; right: 0px;}  .ops1:hover { border: 1px solid #ffffffa0; background: #c00060 }    .n8G0h { height: 40px; width: 40px; transition: .2s; cursor: pointer; display: flex; justify-content: center; align-items: center; }  .mnh8f { opacity: .9; transition: .2s; color: #304050; }  .mnh8f:hover { opacity: 1; }  .mnh8fActive01 { background: #c0e0ff; box-shadow: inset 3px 3px 6px -1px #2080e0; outline: 1px solid #50c0ff; opacity: 1; outline-offset: -1px; border-radius: 4px; transform: scale(.92); }    .iuOLG { position: absolute; left: 0px; top: 0px; background: #ffffffa0; border-radius: 5px; outline: 2px solid #00a0f0a0; outline-offset: -2px;; }  .eESrr { position: absolute; left: -40px; }  .iuOLG:hover { background: #0090f0; color: #fff; }    .clyxa { left: -50px; }    .cnyDk{ position: absolute; left: 0px; top: 0px; transform: translate(-41px,0); background: #ffa0ff10; }  .jCgha{ transform: translate(40px,0); ; }  .cnyDk:hover{ background: #ffa0ff20; }  .jTYsE{ background: #0080c020 ; color: #000050; transform: translate(0,0) !important; }    .gThAy { width:96%; margin:10px 2% 2% 2%; height:50px; border: 1px solid #20406040; background: #ffffff40; }    .xgQYy {flex: 1; ;  }  .z1Hap {   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020,0px 0px 15px #00105030;   background: #c0d0ff10;}    .mlipu {   display: flex; height: 30px; z-index: 10; padding: 1px 0px; position: absolute; top: 0px; z-index: 50;left: 0px; right: 0px;   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020, 0px 0px 10px #00105020;   background: #c0d0ff20;  }  .fCf90 { position: relative; }  .cO1qC {   position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px;   border-radius: 0px; display: none; z-index: 500; overflow: auto;   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020, 0px 0px 10px #00105020;   background: #fafcff;  }  .d3ESW {   display: flex; height: 30px; z-index: 10; padding: 1px 0px; position: absolute; top: 30px; z-index: 40;left: 0px; right: 0px;   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020, 0px 0px 10px #00105020;   background: #c0d0ff20;  }  .urDqp { position: absolute; top: 60px; left: 0px; right: 0px; bottom: 0px; overflow: auto; overflow-x: hidden;}    .b7LIr { display: block; }  .gVhaX { display: flex; padding: 6px 7px; height: 35px; align-items: center; }  .c1GzA { display: flex; padding: 0px 5px;; }  .zfl70 { display: flex; padding: 6px 8px; height: 100%; font-size: 85%; background: #00a0ff05; margin: 0px 8px; transition: .2s; border-radius: 4px; cursor: pointer; }  .zfl70:hover { background: #0080f0; color: #fff; }  .kfy5n { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; }  .k1OA7 { display: flex; height: 100%; justify-content: center; align-items: center; }      .d1Tvc { margin: 0px 3px 10px 3px; padding: 0 0px; background: #ffffff; box-shadow: 0px 0px 10px #20406020;   border-radius: 4px; border: solid 1px #20406030; z-index: 2000; position: relative;  }    .eJkWL { display: flex; justify-content: center; padding: 5px 10px; }   .bJh3v { width: 100%; max-width: 300px; border: 1px dashed #20406020; border-radius: 4px; overflow: hidden; }   .gzvhp { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .pzmst { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .eUYhn { height: 50px; border-bottom: 1px solid #20408040; }   .gWGN0 { padding: 0px 15px 0 10px; color: #006020;}   .it3jn { padding: 0px 15px 0 0; flex-grow: 1; color: #002060; }   .gzksS { padding: 0px 10px; opacity: .7; }     .mWfcf { padding: 5px ; display: none; }   .zjGJ4 { display: block; }     .rs265 { padding: 5px ; border: 1px dashed #20406030; background: #fff; margin: 10px 5px; border-radius: 4px; cursor: pointer;; }   .rs265:hover { border: 1px solid #2040a0a0; box-shadow: inset 0px 0px 5px #2060c050; }   .ht2Nu { border: 1px dashed #20406000 !important; opacity: .75; cursor: auto; }   .pOBey { display: flex; padding: 4px 10px; }   .sAzRs { padding: 1px 5px 0px 16px; color: #008030; font-size: 85%; }   .vcVEl { display: flex; padding: 4px 10px; }   .eQurs { margin: 5px; flex-grow: 1; border: 1px solid #20406020; padding: 3px 5px; }   .ncM2C { display: flex; }   .l9jBX { display: flex; font-size: 85%; }   .niHMs { flex-grow: 1; padding: 1px 3px; }   .voVhB { padding: 1px 3px 1px 1px; }      .j3UiU { background: #ffffffe0; border-radius: 4px; box-shadow: 0px 5px 15px -5px #20406040; margin: 15px 5px; font-size: 110%; border: 1px solid #20406030; }   .ssC4A { padding: 10px 10px 0px 10px; height: 40px; align-items: center; display: flex; }   .vU3WD { padding: 0px 10px 0px 20px; display: flex; }   .qBtTo { padding: 4px 8px; width: 100%; }   .eFJ1R { padding: 0px 2px; width: 100%; display: flex; position: relative; }   .iQiLz { position: absolute; font-size: 90%; display: flex; background: #fff; border-radius: 5px; padding: 0px 4px; align-items: center; top: -5px; left: 0px; right: 0px; bottom: 0px; opacity: 0; transition: .2s; }   .eFJ1R:hover > .iQiLz { opacity: 1; }   .efCUG { padding: 0px 8px; display: flex; }   .lYTPh { padding: 0px; display: flex; align-items: center; }   .eomhd { padding: 1px 10px 0px 0px; font-size: 80%; opacity: .8; }   .h8iwf { padding: 1px 4px 0px 5px; font-size: 115%; font-weight: bold; }   .dvGZ0 { padding: 1px 0px 0px 5px; font-size: 80%; opacity: .7; }   .vPBaf { padding: 1px 8px 0px 8px; font-size: 95%; direction: ltr; }   .abBCM { padding: 0px 15px 2px 15px; font-size: 140%; font-weight: bold; }   .nLma5 { color: #006020; text-shadow: 1px 3px 6px #00f060a0; }   .bOItn { color: #800000; text-shadow: 1px 3px 6px #f0004050}   .cP46N { padding: 0px 8px; font-size: 115%; }   .b8k7x { direction: ltr; }   .ooUvI { position: relative; width: 100%; height: 12px; border-radius: 4px; background: #f0faff; box-shadow: inset 0px 0px 3px 1px #20406040;}   .h1ot5 { position: absolute; top: 0px; left: 0px; height: 100%; border-radius: 4px; background: linear-gradient(to bottom, #0080e0, #0080c0, #0050c0); box-shadow: inset 0px 0px 10px #ffffff50;}   .n4HCT { background: linear-gradient(to bottom, #00a030, #008030, #008010); }   .fisPd { background: linear-gradient( to bottom, #c00010, #a01010, #a00000); }   .aTHiH { padding: 10px 10px; }   .bayog { padding: 0px 0px; border: 1px dashed #20406040; margin: 5px 0px; border-radius: 4px; }   .gfLHN { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .y609w { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .y9UJ8 { background: #0050e0; color: #fff; }   .ee0Le { padding: 0px 15px 0 0; width: 190px ; }   .xXT9D { padding: 0px 15px; opacity: .7; }   .gysDH { padding: 5px ; display: none; }   .y1zuj { border-radius: 5px; font-size: 85%; height: 28px; display: flex; cursor: pointer;; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; }   .y1zuj:hover { background: #008090; color: #fff; }   .dyFlQ { width: 80%; padding-right: 4px; display: flex; height: 100%; align-items: center; white-space: nowrap; }   .q3a6j { height: 100%; display: flex; width: 20%; align-items: center; white-space: nowrap; overflow: hidden; }   .gOUcg { display: block; }    .luXg5 { display: none; padding: 10px; line-height: 1.7 ; }  .rSZY3 { display: block; }  .huMn7 { padding: 5px 2px;; }    .xo393 { height:100%; white-space: nowrap; display: flex;flex-wrap: wrap;align-items: center ; transition: .2s; justify-content: center; }  .wMumw { min-width: 200px; height:100%; white-space: nowrap; display: flex;flex-wrap: wrap; align-items: center ; transition: .2s; cursor: pointer;}  .uwPgW { cursor: pointer; border-radius: 4px; padding: 0px 5px; white-space: nowrap; display: flex; align-content: center ; height: 100%; }  .uwPgW:hover { background: #0090ff; color: #fff; }  .gDxw1 { display: flex; width: 45px; height: 100%; }  .bud8y { display: flex; font-size: 90%; justify-content: center; align-items: center; width: 45px; }  .lPLtf { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; font-size: 95%; }  .oX38Y { width: 20px; padding: 3px 2px; font-size: 70%; opacity: .8; }  .w4VT5 { display: flex; align-items: center; height: 100%; padding-right: 4px;}  .zG2iw { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }  .pZYUF { transform: scale(.85); opacity: .9;}  .bG9ns { opacity: .7;}  .pxTGx { cursor: pointer; background: #00a0f010; width: 32px; height: 100%; border: 1px solid #40506000; border-radius: 5px; }  .pxTGx:hover { background: #00a0f030; border: 1px solid #0050a050}  .heBo3 { cursor: not-allowed !important; background: #00000010 !important; opacity: .6; border: 1px solid #50404010}    .eXwxc { height:100%; opacity: .9; display: flex;flex-wrap: wrap;align-content: center ; transition: .2s; justify-content: center; padding: 0px 10px;}      .a5tTq { display: flex; flex-wrap: wrap; width: 290px; }  .mR2zT { display: flex; flex-wrap: wrap; padding: 5px; }  .nq9og { min-width: 80px; padding: 4px; display: flex; white-space: nowrap; }  .gPdxu { font-size: 80%; opacity: .9; padding: 0px 0px 0px 4px; width: 42px; ; }  .c2AUl { font-size: 65%; opacity: .6; padding: 0px 2px 0px 0px;; }  .k7V6B { width: 100%; padding: 5px; margin: 4px 2px 2px 2px; background: linear-gradient(45deg,#e0f0ff00, #e0f0ff ); }    .qQQGD { padding: 9px; white-space: nowrap; }        .dDYnn { position: absolute; left: 40px; top: 0px; height: 40px; width: 310px; transition: .3s;   display:flex; direction: rtl; text-align: right;   transform: translate(-400px,0);   background: linear-gradient(to right,#ffe0ffc0,#f0f0ff, #f0ffff);   box-shadow: 3px 1px 2px -1px #5070a050; opacity: 0;  }  .nBP9J { transform: translate(0,0) ; opacity: 1; transition: .5s }      .fv_panelLeftBarIcon1{ z-index: 21; position: relative;}  .fv_panelLeftBarIcon1 > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #f0f0f0; padding: 8px; white-space: nowrap;}  .fv_panelLeftBarIcon1 > .infI{ padding:0px 5px; font-size: 22px; }  .fv_panelLeftBarIcon1:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .fv_panelLeftBarIcon1:hover > .inf{ display:block }  .fv_panelLeftBarIcon1A { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .fv_panelLeftBarIcon1A > .inf{ }      .posts{ margin: 15px; border-radius: 5%; overflow : hidden; box-shadow: 10px 10px 20px #0050a0; position:relative}  .postLinks { opacity: 0; position:absolute; top:0px; bottom:0px; left:0px; right:0px; transition: .2s; background:#201040a0; color: #ffe0ff; }  .posts:hover > .postLinks { opacity:1 }    .postLink { opacity: 9; transition: .2s; color: #ffd0ff; cursor: pointer; font-size: 30px;}  .postLink:hover { opacity: 1; transition: .2s; color: #ffffff; cursor: pointer}    .dLink { padding: 5px 10px; margin: 4px; background: #f0f0ffb0 ; border: 1px solid #f0a0f0a0; transition: .2s; cursor: pointer; border-radius: 8px; position: relative; overflow: hidden;}  .dLink:hover { background: #e8ffff ; color: #0000b0; border: 1px solid #0080b0; }              .fgOTr { padding: 5px 4px;; }  .tZBak { padding: 15px 10px 5px 5px; }  .ezIYg { display: flex; box-shadow: 0px 4px 10px -4px #20407020; background: #ffffff60; margin: 6px 0px; cursor: pointer; transition: .2s; border-radius: 4px; border: 1px solid #0040a025; height: 30px; }  .d5tzs { margin: 10px 0px; height: 32px; }  .ezIYg:hover { border: 1px solid #0040a060; background: #fff; box-shadow: 0px 5px 11px -4px #20407020; }  .yhMdg { margin: 5px 12px;; font-size: 90%; height: 28px; }  .pVIs5 { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; opacity: .6; }  .x51Ig { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; }  .pLwaO { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; direction: ltr; flex-grow: 1; }  .gc8v8 { display: flex; height: 100%; align-items: center; width: 30px; min-width: 30px; padding: 1px; border-radius: 4px; overflow: hidden;; }  .bm617 { width: 100%; height: 100%; }  .yhMdg > .gc8v8 { width: 26px; }  .yhMdg > .pVIs5 { transform: scale(.9); }                                  .qenq4 { position: absolute; z-index: 1000; top: 120px; display: none; transform: translate(-100px, -50px); opacity: 0;   height: calc(100% - 125px); max-height: 700px; left: 100px; width: 80%; max-width: 500px; direction: rtl;   text-align: right; transition: .4s;}  .ev0Ii { transform: translate(0,0); opacity: 1; display: block; animation: r3iBW .3s 1; }  .imTyc { animation: bJkgB .3s 1; }  .eDBwx { height: 100%; width: 100%; overflow: hidden; outline: 1px solid #20407040; position: relative;   background: #f5fdff; box-shadow: 8px 15px 20px -8px #30508050; transition: .3s; border-radius: 3px ; }    .kQlth { height: 100%; width: 100%; opacity: 0; z-index: 100; background: #f5fdff; line-height: 1.6; position: absolute; top: 0px; right:105%; outline: 1px solid #20407040; border-radius: 5px ; transition: .3s; display: flex; flex-direction: column; }  .bTRaP { right:0%; opacity: 1; }  .uI6nd { height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .kCffI {flex-grow: 1; width: 100%; overflow: hidden; }   .bxFXl { overflow: auto; width: 100%; padding: 10px; height: 100%; }   .plfpB { padding: 14px 6px;; }   .a9OeO { padding: 3px 5px;; }   .fA2lw {display: flex; padding: 6px 5px; }   .yP3dS { width: 10%; height: 40px; opacity: .6; justify-content: center; display: flex; align-items: center; }   .ogLe5 { width: 90%; }     .rkCHY { padding: 7px 5px; }   .ltPUb { font-weight: bold; }   .agPwm { padding: 2px 7px 5px 2px; }   .ioCF0 { padding: 2px 6px; width: 100%; direction: ltr; text-align: left; background: #ffffff; box-shadow: 1px 5px 10px -5px #20406020; border-left: 3px solid #0040a050; margin: 8px 0px; font-family: monospace; }      .myFilterBoxHeader1 { height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .myHelpBoxHeaderTitle1 { padding: 0px 12px; font-size: 110%; color: #300070; display: flex; flex-grow: 1; }  .xV827 { height: 40px; width: 40px; background: #ffe0f0; border-left: 1px solid #f0c0e0;border-bottom: 1px solid #f0c0e0; cursor: pointer; transition: .2s}  .xV827:hover { background: #ffd0e0; border-left: 1px solid #f0a0c0; border-bottom: 1px solid #f0a0c0; color: #a00000}    .uTmRd { height: 100%; padding: 0px 10px; background: #0080f020; border-right: 1px solid #c0d0ff; color: #204080; cursor: pointer; transition: .2s}  .uTmRd:hover { height: 100%; padding: 0px 10px; background: #0080f030; border-right: 1px solid #a0d0ff; color: #0020a0; cursor: pointer; }      .myFilterBoxHeader2 { display: flex; flex-wrap: wrap;}  .j6wwk { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }  .vPgns { display: none; padding: 0px 5px 5px 5px; transform: scale(.9); width: 100%; justify-content: center; align-items: center; }  .gDDbb { display: flex; animation: kWYZY 0.3s 1; }        .braa8 { max-width: 20%; flex-grow: 1; margin: 5px; position: relative; display: flex; height: 30px; margin: 0px 5px; padding: 0px 8px;; transition: .2s; border-radius: 6px; box-shadow: 1px 5px 6px -2px #30507030, -2px -4px 6px -3px #ffffff50; background: #ffffff; border: 1px dashed #40506050; justify-content: center; align-items: center; color: #204070;cursor: pointer; white-space: nowrap; }  .braa8:hover { background: #e0f0ff; color: #200050; transform: translate(0,1px); }  .hcoMq { z-index: 10; padding: 3px; border-radius: 5px; box-shadow: 0px 0px 6px #ffffffa0; text-shadow: 1px 1px 4px #005010; background: #00b040; color: #fff; transform: rotate(-40deg); position: absolute; top: -5px; left: -8px; font-size: 85%; }  .rRnk3 { background: #00a0ff !important; color: #ffffff !important; cursor: auto !important; transform: translate(0,1px); box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; border: 1px solid #00208050; }    .myFilterBoxContent2 { height: calc(100% - 115px); width: 100%; overflow: hidden; position: relative; background: #ffffff40}    .lkqWj { width:100%; transform: translate(100px,50px); position: absolute; top:0px; right:0px; overflow: auto; z-index: 1; height:100%; transition:.3s; display: none; }  .h8xjo { padding: 20px 30px; font-size: 90%; opacity: .85; line-height: 1.7; }  .iRgWf { padding: 15px 30px 5px 10px; }  .fdShow { display: block; transform: translate(0px,0px); animation: dnT0D 0.25s 1 }    .viOOX { width:100%; transition:.3s; display: none; }  .toOd0 { width:100%; transition:.3s; display: block; animation: bznvF 0.25s 1; }      .irR6d { padding: 10px 30px 5px 10px; }   .tBsBj { padding: 0px 10px; }  .jjSq8 { padding: 10px 12px 5px 12px; }  .h4Z7s { padding: 10px 12px 5px 12px; line-height: 1.8; }          .myHelpBox1 { position: absolute; top: -50px; min-height: 80%; left: -600px; width: 80%; max-width: 500px; direction: rtl; text-align: right; transition: .6s;}  .myHelpBoxActive1 { top: 100px !important; bottom: 70px; left: 360px; transition: .4s; }  .myHelpBoxContent1 { height: 0%; width: 0%; overflow: hidden; background: #fffffff0; box-shadow: 0px 0px 30px #30405080; transition: .3s; border-radius: 10px ; }  .myHelpBoxContent1:hover { }  .myHelpBoxContentActive1 { height: 100%; width: 100%; }  .myHelpBoxContent2 { height: calc(100% - 40px); width: 100%; overflow: auto; }            .helpBoxforFilterGroup1 { transition: .2s; position: relative; }  .helpBoxforFilterGroup2 { padding: 5px 8px; height: 100%; border: 1px solid #f0c0ff; border-radius: 8px; color: #a050c0; font-size: 90%; overflow:hidden; }    .fNvVl { padding: 5px; }  .vt0YU { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .vt0YU:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .kMX0V { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .kMX0V:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .pgXE5 { padding: 5px 10px; display: none; }  .m4Ao2 { margin: 7px; background: #e4f0ff00; }  .zuG4E { margin: 5px; }  .xxwDB { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .hZQm8 { padding: 0px 15px 5px 0px; font-size: 90% }            .fullGrow { flex-grow: 1;}  .nesbatGBg1 { background: #009030a0; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .nesbatRBg1 { background: #a00010a0; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .KNesbat1 { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }        .bazeG2 { background: #00ff5020; color: #009000 }  .bazeG1 { color: #008000 }  .bazeB1 { color: #e00000 }  .bazeB2 { background: #ff003020; color: #d00000 }      .peB2 { background: #ff003020; color: #f00000 }  .peB1 { color: #b02000 }  .peW { color: #807000 }  .peG { background: #00ff5020; color: #00a050 }        .sbar{ transition:.3s; position:relative}  .sbarO{ opacity:1; overflow:visible }  .sbarOff{ opacity:0; overflow:hidden }  .sbarOff:after{ content:''; position:absolute; top:0px; left: 0px; right:0px; bottom:0px; z-index: 10; cursor:auto }            .aloneIcon1 { height: 40px; width: 40px; }      .myVitaIcon1 { background: #ffffff10; transition: .2s; color: #102030;margin: 0px 2px; }  .myVitaIcon1:hover { background: #0090ff10; color: #002040; }      .myTSEIcon1 { background: #ffffff50; transition: .2s; color: #102030; margin: 0px 2px; }  .myTSEIcon1:hover { background: #ffffff; color: #002050; border: 1px solid #ffffff ;}  .myTSEIconExtra1 { background: #ffffff; box-shadow:1px 1px 8px #a0b0c0c0 }  .myTSEIconExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap; }  .myTSEIconExtraItem1:hover { background: #0090ff30 ; color: #002040; }    .helpIcon1 { border: 1px solid #a0f0ff30; background: #00a0ff50; cursor: pointer;margin: 0px 2px; border-radius: 20px}  .helpIcon1:hover { border: 1px solid #a0c0ff ; background: #50a0ff80;}  .helpIconExtra1 { padding: 5px; background: #00a0ffd0 }      .sortIcon1 { border: 1px solid #ffffff20; background: #f0f0ff20; cursor: pointer; margin: 0px 2px; border-radius: 20px}  .sortIcon1:hover { border: 1px solid #a0c0ff ; background: #00a0ff20; }      .filterIcon1 { border: 1px solid #a0e0ffa0; background: #0020f050; cursor: pointer;}  .filterIcon1:hover { border: 1px solid #a0c0ff ; background: #00a0f0a0; }        .changeFilter3Gp { font-size:70% }    @media (max-width: 700px)  {  .changeFilter3Gp { display: none; }  }    .changeFilter3{height: 40px; border: 1px dashed #a0c0f030; transition: .2s; position: relative; white-space: nowrap;}  .changeFilter3:hover{ background: #ffffff; border: 1px solid #a0b0c0; box-shadow: 0px 0px 7px #60709040;}  .chFList1 { display: none; overflow: hidden; position: absolute; top: 100%; right: 0px; white-space: nowrap; box-shadow: 2px 2px 7px #607090a0}  .chFList2 { background: #ffffff; transition: .2s; max-height: 400px; overflow: auto;; transition: .2s; white-space: nowrap; padding: 0px;}  .chFList3{ right: auto !important; left: 0px}  .changeFilter3:hover > .chFList1{ display: block; }  .changeFilter3:hover > .chFList1 > .chFList2{ }    .chFListItem1 { transition: .2s; white-space: nowrap; padding: 4px 7px; cursor: pointer; border: 1px solid transparent; background1: linear-gradient(to bottom, #ffffff10,#00000010)}  .chFListItem1:hover { background: #e0f0ff ; border: 1px solid #a0c0e0 }  .chFListItem2 { transition: .2s; white-space: nowrap; padding: 5px 7px; cursor: pointer; border: 1px solid transparent; color: #f0f0f0; background: #002040a0}  .chFListItem2:hover { background: #004080 ; color: #ffffff;}  .dyIAP { margin-top: 5px; max-width: 340px; white-space: normal; min-width: 340px; border-top: dashed 1px #a0a000; padding: 5px; font-size: 80%; color: #700080; }    .myGoToGroupe2 { display: none;;}  .myGoToGroupe1:hover > .myGoToGroupe2 { display: block;}      .container { white-space: nowrap; display: block; position: relative; padding-right: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }    .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }    .checkmark { position: absolute; right: 3px; height: 20px; width: 20px; border-radius: 5px; }  .checkmarkOK { background-color: #eee; }  .checkmarkW { background-color: #fed; }    .container:hover input ~ .checkmarkOK { background-color: #ccc;}  .container:hover input ~ .checkmarkW { background-color: #dcc;}    .container input:checked ~ .checkmark { }  .container input:checked ~ .checkmarkOK { background-color: #2196F3; }  .container input:checked ~ .checkmarkW { background-color: #f07000; }    .checkmark:after { content: ""; position: absolute; display: none;}    .container input:checked ~ .checkmark:after {  display: block;  }    .container .checkmark:after {   left: 6px;   top: 2px;   width: 4px;   height: 10px;   border: solid white;   border-width: 0 2.8px 2.8px 0;   -webkit-transform: rotate(40deg);   -ms-transform: rotate(40deg);   transform: rotate(40deg);  }  .checkmarkOK:hover { background-color: #ccc;}  .checkmarkOKChecked { background-color: #2196F3; }  .checkmarkOKChecked:after { display: block; }        .refr { height: 40px; width: 40px; border: 1px solid #ffffff70; transition: .2s; cursor: pointer; border-radius: 20px}  .refr:hover { border: 1px solid #ffffffa0; background: #00a0ff20 }    .msearch { height: 100%; width: 30px; transition: .2s; font-size: 20px; }  .p6kpn { font-family: 'Calibri' ; background: #ffffffa0; outline: none !important; border: 1px dashed #00a0a0a0; padding: 2px 4px 2px 4px; border-radius: 5px; width: 65px}  .p6kpn:focus { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .p6kpn:active { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .jcPiR { width: auto; padding: 3px 7px;}  .prel { position: relative; background:#ffffffa0 }  .pDJx7{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .hT1xf{ z-index:2;}      .hl100 {height: 100%; width: 100%}      .sr{ background-color: #c0ffff !important; background: #c0ffff !important;box-shadow: inset 0px 0px 2px #0000a0 !important }    .t0c{ overflow: visible !important; background: transparent !important }  .t0c1 a:hover{ background: #50709040 !important ; text-decoration: none; font-weight: bold; color: #400060; }  a{text-align:center !important; text-decoration: none; }                  .tYHPE{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-right: 10px;}  .uZ5F2{ padding: 5px 8px; opacity: .6; color: #505040; cursor: pointer; transition: .2s; margin: 0px 4px; white-space:nowrap; display: flex; }  .uZ5F2:hover{ opacity: 1; }  .nky7X{ opacity: 1; color: #004080 !important ; }  .jOINN{ padding-right: 5px; }      .aj620 { border: 1px dashed #40506050; box-shadow: 2px 5px 10px #40506010; margin: 10px 5px; min-width: 70%; border-radius: 5px; overflow: hidden;   background: #ffffff50; transition: .2s; }  .ggCm5 { margin: 30px; font-size: 120%; padding: 20px; background: #fff; border: 1px solid #00306025 !important ; box-shadow: 3px 6px 10px #40506015 !important; }  .aj620:hover { border: 1px solid #00306030; box-shadow: 3px 6px 10px #40506020; }  .qB0p1 { border: 1px solid #00206050 !important; background: #ffffffa0; }  .mjNXS { display: flex; cursor: pointer; width: 100%; padding: 10px; box-shadow: 0px 0px 15px #40608080; background: #ffffff50; }  .y5yZE { display: flex; cursor: pointer; width: 100%; min-width: 120px; font-size: 110%; padding: 0px 5px; }  .i2WDR { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .hsjbq{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .plbMH { border-top: 1px solid #40506030; padding-top: 8px; display: none; }  .o7TQR { padding: 8px 25px; font-size: 89%; opacity: .85; }  .i1MSV { width: 100%; padding: 4px; font-size: 70%; box-shadow: 0px 0px 8px #40608060; border-top: 1px solid #40506050; opacity: .7; cursor: pointer; margin-top: 5px; display: flex; justify-content: center; align-items: center; }  .qB0p1 > .plbMH{ display: block !important; }      .y8J8q { display: flex; flex-wrap: wrap; padding: 3px 4px; transition: .2s; position: relative; }  .eqHWO { display: flex; flex-wrap: wrap; padding: 2px 0px; position: absolute; top: 0px; left: 5px; bottom: 0px; z-index: 100; justify-content: center; align-items: center; }    .y8J8q:hover { background: #80b0ff10; }  .eDZ1P { width: 28px; height: 100%; border-radius: 5px; color: #505040; margin: 0px 1px;opacity: .3; cursor: pointer; min-height: 35px; display: flex; justify-content: center; align-items: center; }  .eDZ1P:hover { opacity: .8; }  .pOac1 { opacity: 1; color: #0050a0; border: 1px solid #0050a050; box-shadow: 0px 0px 8px #40506030; background: #fff; transform: scale(1.05); }  .dSJ88 { opacity: 1; color: #c00020; border: 1px solid #c0000050; }  .tPvIW { transform: scale(1.8) !important; }  .pOac1 > .tPvIW { transform: scale(1.9) !important; }  .mcSvW { height: 100%; min-height: 35px; min-width: 85px;; border-radius: 5px; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 0px 8px; border: 1px solid #40506020; margin: 0px 3px; opacity: .9; transform: .2s; }  .mcSvW:hover { opacity: 1; }  .qH1ja { opacity: 1; color: #0050a0; border: 1px solid #0050a0a0; box-shadow: 0px 0px 5px #40506020; background: #fff; }    .aJvuW { width: 28px; border-radius: 5px; color: #505040; margin: 0px 1px;opacity: .25; cursor: pointer; min-height: 30px; display: flex; align-items: center; justify-content: center; transition: .2s; }  .aJvuW:hover { opacity: .7; }  .jDkes { opacity: 1; color: #258; }  .fNQ7h { opacity: 1; color: #c00020 !important }        .filterLists1 { padding: 5px 5px 5px 10px;; }  .filterList1 { padding: 5px 0px; display:flex; flex-wrap: wrap;}  .filterListTitle1{ font-size: 120%; color: #5000a0; padding: 5px 10px; transition: .2s; cursor: pointer;}  .filterListTitle1:hover{ color: #a000f0; background: #ffffffa0; border-radius: 10px}  .filterListItems1{ padding: 0px; border: 1px solid #a0e0ff; border-radius: 8px; overflow: hidden; display: none; height:100%; overflow: hidden;}  .filterListItem1{ position: relative; }  .filterListItem1c{ padding: 5px; background: linear-gradient(to bottom, #ffffffa0, #a0e0ff50); cursor: pointer; position: relative; }  .filterListItem1c:hover{ padding: 5px; background: #5050f0; color: #fff !important}  @keyframes filterListItemAnime0 {  0% { opacity: 1; }  40% { opacity: 0; background: #a0c0ff }  100% { opacity: 1; }  }  .filterListItemAnime1{ animation: filterListItemAnime0 .3s 1;}      .filterListItemName1 { }  .filterListItemHelp1 { font-size: 70%; color: #7080a0 }  .filterListItem1c:hover > .filterListItemHelp1 { font-size: 70%; color: #c0d0f0 }    .filterListItemCreate1{ background: linear-gradient(to bottom, #200030a0, #20003070); color: #e0e0e0; padding: 6px; cursor: pointer;}  .filterListItemCreate1:hover{ background: #200030; color: #f0ffff;}      .eachFilterIconButons1 { position: absolute; top:0px; font-size: 18px; height: 100%; width: 30px; z-index: 10; transition: .2s; opacity: .8; color: #200030}  .eachFilterIconButons1:hover { opacity: 1; color: #400080}  .deleteFilterButon { left: 0px; }  .deleteFilterButon:hover { background: #ffc0e0 }    .editFilterButon { left: 30px; }  .editFilterButon:hover { background: #c0e0ff }    .goUpFilterButon1 { left: 90px; }  .goUpFilterButon1:hover { background: #d0ffff }  .goDwFilterButon1 { left: 60px; }  .goDwFilterButon1:hover { background: #d0ffff }          .createLiteFilter1 { padding: 1%; height: 100%; background: #a0c0f020}  .cfTitle1 { height: 10%; display: flex ; padding: 1%;}  .cfTitle2 { flex-grow: 1; border: none; border-radius: 8px; padding: 2px 10px; box-shadow: 0px 0px 10px #50a0f050; font-size: 110%; color: #5000a0; font-family: inherit;}  .cfCode1 { height: 70%; display: flex; padding: 1%; position: relative; }  .cfCodeCheckError1 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 10; background: #e0e0e050; display: none;}  .checkErrorBox1 { min-width: 200px; position: relative; border-radius: 10px; border: 1px solid #a0a0a0; box-shadow: 0px 0px 20px #a0a0a0; overflow: hidden;}  .checkErrorBoxTitle1 { height: 40px; padding: 0px 10px; background: #0000f020 }  .checkErrorBoxClose1 { height: 40px; width: 40px; position: absolute; top: 0px; left: 0px; background: #a0505050; color: #a00030; cursor: pointer; transition: .2s}  .checkErrorBoxClose1:hover { background: #a0505080; color: #f00030; }  .checkErrorBoxContent1 { position: relative; padding: 10px; }  .withOutErrorClass1 { background: #e0fff0; color: #003010; }  .hasErorrClass1 { background: #ffe0f0; color: #300010; }    .cfCode2 { flex-grow: 1; border: none; border-radius: 8px; padding: 5px 10px; box-shadow: 0px 0px 10px #50a0f030; color: #200050; direction: ltr; text-align: left; font-family: monospace;}  .sILcf {  background-image: linear-gradient(#F1F1F1 50%, #F9F9F9 50%);  background-size: 100% 4rem;  background-repeat: repeat;  border: 1px solid #CCC;  width: 100%;  height: 400px;  line-height: 2rem;  margin: 0 auto;  padding: 4px 8px;  }  .cfHint1 { height: 20% ; display: flex; padding: 1%; }  .cfHint2 { flex-grow: 1; border: none; border-radius: 8px; padding: 5px 10px; box-shadow: 0px 0px 10px #50a0f020; color: #500050; }    .cfIT1{ padding: 0px 0px 0px 5%; min-width: 100px;}          .myFilterButons1 { padding: 0px 7px; transition: .2s; font-size: 80%; margin: 3px; border-radius: 7px; cursor: pointer; }    .saveNewFilterButon1 { background: #e0fff0; border: 1px solid #90f0e0; }  .saveNewFilterButon1:hover { background: #a0fff0; border: 1px solid #50e0b0; }    .emaleNewFilterButon1 { background: #e0f0ff; border: 1px solid #90b0f0; }  .emaleNewFilterButon1:hover { background: #d0e0ff; }    .cancelNewFilterButon1 { background: #ffe0f050; border: 1px solid #f090e0;}  .cancelNewFilterButon1:hover { background: #ffe0f0; }    .etebarSanjiButon1 { margin-right: 8px; background: #ffffd050; border: 1px solid #d0d050; }  .etebarSanjiButon1:hover { background: #fff0d0; }              .rowsOfSahmSarane1 { position: relative; }  .rowsOfSahmSaraneHint1 { position: absolute; top: 0px; white-space: nowrap; bottom: 0px; width: 0px; left: 0px; bottom: 0px;transition: .2s; z-index: 500; text-align: center;; font-size: 80%;color: #200040; text-shadow:0px 0px 11px #f0f0ff; font-weight: bold; ;width: 100%; opacity: 0 }  .rowsOfSahmSarane1:hover > .rowsOfSahmSaraneHint1 { opacity: 1; background:#a0d0ff80 }                        .namadFirstShow1 { display: flex; flex-wrap: wrap; padding: 0px}  .z8dTE { display: flex; width: 100%; align-items: center; padding: 1px 5px;}   .xJGUt { padding: 6px 10px 1px 10px ; display: flex; text-align: left; direction: ltr; }   .qD4bn { flex-grow: 1; font-size: 120% ; }  .xsZjP { animation: kW6gq .3s 1; }  .okucn { font-size:140%; padding:9px 12px 0px 0px; color: #600070;}  .fhBTc { font-size:70%; padding:1px 10px 6px 0px; color: #5080a0;}  .namadFirstShow_Price1 { padding:7px 5px 0px 10px; display: flex; flex-wrap: wrap; font-size: 120% ; text-align: left; direction: ltr;}  .namadFirstShow_P_price1 { }  .namadFirstShow_P_darsad1 { padding-left: 8px;}    .namadFirstShow_Price2 { padding: 1px 5px 2px 10px; display: flex; flex-wrap: wrap; font-size: 90% ; text-align: left; direction: ltr;}  .namadFirstShow_P_price2 { }  .namadFirstShow_P_darsad2 { padding: 0px 8px;}  .namadFirstShow_P_paya2 { font-size: 80%; padding-top: 3px;}    .clHcw { color: #00a040; }  .o7mz2 { color: #ff0040; }            .cEUrC { margin: 1px 0px 0px 0px; padding: 3px 8px; position: relative; }  .eVju8 { position: absolute; top: 0px; left: 0px; bottom: 0px; background: linear-gradient(to bottom, #ffffff20, #e0f0ff, #b0f0ff); box-shadow: inset -1px -3px 1px -1px #0050ffb0; z-index: -1 }  .tPanelHajm_ArzeshBar1 { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 0px 15px; line-height: 1.1; font-size: 130%;background: linear-gradient(to bottom, #c0f0ffd0, #e0fffff0, #c0f0ffd0); z-index: 2; opacity: 0; transition: .2s; text-align: left; display: flex;;direction: ltr;}  .cEUrC:hover > .tPanelHajm_ArzeshBar1{ opacity: 1 }    .tPanelHajm_Hajm0 { display: flex; flex-wrap: wrap; }  .tPanelHajm_Hajm1 { font-size: 95% ; padding-top: 5px;}  .tPanelHajm_Hajm2 { font-size: 120% ; text-align: left; direction: ltr; position: relative;}  .tPanelHajm_Hajm2A { position: absolute; padding: 5px; border-radius: 7px; top: 0px; background: #f0f0f0f0; z-index: 2; display: none; }  .tPanelHajm_Hajm2:hover > .tPanelHajm_Hajm2A { display: block; }    .tPanelHajm_Mabna0 { font-size: 70% ; display: flex; flex-wrap: wrap; }  .tPanelHajm_Mabna1 { padding-left: 6px;}  .tPanelHajm_HajmDarsad1 { color: #0050a0 }  .tPanelHajm_Mabna2 { text-align: left; direction: ltr;}                      .doiN { }  .osiN { display:none !important; }  @media (max-width: 570px)  {   .doiS { display: none !important; }  }      .vc6w7 { position: absolute; top:40px; opacity:1; right:0px; left:0px;bottom:0px; background: #fff; overflow: auto; background: #f0f0f0;background-image: url("https://vitamin-bourse.ir/asset/pic/wood.png"); padding: 20px 20px 20px 370px; direction: rtl; text-align: right; transition: .3s;}  .vc6w7o { opacity:0; z-index: -1; }  .vc6w7h { color: #300080; font-weight: bold;}  .vc6w7hi { color: #506080; font-size: 80%; }    .oTy3j { border-radius: 0px; background: #ffffffb0 ; position: relative; margin:10px; box-shadow: 0px 0px 20px #40506050; cursor: pointer; transition: .2s; border: 1px solid #a0c0f0; max-width: 350px}  .loYjT { position: absolute;}  .oTy3j:hover { background: #e0f0ffd0 ; box-shadow: 0px 0px 20px #405080a0; border: 1px solid #50a0f0}  .oTy3jh { background: #a0e0ff50 ; padding: 5px; transition: .4s ; color:#200080 }  .oTy3j:hover > .oTy3jh { background: #a0d0ffa0 ; color:#4000b0 }  .oTy3jc { font-size:85%; padding: 5px 7px; }  .oTy3jct { color: #806070 }  .oTy3ji { color: #b0a050; padding: 3px 2px 0px 2px; font-size: 90%; }    .h_vasaham { display: none !important; }        .itm { align-content: center !important;overflow: hidden !important ; direction: ltr; justify-content: center; align-content: center !important; display: flex !important; flex-wrap: wrap !important; height: 100% !important; white-space: nowrap }  .itm:nth-of-type(even) { background: #ffffff60 !important}  .itm:nth-of-type( odd) { background: #d0e0ff50 !important}    .inst{ position:relative; display:block; width: 100%; overflow: hidden !important ; font-size:110% !important; text-align: right !important; transition:.3s ; padding: 0px 5px;}  .inst:hover{ background:#e0e0ff; color:#5000f0}      img { display: block; margin: 0; }    .namaBox { flex-grow:1; overflow:auto; background:#a0c0f0 ; display:flex; flex-wrap: wrap; justify-content:center}  .link1_50{ width:50%;}  .link2_p { padding: 4px 8px; margin: 1px; transition: .3s; border: 1px solid #ffffff80; background: #ffffff30; width: 100%}  .link2_p:hover { background: #ffffff}  .namaItemI { width: 100%; position: relative; }  .namaItemImg { width: 100%; height: 100%; transition: .5s; opacity: 1; }  .namaItemI:hover > .namaItemImg { opacity: .2; }  .namaItemIA { position: absolute; top: 0px; width: 100%; height: 100%; opacity: 0; transition: .3s; background: #5050a0c0; color: #ffffff; display: flex; align-items: center;flex-wrap: wrap; justify-content: center !important; padding-right:7px }  .namaItemIA:hover { opacity: 1; }    .uc1NGc { width: 100%; position: relative; }  .uc1NGcs { padding: 15px; color: #00a050}  .uc1NGl { width: 100%; position: absolute; top: 0px; right: 0px; left: 0px; bottom: -10px; background: #d0fff0c0; box-shadow: inset 0px 0px 50px #50e0f0;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 20px; z-index: 100};    .uc1NG { flex-grow:1; overflow:auto; background:#e0f0ff ; }  .uc1NGT { padding: 10px; font-size: 90%; color: #008050 }    .uc1NGu { padding: 8px 17px 2px 17px; color: #003080; }  .uc1NGf { padding: 3px 15px 8px 15px; }  .uc1NGi { width: 100%; border: 1px solid #50e0a0; padding: 7px; border-radius: 7px; color: #206040; font-size: 90%; font-family: inherit;}  .uc1NGit { min-height: 150px; max-width: 100% !important; min-width: 100%; }  .uc1NGo {padding:0px 17px; font-size: 85%;}    .uc1NGrm { padding: 0px 15px 8px 15px; font-size: 90%; }  .uc1NGrmt { padding: 0px; font-size: 13px; color: #8080a0; padding: 0px 5px; cursor: pointer;}  .uc1NGrmc { color: #104070; display: none; transition: .3s}    .uc1NGb { cursor: pointer; margin:10px auto 20px auto; padding: 10px 20px; color: #506070; background: #f0ffff; box-shadow: 0px 0px 10px #a0b0c080; width: 50%; text-align: center; border-radius:10px; transition: .3s}  .uc1NGb:hover { color: #5060b0; background: #ffffff; box-shadow: 0px 2px 15px #80a0c0a0; }      .u2go3 { padding:10px; display:flex }  .fBfcp { padding:8px 12px; border: 1px solid #b0b0c0; border-radius: 8px; margin: 5px; cursor: pointer; transition: .2s;}  .fBfcpA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; cursor: auto !important;}  .fBfcpE { margin-right: 15px; border: 1px solid #00d0a0; background: #e0fff0; padding: 8px 18px; border-radius: 0px; font-weight: bold;}  .fBfcpE:hover { border: 1px solid #00a050; background: #c0ffe0; color: #006030; }    .xbAvi { padding:10px; display:flex; flex-wrap: wrap; }  .arDIs { padding:6px; border: 1px solid #b0b0c0; margin: 5px; cursor: pointer; transition: .2s; font-size: 90%; border-right: 3px solid #00000040 }  .arDIsA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; box-shadow: 0px 0px 8px #a0a0f0a0; border-right: 3px solid #50a0f0 !important}    .lhQ1h { direction: rtl;text-align: right;;position: absolute; top: 130px; right: 10px; left:360px; background: #fff; background: #f0f5fff0; box-shadow: 0px 0px 20px #5070c0; display: none; transition: .2s; opacity: 0; color: #201040}  .lhQ1hA { display: block; opacity: 1;}    .lhQ1hC { position: absolute; left: 0px; top: 0px; height: 40px; width: 40px; font-size: 22px; background: #f0000020; color: #700020;cursor: pointer;}    .lhQ1hH { position: absolute; width: 100%; top: 100%; right: -110%; padding: 10px 15px; background: #fffffff0; color: #300050; transition: .2s; opacity: 0; box-shadow: 0px 0px 3px #5080d0; z-index: -1}  .arDIs:hover > .lhQ1hH { right: 0%;opacity: 1}  .fBfcp:hover > .lhQ1hH { right: 0%;opacity: 1}                .srxFDD{ padding: 8px 10px; font-size: 15px}  .srxFDT{ font-size: 90%; color: #008040}    .srxFDN { padding: 5px; margin: 8px 0px 0px 0px}  .srxFDNT { font-weight: bold; color: #002070}  .srxFDNC { padding-right: 10px; color: #404050}              .iE39J { width: 100%; height: 40px; margin-top: 8px; position: relative; background: #ffffff; color: #fff; border: 1px solid #80b0f0}  .iE39JB { top: 0px; bottom: 0px; position: absolute; color: #303050; z-index: 100; }  .iE39JR { right: 0px; top: 0px; bottom: 0px; position: absolute; background: #00c050; color: #d0ffd0; justify-content: flex-start; padding-right: 6px; z-index: 10}  .iE39JL { left: 0px; top: 0px; bottom: 0px; position: absolute; background: #d02030; color: #ffd0d0; justify-content: flex-end; padding-left: 6px; z-index: 10}      .panelQuestion { padding: 10px; }  .panelQuestionItem { padding: 10px 5px; }  .panelQuestionItemHead { font-weight: bold; }  .panelQuestionItemAnswer { font-weight: bold; }        .sBAba { padding: 5px; }  .hY1Bp { padding: 0px 5px 6px 5px; font-size: 85%; opacity: 0.9; color: #d00000; }  .voEP4, yEoap { padding: 5px; max-width: 90%; border: 1px dashed #00205080; border-radius: 5px;box-shadow: 2px 2px 4px #20406010,2px 3px 12px #20406010;}  .editUserValsInputLeft { text-align: left; direction: ltr; }      .iLhXW { padding: 4px 5px; max-width: 90%; border: 1px dashed #20406020; border-bottom: 1px solid #00205080; border-radius: 4px; outline: none; }        .hi1000 { }  @media (max-width: 1000px)  {  .hi1000 { display: none !important; }  }            .eP0Lv { background: var(--utNaN); display: flex; padding: 0px !important; }  .tXhvg { border: 1px solid var(--cVj9p); position: relative; min-width: 175px;   background: var(--u9N6V); box-shadow: 1px 3px 12px var(--grIt7);   margin: 12px 2px 14px 2px; padding: 25px 4px 5px 4px;  }  .yG55P { min-width: 150px;}  .xSxa9 { border: 1px solid var(--us8fy); padding: 5px 7px; backdrop-filter: blur(10px);   background: var(--ioGe8); box-shadow: 1px 3px 5px var(--rO4Vp);   position: absolute; right: 7px; top: -10px;;  }  .ngUVS { color: #840; font-size: 80%; padding-right: 4px; }    .cbRnF { width: 100%; position: relative; white-space: nowrap; overflow: hidden; padding-left: 75px;}  .pPT24 { padding-left: 30px;}  .z7EIj { padding-left: 5px; }  .aLQ92 { position: absolute; left: 0px; top: 2px; bottom: 2px; display: flex; }                  .svJkW { z-index: 30000000; background: #f5fafff0; border-radius: 5px;   border: 2px solid #2040a050; box-shadow: 3px 5px 12px -3px #004080a0; position: fixed; bottom: 5%; right: 5%;   min-height: 100px; width: 90%; max-width: 600px; max-height: 600px; overflow: auto;   -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);  }  .z4Oh3 { background: #ffffff50; box-shadow: 0px 5px 5px -3px #20406020; font-size: 110%; font-weight: bold; padding: 4px 6px;; }  .krJsv { padding: 12px 15px; line-height: 1.6; }  .d8imR { padding: 10px 11px; display: flex; }  .ktT6Y { padding: 4px 8px; opacity: .7; transition: .2s; cursor: pointer; border-radius: 5px; border: solid 1px #20406020; }  .ktT6Y:hover { opacity: 1; background: #ffffff50; }                      .zSMz0 { padding: 15px; ; }  .txoZc { padding: 8px; display: flex ; font-size: 90%; }    .d5Qyb { border: 1px solid #20406000; transition: .2s; }  .bC28r { border: 1px solid #20406000; margin: 2px; padding: 2px 4px; border-radius: 5px;; }    .hQjwT { display: flex; padding: 2px 5px; width: 200px; border-radius: 5px; overflow: hidden; cursor: pointer;; }  .qsChh { padding: 4px 6px; flex: 1; flex-grow: 1; }  .gYZaV { padding: 4px 6px; font-size: 90%; }    .nFBsX { display: none; padding: 5px; border-radius: 7px; background: #ffffff50; }  .iwi0R { display: flex; flex-wrap: wrap; }  .c9Jon { padding: 3px 5px; cursor: pointer; background: #ffffff70; border-radius: 4px; border: 1px solid #20406020; margin: 2px; }  .h501s { padding: 3px 5px; cursor: pointer; background: #ffffff50; border-radius: 4px; border: 1px solid #20406000; margin: 2px; }  .n8gZU { border: 1px solid #0040d060; color: #0040d0; }  .doFUH { border: 1px solid #00903060; color: #009030; }  .igUNR { border: 1px solid #a0200060; color: #a00000 }        .d13pS { display: flex; flex-wrap: wrap; padding: 10px 5px; }  .jxtoz { overflow: hidden; font-size: 94%; border: solid 1px #20407050; background: #ffffff80; border-radius: 5px; width: 46%; margin: 2%; cursor: pointer; transition: .2s;   box-shadow: 0px 8px 25px -8px #20406040; position: relative; max-width: 155px;  }  .p1tuY { max-height: 90%; max-width: 500px; cursor: auto; }  .w7vcZ { min-width: 180px; }  .jxtoz:hover { border: solid 1px #2040a0a0; background: #ffffffc0; transform: translate(0px, -3px); box-shadow: 0px 12px 25px -10px #20406080; }  .pUDrU { display: flex; height: 25px; justify-content: center; align-items: center; background: #ffffff; border-bottom: solid 1px #20406030; box-shadow: 0px 6px 10px -4px #20406030; }  .z4qY5 { display: flex; flex-wrap: wrap; height: 70px; border-bottom: solid 1px #20406030; }  .rZrGu { display: flex; justify-content: center; align-items: center; background: #a0c0ff20; height: 100%; width: 25%; border: solid 1px #20406030; }  .gZS3s { background: #f0f0ff10; width: 75%; height: 100%; padding: 1px;}  .w3GkH { padding: 2px 10px; white-space: nowrap; }  .fRhEf { text-align: left; direction: ltr; }  .hANUl { font-size: 85%; padding-left: 10px; }      .wnx8n { width: 94%; position: relative; }  .jwGOZ { position: absolute; left:45%; width: 10%; background: #909090; top: 0px; bottom: 0px; }        .drlHJ { min-height: 180px; width: 100%; }  .vhMgX { width: 100%; }  .cDCrO { bottom: 2px; left: 0px; right: 3px; padding: 5px 8px; position: absolute; z-index: 300;; background: #f0faffd0; }    .rxGqd { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50000000; }  .hAPDC { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);   background: #f5faff60;  }    .gzjAw { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }    .mlzdp { height: 50px; padding: 7px; display: flex; background: #00f08008; justify-content: center; align-items: center; }  .rCi8A { height: 90%; cursor: pointer; border-radius: 4px; margin: 0px 15px; padding: 4px 10px; font-size: 110%; display: flex; justify-content: center; align-items: center; opacity: .7; }  .oO4iZ { margin: 0px 20px; opacity: 1; color: #a00030; ; }  .aS1O3 { opacity: 1; background: #0080ff; color: #ffffff; }  .pEfaR { flex: 1; display: flex; background: #0000f020; justify-content: center; align-items: center; flex-wrap: wrap; overflow: auto; }      .wb6bx { padding: 7px; font-size: 110%; }  .bpzUs { padding: 6px 15px; cursor: pointer; margin: 6px; border-radius: 4px; border: 1px solid #20406040; background: #fdffff; display: block; display: flex; }  .hkUm5 { justify-content: flex-end; font-family: cursive !important;}  .j6sG6 { display: flex; justify-content: center; align-items: center; padding: 0px 15px; opacity: .7; transform: scale(.95); }      .n2Aoq { max-width: 400px; margin: 15px 15px; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 10px 20px -8px #20406050; }  .suUl9 { padding: 5px 9px; font-weight: bold; }  .zN8py { display: flex; height: 30px; border-top: 1px solid #20406020; }  .chSR0 { display: flex; align-items: center; padding: 0px 8px; }  .oixae { display: flex; align-items: center; padding: 0px 8px; direction: ltr; flex: 1; }                        .aS1lM { display: flex; height: 25px; padding: 0px;; }  .w6CPB { display: flex; height: 100%; align-items: center; width: 134px; }  .kHQQZ { display: flex; height: 100%; align-items: center; width: 35px; justify-content: center; opacity: .8; font-size: 90% ; }                .qk3Gc { margin: 5px 8px; border-radius: 4px; overflow: hidden; border: 1px solid #20406035; background: #ffffff60; }   .j8sgw { background: #ffffff50; cursor: pointer; display: flex; height: 35px; padding: 0px 5px; box-shadow: 0px 4px 10px -5px #20406050; border-bottom: 1px solid #20406030; }   .pA703 { display: flex; height: 100%; align-items: center; }   .tJ8qs { padding: 0px 8px; }   .pxyZx { padding: 2px 5px 0 0; font-size: 90%; opacity: .85;; }     .yTP7Y { }   .xNwdv { display: flex; height: 30px; }   .v7bCX { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; border-right: 1px solid #20406020; }   .haPSq { justify-content: start; padding-right: 8px; ; }   .qBZ0p { border-left: 3px solid #20406020 ; }   .wRAen { justify-content: start; padding-left: 8px; direction: ltr; }     .kscki { text-shadow: 0px 1px 12px #00f080a0; color: #071; outline: 1px solid #00f00020; outline-offset: -1px; background: #00d08004; }   .shjcT { text-shadow: 0px 1px 12px #f0505080; color: #710; outline: 1px solid #00f00020; outline-offset: -1px; background: #d0000004; }     .sciyz { position: absolute; z-index: -1; background: #0070c020; border-left: 1px solid #0050c050; top: 0px; right: 0px; bottom: 0px; }       .bx01J { margin-top: 3px; border-top: 1px solid #00408020; background: #00c0ff20; font-size: 94%; color: #003070; height: 28px; }        .wgqEi { border-bottom: 1px solid #20406035; background: #ffffff60; display: flex; height: 30px; }  .f6Fjt { border-top: 2px solid #20406020; background: #ffffff60; display: flex; height: 30px; }  .cg29u { border-bottom: 2px solid #00407030; background: #f0f8ff50; display: flex; height: 28px; margin-bottom: 0px; font-size: 90%; ; }                      .oO30x { width: 100%; line-height: 1.7; padding: 80px 1%; display: flex; flex-wrap: wrap; justify-content: center; }    .egLav { width: 100%; max-width: 1600px; display: flex; flex-wrap: wrap; justify-content: center; }  .rf1EG { width: 100%; max-width: 2000px; display: flex; flex-wrap: wrap; justify-content: center; }      .qG3Hc { padding: 30px 0px; }   .yxlj6 { width: 100%; max-width: 400px; }   .zo8Il { width: 100%; max-width: 1000px; }    .mirwz { padding: 10px 0px; }        .mbLd5 { width: 100%; line-height: 1.7; padding: 50px 1%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; }  .a0xwc { width: 100%; max-width: 1100px; overflow: auto; }      .eUnUV { width: 100%; min-width: 600px; background: #ffffff50; padding: 16px;; }   .sfXsi { display: flex; align-items: center ; padding: 1px 0px; }   .nRG9D { padding: 4px 8px;; }   .d2nVn { padding: 4px 8px !important; margin: 0px 5px 0 0; font-size: 95%; display: flex; }   .bPpxg { display: flex; align-items: center ; padding: 5px;; }   .smQbb { transition: .2s; background: #fafbff; border-radius: 5px; min-width: 80px; max-width: 170px; cursor: pointer;; overflow: hidden; margin: 5px 8px ; padding: 5px; outline: 1px solid #50a0f050; }   .smQbb:hover { background: #fff; outline: 2px solid #00a0f0a0; }   .qDJzC { font-size: 110% ; padding: 5px; white-space: nowrap; }   .lD4lj { font-size: 80% ; padding: 0px 4px; white-space: nowrap; }   .xjvx3 { font-size: 85% ; padding: 0px 5px; white-space: nowrap; }   .bMppw { color: #5080b0; }   .s3ZXM { color: #20b050; }   .apmJf { color: #b06050; }    .xeSo0 { width: 100%; min-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-around; }   .aQaLW { border: 1px solid #20406040; border-radius: 4px; overflow: hidden; width: 510px; margin: 0px; background: #ffffff80; }   .nRPAi { min-height: 35px; display: flex; }   .ksOXp { border: 1px solid #20406030; display: flex; justify-content: center; align-items: center; width: 65px; overflow: hidden; white-space: nowrap; }   .a9ATb { color: #007040; direction: ltr; padding: 2px; }   .f5uoA { background: #b0d0f020; }   .vfqgF { width: 120px; }   .h080t { font-weight: bold; }   .cFOoN { width: 100%; padding: 5px 12px; font-size: 90%; margin-bottom: 8px; }   .oWsnd { color: #002040; cursor: pointer; transition: .2s; }   .oWsnd:hover { color: #fff; background: #00a0c0; }            .qnBxa { width: 100%; padding: 1%; position: relative; line-height: 1.8; overflow-x: hidden; }  .p40tP { display: flex; justify-content: center; align-items: center; width: 100%; }  .tBUDw { position: relative; width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; }  .muhIz { position: relative; width: 100%; overflow: auto; margin: 10px 0px;; }   .e11k6 { padding: 5px 30px; font-size: 120%; }  .pxztO { display: flex; justify-content: center; padding: 10px 5px; }  .fjxZt { display: flex; padding: 10px 5px; }    .k3UT0 { position: relative; z-index: 100; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(3px); background: linear-gradient(to left, #ffffff00, #ffffff40, #ffffff00); font-size: 17px; line-height: 1.7; }   .vCeGk { display: flex;width: 250px; height: 64px; }   .tce8r { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; position: relative; transition: 1s; border-radius: 50%;}   .tce8r:hover { transform: scale(1.2) rotate(400deg); }   .tBUDw:hover > .vCeGk > .tce8r { transform: scale(1.2) rotate(400deg) }   .ksAzy { padding-right: 14px; }   .iFTZ8 { font-size: 130%; }   .yaGT6 { font-size: 90%; opacity: .8; top: -5px; position: relative; }     .kgo1C { display: flex; min-width: 250px; height: 64px; align-items: center; padding: 0 30px 0 0; flex-grow: 1; flex-wrap: wrap;}   .dgIB0 { padding: 0 25px 0 22px; position: relative; }   .xzwQL { position: absolute; left: 4px; top: 7px; width: 10px; height: 10px; transform: rotate(45deg) scale(.8); opacity: .8;; border-right: 2px solid #204060;border-bottom: 2px solid #204060; }   .bbLmc { padding: 4px 6px; border-radius: 4px ; }   .kDjXg { display: flex; flex-grow: 1; direction: ltr; height: 100%; max-height: 40px; align-items: center; flex-wrap: wrap; overflow: hidden; }    .myJNe { min-height: 100vh; padding-top: 60px; overflow: hidden; font-size: 17px; }  .aW2Vm { padding-top: 20px; font-size: 17px; }    .d9o8H { min-height: 600px; }  .vIWk6 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 700px; min-height: 400px; }   .lhznI { width: 100%; padding: 3% 3% 2% 7%; background: linear-gradient(to left, #ffffff50, #ffffff10); border-radius: 5px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: 45px 45px 40px -45px #20408015; }   .lhznI:hover > .pxDmA > .kOeyV { transform: rotate(3deg) translate(0,-7px) scale(1.06); }   .lhznI:hover > .pxDmA > .jMz3z { transform: rotate(-3deg) translate(0,-7px) scale(1.06) }   .lhznI:hover > .pxDmA { color: #b0c0d0; font-weight: normal; }   .lhznI:hover > .iDsjS > .hdbyL { outline: 1px solid #0000a0; }   .lhznI:hover > .iDsjS > .shMyY { outline: 1px solid #00a000; }   .lhznI:hover > .iDsjS > .wpz6z { color: #00b050; font-weight: bold; transform: scale(1.05) translate(3px,0); text-shadow: 2px 5px 12px #00f05080; }  .f7S5u { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }    .yD7h2 { position: absolute; top: -10%; left: -10%; height: 100%; width: 50%; border-radius: 0 0 50px 0;   background: linear-gradient(-35deg,#00a0ff 0,#50c0ff 100%); transform: rotate(-10deg);  }    .gnfpq { font-size: 130%; color: #405060; font-weight: bold; padding: 0px; opacity: .9; }  .pxDmA { font-size: 170%; color: #002040; font-weight: bold; padding: 7px 0px; display: flex; transition: .3s; flex-wrap: wrap; }   .kOeyV { font-size: 120%; color: #0080e0; font-weight: bold; text-shadow: -1px -2px 8px #ffffff,5px 6px 10px #00a0ff50; transition: .3s; padding: 0px 10px; transform: translate(0,-6px); }   .jMz3z { font-size: 120%; color: #00a070; font-weight: bold; text-shadow: -1px -2px 8px #ffffff,5px 6px 10px #00c05050; transition: .3s; padding: 0px 10px; transform: translate(0,-6px) }  .eljaM { font-size: 125%; color: #002040; padding: 8px 0px; }  .iDsjS { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 10px; }   .wpz6z { color: #00a070; padding-left: 10px; transition: .3s; }   .vSMqp { color: #fff; padding: 3px 15px; margin: 0px 10px; cursor: pointer; transition: .2s; border-radius: 5px; }   .vSMqp:hover { transform: scale(1.1); box-shadow: 0px 4px 12px -3px #005080a0; }   .hdbyL { background: #50a0f0; transition: .3s; }   .shMyY { background: #00d080; }    .firstBoxTitleB { font-weight: bold; font-size: 105%; color: #0080ff; }      .mflN7 { background: #ffffff80; padding: 5px 10px; border-radius: 4px; margin: 2px; }  .fJDSG { box-shadow: 0px 10px 20px -8px #50402020; color: #a07000; border: 1px solid #80002060; }  .aTS1x { box-shadow: 0px 10px 20px -8px #00408020; color: #204060; border: 1px solid #00406060; }    .dQCCp { justify-content: center; padding: 40px 0px; }    .hBgS2 { padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;   box-shadow: 0px 20px 30px -15px #0050a040; border-radius: 10px; background: #ffffff80; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);   background: linear-gradient(to bottom, #e0f0ff50 , #f0f8ff50); border: 1px solid #ffffff; }  .m7jHo { padding: 10px; min-width: 100px; border-radius: 5px;   margin: 10px; transition: .25s; position: relative;   background: linear-gradient(150deg, #f0ffff, #f0f0ff, #ffe0ff);   box-shadow: 4px 20px 10px -10px #40608030;   outline: 2px dashed #00a0ffa0;   cursor: pointer;  }  .m7jHo:hover {   outline: 2px solid #00a0ff;   box-shadow: 4px 30px 10px -15px #a060c060;   transform: scale(1.1) translate(0px, -4px);   background: linear-gradient(160deg, #e0ffff, #50a0ff10, #ffe0f0);  }  .eWMPJ { position: absolute; background: #50709050; z-index: 100; color: #fff; text-shadow: 0px 0px 8px #002050; padding: 15px; top: 0px; right: 0px; left: 0px; bottom: 0px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }    .qIdWc { padding: 5px 5px 10px 5px; color: #205080 ; }  .cGfcS { padding: 5px 5px 10px 5px; text-align: center; color: #005090; font-weight: bold; }    .xtRpb { display: flex; padding: 5px 10px;; }  .y7yeW { width: 25px; height: 25px; margin: 3px 4px; position: relative; z-index: 1;; }  .dglHr { display: none; position: absolute; white-space: nowrap; top: 0px; right: 120%; background: #fafcffe0; padding: 3px 4px; font-size: 70%; border-radius: 5px; }  .y7yeW:hover { z-index: 50;}  .y7yeW:hover > .dglHr { display: block; z-index: 100; }    .mbMnf { opacity: .2; }  .mewnC { width: 100%; height: 100%; }      .jXW5D { padding: 5px; width: 195px; height: 175px; background: #ffffff80; box-shadow: 0px 10px 20px -8px #20408025;   padding: 5px 10px; border-radius: 4px; line-height: 1.7; margin: 10px;   border: 1px solid #00802020;  }  .xaIlm { padding: 10px; display: flex; justify-content: center; font-size: 120%; font-weight: bold; color: #007030; }  .yIqLH { padding: 3px; }      #bSaVE { scroll-behavior: smooth; }    .w3489 { padding: 0px 0px 0px 0px; background: #e0f0ff20; color: #304050; position: relative; }    .cX07u  {   padding: 60px 1%; display: flex; justify-content: center; align-items: center; position: relative;  }  .rPFuP { opacity: .92; transform: scale(.92);}    .w2GEL { display: flex; padding: 10px 2% 10px 7%;   perspective: 200px; position: relative; }  .j1tqb { justify-content: end; }  .rXTB3 {   z-index: 1; transition: .2s; min-width: 500px; min-height: 200px;   opacity: 1; border-radius: 0px; max-width: 900px; background: #f0f5fa;   overflow: hidden;   transform: skew(6deg, 1deg) rotateY(2deg) rotateX(1deg);   border: 1px solid #20406050;   border-bottom: 5px solid #b0c0d0;   border-left: 7px solid #c0d0e0;   border-top-left-radius: 8px;   border-bottom-right-radius: 8px;   box-shadow: -5px 5px 6px -2px #20407050, -20px 20px 20px -5px #20406050;;  }  .oGYvs { position: absolute; z-index: 100; padding: 10px 15px; background: #ffffff80; color: #0040a0; border-radius: 0 0 5px 0;   font-size: 30px; top: 0px; left: 0px; text-shadow: 1px 3px 10px #00c0f0; }  .qy9nM { min-width: auto; }  .zjif8 { width: 100%; display: none; }  .aB876 { color: #808890; position: absolute; top: 108%; right: 40px; display: none; z-index: 2; white-space: nowrap; }  .qrJFl { display: block; animation: fUgjy .4s 1; }  .uuJCY { display: block; animation: fpvGT .4s 1; }    .eu1o9  {   min-height: 300px;   font-size: 110%; width: 100%; max-width: 350px;   position: relative; transition: .2s; display: flex; flex-wrap: wrap; z-index: 2;  }  .rnWnk { display: flex; align-items: center; padding: 3px 10px 3px 5px; }    .eu1o9:hover  {  }        .tEf6N  {   flex-grow: 1; padding: 15px 2% 15px 2% ; font-size: 110%;  }  .dLu6h  {   transition: .2s; position: relative; overflow: hidden; cursor: pointer;   background: #ffffff80; box-shadow: 0px 10px 20px -8px #20408020;     border: 1px solid #20508040;   backdrop-filter: blur(10px);     margin: 10px 10px 10px 20px ; border-radius: 4px; border-right: 5px solid #00a0f0d0;   font-weight: bold; padding: 8px 15px; font-size: 125%; color: #5070a0;   text-shadow: -1px -2px 5px #ffffff, 2px 2px 5px #00a0ff50;  }  .pwSm1 { font-weight: normal; opacity: .9; transform: scale(.9); border-right: none !important; padding-right: 20px; }  .fJDus  {   transition: .2s; position: relative; overflow: hidden;   border: 1px solid #20508040;   backdrop-filter: blur(10px);   background: #ffffff80; box-shadow: 0px 10px 20px -8px #20408020;   margin: 10px 10px 10px 20px ; border-radius: 4px; border-right: 5px solid #d04040a0; padding: 8px 15px; font-size: 100%; color: #a05050;   text-shadow: -1px -2px 5px #ffffff, 2px 2px 5px #00a0ff50;  }    .dLu6h:hover { opacity: 1;   border-right: 8px solid #00a0f0d0; color: #2070e0;  }  .noZEN  {   position: absolute; height: 100%; left: 15px; top: 0px; display: flex; align-items: center;   font-family: monospace; font-size: 85%; opacity: .85;  }  .bMlqT  {   position: absolute; width: 50px; height: 100%; left: 25px; top: 0px; border: 8px solid #00a0f0; transition: .2s;;   border-right: none; border-top: none; transform: rotate(45deg); border-bottom-left-radius: 7px; opacity: .5;  }  .dLu6h:hover > .bMlqT { opacity: 1; box-shadow: -5px 5px 1px #00a0ff80 ; }  .supAl  {   border: 1px solid #20407010;   background: #ffffff80; box-shadow: 0px 10px 20px -8px #20408020;   backdrop-filter: blur(10px);     width: 100%; padding: 4%; border-radius: 4px;   color: #203050; text-shadow: -1px -2px 5px #ffffff, 2px 2px 5px #00a0ff50;  }      .x4f99  {   transition: .2s; position: relative; overflow: hidden; cursor: pointer;   text-align: right;     border: 1px solid #20407010;   background: linear-gradient(to left, #0070f0c0, #0070f0a0);   backdrop-filter: blur(10px);   margin: 15px 20px 10px 20px ; border-radius: 5px; padding: 8px 25px 8px 5px; font-size: 115%; color: #f0f5fa;   text-shadow: -1px -2px 5px #0080e080, -2px 2px 5px #0080e0; position: relative;  }  .x4f99:hover {   background: linear-gradient(to left, #0070fff0, #0070ffb0); color: #ffffff;  }  .u7xab { background: #507090 !important; cursor: auto !important }  .mJSsk { padding: 0px 2%; }      .omgYs { z-index: 19000 ;   position: absolute; bottom: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex;   box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030;   background: #ffffff20 !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }  .lJqd5 { display: flex; width: 100%; justify-content: center; }  .ueJgX { display: flex; justify-content: center; align-items: center; }  .l8LzD { padding: 0px 5px; margin: 0px 5px; border-radius: 3px; background: #ffffff80; transition: .2s;   height: 100%; display: flex; justify-content: center; align-items: center; font-size: 90%;   cursor: pointer;   border: 1px solid #a0b0d050;  }  .l8LzD:hover { background: #fff; border: 1px solid #50a0d0; }        .kwm3h { background: #304050; color: #f5faff; padding: 30px 1% 50px 1%; display: flex; justify-content: center; }  .gLVEL { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; }    .cQybX { flex: 1 0 300px; padding: 5px 10px; }  .kBgEJ { display: flex; padding: 5px; }  .cSb0y { display: flex; }    .eyE2g { min-width: 270px; display: flex; justify-content: center; }  .q6AvX { padding: 5px 0px; width: 100%; }  .pukdi { font-size: 115%; color: #b0ffe0; padding: 0 0 6px 0; }  .qivMJ { display: flex; padding: 4px 1px; }  .cZSBV { flex: 1; padding: 0px 5px; }  .aqFqj { padding: 0px 5px;; }      .hide  {   display: none !important;  }  .cod  {   position: fixed; height:5px; width: 5px; overflow: hidden; top: 0px; right:-10px;  }        .centerCenter  {   display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }  .page1  {   background: #80b0ff10; width: 100%; padding: 5px; position: relative;   background: radial-gradient(farthest-side at 0% 0% ,#80b0ff40 0%,#80b0ff10 50%, #80b0ff10 90% , #80b0ff10 50%);   background: radial-gradient(farthest-side at 0% 0% ,#80ffff20 0%,#80b0ff10 50%, #40b0ff30 90% , #a0c0ff20 50%)  }  .page1Bg { position: absolute; top: 20%; left: 10%; right: 10%; bottom: 0px; }  .page1BgI { width: 100%; height: 100%; ; }  .firstBoxBefore  {     border: 2px solid #ffffffa0;   box-shadow: -5px -8px 10px #ffffff50,5px 8px 20px -5px #70a0d0a0, inset 10px 10px 20px -10px #ffffffa0;   width: 325px; height: 175px; transform: rotate(-5deg); backdrop-filter: blur(5px);   background: #ffffff50; position: absolute; top: -16px; z-index: -1; right: 60px; border-radius: 7px  }    .firstBoxBefore { height: 95px; }  .maxW  {   width: 100%; max-width: 1000px; height: 100%;  }  .maxW100  {   width: 100%;  }  .z41Qt { padding: 5px 5px 15px 5px; }  .nimPage  {   width: 50%;  }  .nimPage1  {   min-height: 700px;  }  .firstPicBox  {   width: 370px; height: 440px;   border-radius: 10px; ; position: relative;  }  .firstPicBoxBef  {   box-shadow: 5px 20px 40px -20px #4080b0a0, 1px 3px 8px #0050c0a0;   position: absolute; top: -8%; bottom: -8%; content: ''; right: -8%; left: -8%; border-radius: 40%;   background: linear-gradient(-35deg,#60b0ff,#80d0ff);  }  .firstPicBoxAb  {   width: 100%; height: 100%; top: 0px;right: 0px; overflow: hidden;   background: #fff; box-shadow: 1px 2px 8px #5070a025, 5px 10px 50px #5070c050;   border-radius: 10px; ; position: absolute;  }  .firstPicBoxC  {   height: 100%; width: 100%; position: absolute; display: none;  }  .cERC6 { position: absolute; bottom: 20px; max-width: 90%; right: 12px; background: #ffffffc0; border-radius: 5px; padding: 8px 12px; z-index: 150;   -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); font-size: 18px; box-shadow: 0px 5px 15px -4px #204060a0; border: 1px solid #fff;  }  .firstPicBoxCA  {   display: block; animation: pageB .25s ease-in 1;  }  @keyframes pageB { 0%{ opacity: 0; transform: translate(-200px ,20px) scale(.8) rotate(-15deg) } 100%{ opacity: 1; transform: translate(0 ,0) scale(1) rotate(0) } }      .firstPicBoxCE  {   display: block !important; animation: pageBe .25s linear 1 !important;  }  @keyframes pageBe { 0%{ opacity: 1; transform: translate(0 ,0) scale(1) } 100%{ opacity: 0.5; transform: translate(100px ,50px) scale(.8) rotate(10deg) } }    .firstPicBoxPic  {   width: 100%;position: absolute; opacity: 0; z-index: 1;  }  .firstPicBoxPicA  {   opacity: 1; z-index: 2; animation: pbpa .1s ease-in 1;  }  @keyframes pbpa { 0%{ opacity: .3} 100%{ opacity: 1 } }    .firstBox  {   font-size: 18px; height: 100%; position: relative; z-index: 2; padding-left: 10%; max-width: 500px;  }      .firstBoxIntro  {   font-size: 20px; color: #0060a0; padding: 10px; transform: rotate(-5deg);   text-shadow: -1px -2px 5px #ffffff, 2px 2px 5px #00a0ff50;  }    .listBox  {   font-size: 14px;   background: #ffffff60; border-radius: 5px;   width: 100%; height: 100%;   z-index: 5; backdrop-filter: blur(5px);   box-shadow: -5px -8px 10px #ffffff50, 5px 8px 20px -5px #70a0d0a0, inset 10px 10px 20px -10px #ffffffa0; border: 2px solid #ffffffa0;   display: flex; flex-direction: column; justify-content: center; overflow: hidden;  }  .listBoxItem  {   padding: 8px 20px; cursor: pointer;; opacity: .9; display: flex;   border-bottom: 1px solid #50608020; transition: .2s; color: #304050e0;  }  .listBoxItem:hover { opacity: 1; color: #304070; padding: 8px 25px; background: #ffffff; }  .listBoxItemDeactive { padding: 8px 22px !important; cursor: auto !important;; opacity: .5 !important; }  .ItemIntro { font-size: 11px; padding: 7px 5px 0px 0px; opacity: .9; }  .listBoxItem:hover > .ItemIntro { opacity: 1; }  .ItemTitle { min-width: 180px; padding-right: 10px; }  .listBoxItemIm { color: #00c090 }  .listBoxItemFucher { color: #0080b0 }  .listBoxItemSpesial { color: #0050b0 }  .listBoxItemEnd { color: #800080 }  .ItemVer  { flex-grow: 1; text-align: left; font-family: cursive; font-size: 60%; opacity: .7; padding-top: 4px; }      .row { display: flex; }  .roww { display: flex; flex-wrap: wrap }  .pageDidban { padding: 5px; ; background: #e0f0ff20; color: #304050; position: relative; }  .pageDidbanDA { display: none !important }  .pageDidbanBG  {   position: absolute; ; opacity: 0.08; top: 0; right: 0; left: 0; bottom: 0; z-index: -1;   background-image: linear-gradient(30deg, #a0d0f0 12%, transparent 12.5%, transparent 87%, #a0d0f0 87.5%, #a0d0f0), linear-gradient(150deg, #a0d0f0 12%, transparent 12.5%, transparent 87%, #a0d0f0 87.5%, #a0d0f0), linear-gradient(30deg, #a0d0f0 12%, transparent 12.5%, transparent 87%, #a0d0f0 87.5%, #a0d0f0), linear-gradient(150deg, #a0d0f0 12%, transparent 12.5%, transparent 87%, #a0d0f0 87.5%, #a0d0f0), linear-gradient(60deg, #a0d0f077 25%, transparent 25.5%, transparent 75%, #a0d0f077 75%, #a0d0f077), linear-gradient(60deg, #a0d0f077 25%, transparent 25.5%, transparent 75%, #a0d0f077 75%, #a0d0f077);   background-size: 80px 140px;   background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;  }  .pageDidbanBG2  {   position: absolute; ; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background-color: #f0f8ff;   background: radial-gradient(circle, transparent 20%, #f0f8ff 20%, #f0f8ff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #f0f8ff 20%, #f0f8ff 80%, transparent 80%, transparent) 100px 100px, linear-gradient(#e0f0ff 8px, transparent 8px) 0 -4px, linear-gradient(90deg, #e0f0ff 8px, #f0f8ff 8px) -4px 0;   background-size: 200px 200px, 200px 200px, 100px 100px, 100px 100px;  }        .pageDidbanBG4  {   position: absolute; ; opacity: 0.08; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background-color: #f0f8ff;   background-color: #f0f5ff;   background-image: linear-gradient(135deg, #a0c0f0 25%, transparent 25%), linear-gradient(225deg, #a0c0f0 25%, transparent 25%), linear-gradient(45deg, #a0c0f0 25%, transparent 25%), linear-gradient(315deg, #a0c0f0 25%, #f0f5ff 25%);   background-position: 40px 0, 40px 0, 0 0, 0 0;   background-size: 80px 80px;   background-repeat: repeat;  }    .pageDidbanBG3  {   position: absolute; ; opacity: 1; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background-color: #f0f8ff;   background-image: linear-gradient(#e5f2ff 4px, transparent 4px), linear-gradient(to right, #e5f2ff 4px, #f0f8ff 4px);   background-size: 80px 80px;  }    .pageDidbanBG5  {   position: absolute; ; top: 0; right: 0; left: 0; bottom: 0; z-index: -1;   background-blend-mode: multiply; background-color: #f6fbfe;   background-image: radial-gradient(circle at center center, #f0f8ff, #f0f5ff), repeating-radial-gradient(circle at center center, #f0faffa0, #f0ffff, 40px, transparent 80px, transparent 40px);  }  .pageDidbanBG6  {   position: absolute; ; opacity: 0.08; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background-color: #f0f8ff;   background: repeating-linear-gradient( 45deg, #a0c0f0, #a0c0f0 20px, #f0f5ff 20px, #f0f5ff 100px );  }      .pageDidbanBG7  {   position: absolute; ; opacity: 1; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background-color: #f0f8ff;   border-top: 1px solid #20406040;border-bottom: 1px solid #20406040;   background: repeating-linear-gradient( -45deg, #e5f2ff , #e5f2ff 20px, #f0f5ff 20px, #f0f5ff 100px );  }    .pageDidbanBG8  {   position: absolute; ; opacity: 0.05; top: 0; right: 0; left: 0; bottom: 0; background-color: #f0f8ff;   background-image: repeating-linear-gradient(45deg, #a0c0f0 25%, transparent 25%, transparent 75%, #a0c0f0 75%, #a0c0f0), repeating-linear-gradient(45deg, #a0c0f0 25%, #f0f5ff 25%, #f0f5ff 75%, #a0c0f0 75%, #a0c0f0);   background-position: 0 0, 40px 40px;   background-size: 80px 80px;  }        .pD_title { font-size: 30px; padding: 10px 20px; background: linear-gradient(45deg, #00e0ff, #0080f0); border-radius: 5px; margin: 10px 20px; color: #fff; }  .pD_title2 { font-size: 20px; padding: 10px 5px 10px 10px; }  .pD_intro { max-width: 620px; padding: 20px 30px;background: #ffffff50; border-radius: 5px; margin: 10px; font-size: 120%; line-height: 1.6; text-shadow: 1px 1px 7px #5080a040; }  .pD_intro2 { color: #0080a0; padding: 2px 0px }  .pD_intro3 { color: #008080; padding: 2px 0px; font-size: 90% }  .myhr { border-top: 1px dashed #a0b0c0 }  .pD_intro3 { font-size: 85%; opacity: .9; }  .pd_iHash { font-size: 12px; padding: 15px 0px 8px 0px }  .pd_ih_item { margin: 2px 5px; padding: 4px; background: #fafbfe; color: #6080a0; border: 1px dashed #c0e0ff; border-radius: 5px; }    .pd_left { max-width: 620px; padding: 20px 30px; width: 100%; }  .pd_l_intro { padding: 25px; background: #ffffffc0; border-radius: 9px; border: 2px solid #0060a030; position: relative;   box-shadow: 1px 2px 8px #60a0c015, 5px 15px 50px #5070c025; margin: 10px; }  .pdli_del { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; background: linear-gradient(to bottom, #fafafa60,#f0f2f5b0,#fffaf5e0,#f0f2f5b0,#fafafa60);   color: #500; text-shadow: 0px 0px 5px #fff0f0; font-size: 130%; padding: 30px; }    .filterIntro { padding: 20px 15px; max-width: 800px; }  .filterIntro2 { padding: 10px; width: 50%; max-width: 500px; }    .dLink { padding: 6px 10px; margin-top: 5px; background: #00a0ff; color: #f0faff ; border: 1px solid #f0a0f0a0; transition: .2s; cursor: pointer; border-radius: 8px; position: relative; overflow: hidden;}  .dLink:hover { background: #0080e0 ; color: #ffffff; border: 1px solid #a0a0a0; }  .dLinkA { position: absolute; top: 0px; right: 101%; width: 100%; bottom: 0px; background: linear-gradient(to left, #00a050,#00a05050); color: #fff;padding: 5px 10px; white-space: nowrap }  .dAA { animation: dLinkAn 1.5s 1 }    .dLink2 { padding: 6px 10px; transition: .2s; cursor: pointer; position: relative; overflow: hidden; border: 1px solid #5070a040; border-radius: 6px; color: #8090a0; }  .dLink2m { margin: 5px 15px }  .dLink2:hover { background: #ffffffd0 ; color: #0050a0; border: 1px solid #5070b0a0; }  @keyframes dLinkAn {   0% { opacity: 0; right: 100%; }   20% { opacity: 1;; right: 0%; }   75% { opacity: 1; right: 0%; }   100% { opacity: 0; right: 100%; }  }    .dp_links { padding: 10px 0px 0px 0px;}      .listOfB { direction: ltr; text-align: left; font-family: cursive; font-size: 13px; color: #a0b0c0; padding: 15px 0px 0px 0px; }  .lb_link { color: #7080a0; transition: .2s; }  .lb_link:hover { color: #2060c0; }        .g_div { width: 100%; min-width: 200px; max-width: 500px; min-height: 400px; }  .g_fpic_div { width: 400px; height: 450px; background: #fff; outline: 1px solid #20408050; position: relative; overflow: hidden;   box-shadow: 1px 3px 8px #5070a040, 2px 10px 40px -10px #5070a080 ; border-radius: 5px; }  .g_fpic_divAb { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }  .g_fpic_divAb_title1 { position: absolute; right: 30px; top: 280px; border-radius: 5px; z-index: 2; outline: 2px solid #fff; background: linear-gradient(to left, #ffffffc0, #ffffffa0); box-shadow: 0px 0px 10px #2050a030, inset 0px 0px 10px 5px #fff; backdrop-filter: blur(5px); font-weight: bold; color: #205070; font-size: 17px; display: flex; padding: 10px 25px; align-items: center; }  .g_fpic_divAb_title2 { position: absolute; right: 30px; top: 340px; max-width: 345px; border-radius: 3px; z-index: 2; outline: 1px solid #fff; background: linear-gradient(to left, #ffffffb0, #ffffff80); box-shadow: 0px 0px 10px #2050a030, inset 0px 0px 20px 5px #fff; backdrop-filter: blur(5px); color: #205070; font-size: 15px; display: flex; padding: 8px 20px; align-items: center; }  .g_fpic_divAb_A1 { animation: picShow1 0.25s ease-in 1; }  .g_fpic_divAb_A2 { animation: picShow2 .15s ease-in 1; }  .g_pic { width: 100%; }  .g_ctl_div { padding: 15px 5px 5px 5px }  .g_ctl_items { width: 50px; height: 50px; background: #fff; box-shadow: 1px 3px 8px #40506030; margin: 5px 7px; overflow: hidden; cursor: pointer;   outline: 1px solid #50607030; border-radius: 5px; overflow: hidden; transition: .2s; opacity: .8;  }  .g_ctl_items:hover { box-shadow: 1px 3px 8px #40506080; outline: 1px solid #506070a0; opacity: 1; }  .g_ctl_itemsAc { box-shadow: 1px 3px 8px #405060a0; outline: 3px solid #5060f0a0 !important; cursor: auto !important; transform: scale(1.08); opacity: 1; }  @keyframes picShow1 { 0%{ opacity: .8; transform: scale(2) rotate(-15deg) translate(-155px, -20px) ; filter: blur(20px) } 100%{ opacity: 1; transform: scale(1) translate(0,0) rotate(0); filter: blur(0px) } }    .g_ctl2_div { padding: 5px 5px 5px 5px ; }  .g_ctl2_items { width: 40px; height: 40px; animation: picShow2 .1s ease-in 1; }  .g_ctl2_items:nth-child(2) { animation-delay: .05s }  .g_ctl2_items:nth-child(3) { animation-delay: .1s }  .g_ctl2_items:nth-child(4) { animation-delay: .15s }  .g_ctl2_items:nth-child(5) { animation-delay: .2s }  .g_ctl2_items:nth-child(n+6) { animation-delay: .3s }  @keyframes picShow2 { 0%{ opacity: 1; transform: scale(1.2) rotate(-5deg) translate(25px, 20px) ; filter: blur(10px) } 100%{ opacity: 1; transform: scale(1) translate(0,0) rotate(0); filter: blur(0px) } }      .pvRpv { padding: 40px 0px; font-size: 110%; line-height: 130%; }    .toolCl { padding: 7px 15px; background: #ffffff80; border: dashed 1px #50608070; transition: .2s; border-radius: 5px; margin: 5px; color: #004090; cursor: pointer; font-size: 120%; }  .toolCl:hover { border: dashed 1px #4060a0a0; color: #206080; background: #fff; opacity: 1; }  .toolClAc { border: solid 1px #2060a0c0; color: #fff !important; opacity: 1; background: #50a0f0 !important; }  .toolHelperContent { background: #ffffffe0; position: relative; outline: 1px solid #5070a050; border-radius: 10px; padding: 20px; margin: 20px 0px 5px 0px; animation: boxShowAn .3s ease-in 1; }  @keyframes boxShowAn { 0%{ opacity: 0; transform: translate(-50px, 100px) scale(.4) } 60%{ transform: translate(150px, 0px) scale(1) } 100%{ opacity: 1; transform: translate(0px, 0px) scale(1) } }  .closeToolC { position: absolute; top: 5px; left: 5px; padding: 5px; border: dashed 1px #a00000a0; opacity: .6; transition: .2s; border-radius: 10px; z-index: 20; cursor: pointer; }  .closeToolC:hover { border: solid 1px #f00000; opacity: 1; color: #800 }      .namaItemI { width: 200px; height: 200px; position: relative; margin: 5px; border-radius: 10px; overflow: hidden; }  .namaItemImg { width: 100%; height: 100%; transition: .5s; opacity: 1; }  .namaItemI:hover > .namaItemImg { opacity: .2; }  .namaItemIA { position: absolute; top: 0px; width: 100%; height: 100%; opacity: 0; transition: .3s; background: #0050a0a0; color: #ffffff; display: flex; align-items: center;flex-wrap: wrap; justify-content: center !important; padding: 15px }  .namaItemIA:hover { opacity: 1; }      .pt50 { padding-top: 50px;}  .pd10 { padding: 15px;}              .jXHDA { padding: 20px 10px 50px 10px; height: 150px;;}  .wxTFl { margin: 10px; height:100px; max-width: 80px; }  .tWCkU { height: 100%; }              .iqBGs { width: 100%; position: relative; padding: 50px 0px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }  .is7On { width: 90%; max-width: 900px; position: relative; height: 500px; overflow: hidden; border: 1px solid #20406050;   box-shadow: 2px 4px 10px #20406050; background: #ffffff70; backdrop-filter: blur(4px);  }  .uabtU { width: 100%; position: relative; overflow: hidden; min-height: 400px; }    .rTY2q { width: 90%; max-width: 900px; padding: 10px; margin: 10px 6px;   overflow: hidden;  }  .i6gSV { padding: 5px 5px 0px 5px; white-space: nowrap; font-size: 120%; }  .pM3uN { padding: 5px 0px 5px 5px; white-space: nowrap; font-size: 80%; }        .hQFbd {   width: 90%; max-width: 900px; position: relative; min-height: 500px; overflow: hidden; display: flex; flex-wrap: wrap;  }  .d751t { background: red; height: 500px; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }  .nUBgm { background: blue; padding-top: 5px; }      .gXkpB { font-weight: bold; color:#002060; padding: 6px 2px 2px 1px }        .bigger { font-weight: bold; }            .qrO6G { position: relative; padding: 50px 2%; }  .yCEu2 { overflow: auto; }      .yb411 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }    .zf86q { margin: 5px 10px; padding: 8px 15px; font-size: 120%; background: #ffffffa0; color: #002060; }  .y7iPT { width: 100%; }  .eIuuy { margin: 5px 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }  .soFaC { margin: 5px 10px; padding: 5px 10px; font-size: 120%; background: #fff; color: #002060; display: flex; flex-wrap: wrap; }    .moElU { display: flex; flex-wrap: wrap; width: 700px; height: 300px; border: 1px solid #0080c020; background: #ffffff80;   box-sizing: content-box ;border-radius: 5px; box-shadow: 4px 10px 20px -5px #20406020; margin: 10px; overflow: hidden;   backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);; }  .mX30a { width: 400px; height: 100%;; }   .i2Taq { font-size: 130%; margin: 10px; padding: 7px; }   .z7r6A { font-size: 100%; margin: 10px; padding: 7px; }   .sTM0w { font-size: 100%; margin: 10px; padding: 7px; }   .ehAAb { font-size: 100%; max-width: 100px; margin: 4px 20px; display: flex; justify-content: center; align-items: center; }  .ycDCk { width: 300px; height: 300px; position: relative; overflow: hidden;; }   .pq6LB { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; opacity: 1; transform: translate(-310px,0); transition: .25s;}   .vqFaB { opacity: 1; transform: translate(0,0); }   .zCjtp { height: 100%; border-radius: 5px; border: 1px solid #0080c040; }     .r8b2v { position: absolute; height: 20px; left: 8px; right: 8px; bottom: 2px; z-index: 11; display: flex; justify-content: center; align-items: center; }   .pWcOQ { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 5px; border: 1px solid #0080c020; background: #ffffffc0; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);; border-radius: 5px; box-shadow: 4px 10px 20px -5px #20406020; ; }   .iUIRa { display: flex; justify-content: center; align-items: center; width: 30px; height: 100px; cursor: pointer; transition: .2s; }   .lCqn0 { width: 20px; height: 20px; border-radius: 50%; background: #a0b0c0; margin: 0px ; transform: scale(.5) ; cursor: pointer; transition: .2s; }   .mQ6hO { transform: scale(.9); background: #0050c0; margin: 0px 4px; }          .f5RcV { border: 1px solid #0080c020; background: #ffffff80; box-sizing: content-box ;border-radius: 5px; box-shadow: 4px 10px 20px -5px #20406020;   width: 100%; max-width: 700px; margin: 10px; padding: 8px;}  .hIgll { width: 100%; max-width: 1400px; }    .bULuW { display: flex; flex-wrap: wrap; padding: 0px 20px 0 0;}  .wAT7w { display: flex; flex-wrap: wrap; justify-content: center;}    .qhcjO { background: #ffffffc0; overflow: hidden; padding: 10px ; border-radius: 5px; box-shadow: 0px 5px 15px -5px #20406040; margin: 8px; cursor: pointer; transition: .2s; border: 1px solid #20508020; outline: 2px solid #20508000; outline-offset: -1px; position: relative;}  .qhcjO:hover { background: #ffffff; box-shadow: 0px 5px 18px -4px #20406060; outline: 2px solid #20a0ff; }  .vFs9b { font-size: 120%; padding: 5px; max-width: 222px; }  .nclRB { font-size: 85%; padding: 0px 4px; }  .jJdq1 { font-size: 100%; padding: 2px 5px; border-radius: 4px; background: linear-gradient(to left, #f0b00040, #f0b00000); }  .zhYAy { max-width: 205px; font-size: 100%; padding: 3px 5px; border-radius: 4px; background: #ffa0f050; text-align: center; font-weight: bold; }  .sis8F { font-size: 90%; color: #502060; padding-left: 4px; }   .tcNhQ { position: absolute; bottom: 0px; left: 0px; padding: 4px 6px; font-size: 90%; color: #fff; background: #00a0f0; border-radius: 0 5px 0 0; z-index: 100; opacity: 0.4; }   .qhcjO:hover > .tcNhQ { opacity: 1;}        .fdEl8 { padding: 10px; width: 200px; background: #fafbfd; border-radius: 5%; outline: 1px solid #a0b0c0a0; margin: 10px; }   .hUUrv { padding: 2px; font-size: 120%; display: flex; justify-content: center; align-items: center; }   .t90zS { padding: 5px; display: flex; justify-content: center; align-items: center; }        @media (max-width: 1000px)  {   .nimPage { width: 100%; padding: 50px 0px; }   .listBoxItem { opacity: 1; }   .firstBox { padding-left: 0; }  }  @media (max-width: 450px)  {   .firstBoxTitle { font-size: 20px; width: 100%; display: flex; justify-content: center }   .firstBoxIntro { font-size: 15px }   .firstBoxBefore { display: none }   .listBox { max-width: 290px; margin-top: 20px}   .firstPicBox { max-width: 290px; max-height: 350px }   .ItemVer { display: none }     .listBoxItem:hover { padding: 8px 20px; }   .g_fpic_div { width: 400px; max-height: 400px; }   .nimPage { padding: 25px 0px;}    }    @media (max-width: 370px)  {   .firstBoxTitle { font-size: 20px; width: 100%; display: flex; justify-content: center }   .firstBoxIntro { font-size: 15px }   .firstBoxBefore { display: none }   .listBox { max-width: 290px; margin-top: 20px}   .firstPicBox { max-width: 290px; max-height: 350px }   .ItemVer { display: none }     .listBoxItem:hover { padding: 8px 20px; }   .g_fpic_div { width: 400px; max-height: 330px; }    }            .hkm4D { padding: 50px 3%; width: 100%; display: flex; justify-content: center; }  .rUjEx { width: 100%; max-width: 1250px; display: flex; flex-wrap: wrap; line-height: 1.6; }  .x8sDm { width: 100%; max-width: 900px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffffa0; box-shadow: 10px 0px 50px #20408020; }  .iWsY6 { width: 100%; max-width: 300px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffff50; box-shadow: 0px 0px 50px #20408010 }      .x4FOL { padding: 8px 5px;; }  .zxcco { position: relative; color: #204060; overflow: hidden; height: 42px; background: #ffffffc0; max-width: 250px; padding: 10px 5px 10px 30px; border-radius: 5px; box-shadow: 0px 5px 15px -5px #20406050; margin: 12px 5px; cursor: pointer; transition: .2s; outline: 1px solid #20508020;}  .zxcco:hover { background: #ffffff; color: #0020a0; box-shadow: 0px 7px 18px -4px #20406080; outline: 2px solid #20a0ff; padding: 10px 10px 10px 25px; transform: translate(0px,-2px) scale(1.04); }  .zxcco::after { content: ''; position: absolute; top: -4px; left: -8px; transition: .2s; transform: rotate(45deg); width: 30px; height: 30px; border: 20px solid #0070f050; border-radius: 6px; z-index: 3; border-right: none !important; border-top: none !important; }  .tH1IF::after { border: 20px solid #e0900060; }  .zxcco:hover::after { border: 20px solid #0070f0b0; border-right: none; border-top: none; left: -12px; }  .tH1IF:hover::after { border: 20px solid #e09000b0; border-right: none; border-top: none; left: -12px; }  .qioG5 { text-align: center; white-space:nowrap }    .mRUz5 { position: static !important; color: #004080; overflow: hidden; height: 42px; background: #ffffffc0; max-width: 500px !important; padding: 10px 15px; border-radius: 5px; box-shadow: 0px 5px 15px -5px #20406060; margin: 12px 10px; cursor: pointer; transition: .2s; outline: 1px solid #20508020;}  .mRUz5:hover { background: #ffffff; color: #0020a0; box-shadow: 0px 7px 18px -4px #20406080; padding: 10px 15px !important; outline: 2px solid #20a0ff; transform: translate(0px,-2px) scale(1.04); }  .mRUz5:after { display: none !important;}      .uNuM4 { display: none !important; }    .uUrp8 { margin: 30px 20px; font-size: 15px; line-height: 1.7; }  .eSIsd { padding: 10px 25px; border-radius: 8px; background: linear-gradient(to left, #0080f020, #b0fff030, #0080f000); font-size: 120%; cursor: pointer; }  .r90RP { padding: 15px; border-radius: 8px; background: #ffffff50; }  .gW2w8 { display: none; }   .tD6MD { padding: 10px; font-size: 110%; line-height: 2; }   .zkJub { padding: 10px; border-radius: 8px; background: #ffffff50; color: #007030; }  .nCoMN { padding: 10px; display: flex; flex-wrap: wrap; }          .gRRTU{ position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #d0e0f050;   -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(3px);   display: flex; justify-content: center; align-items: center;  }   .bvntb { width: 95%; max-width: 1000px; background: #ffffff; border-radius: 5%; padding: 20px; border: 3px solid #0080f0; font-size: 16px; line-height: 1.7; }   .rnhO3 { padding: 5px; }   .sAp9U { padding: 6px 0px; }   .eDLP9 { padding: 15px; display: flex; justify-content: center; width: 100%; }   .zjsWo { padding: 5px 12px; cursor: pointer; border-radius: 5px; border: solid 1px #00a0f0; cursor: pointer; opacity: .5; }   .zjsWo:hover { opacity: 1; }                    .aN3bU { width: 100%; padding: 20px 40px 20px 10px; line-height: 1.7; }  .mdmQf { width: 100%; padding: 5px 1%; line-height: 1.7; }   .oEEY8 { padding: 5px; font-size: 120%; display: flex; position: relative; display: flex; }   .caq3d { color: #00b030; }   .kVmOO { padding: 5px; display: flex; flex-wrap: wrap; }   .yBOcr { padding:0px 8px; display: flex; color: #204060; font-size: 85%; }   .ntb4O { padding:0px 5px; min-width: 50px; }     .kLbfR { padding:10px 5px; }   .i1PTl { display: none; }       .xwobY { padding:10px 5px; }     .izQan { padding: 5px;; }   .jgore { display: flex; height: 50px; align-items: center; background: linear-gradient(to left, #00a0ff30, #ffffff20); border-radius: 8px; }   .jYodO { height: 100%; width: 40px; justify-content: center; align-items: center; display: flex; }   .qZyfg { width: 200px; display: flex; padding: 0px 15px; font-weight: bold; color: #000040; position: relative; }   .iz6LU { padding: 0px 8px; display: flex; margin-right: 8px; height: 100%; align-items: center; }   .eachInstaPostHeaderSendDiv0Sent1 { background: #00a020 !important; opacity: .7 !important; cursor: auto !important; }     .f3wAH { display: flex; height: 90px; align-items: center; }   .ySgob { display: flex; height: 100%; align-items: center; margin: 0px 4px; position: relative; }   .aMbNp { position: absolute; top: 0px; right: 0px; left: 0px; height: 100%; background: #0060f040; animation: xUyID 4s linear 1 ; animation-fill-mode: forwards; }   .zMbjk { outline: 2px solid #00a030; outline-offset: -2px; }   .xugck { height: 100%; }                                      myBG{ position: absolute; top:-20px;left: -20px;bottom: -20px;right: -20px; }      .yEoap { font-family: IRANSansWeb; }        .sLuuG { position: absolute; direction: rtl;text-align: right;margin:0px !important; border-bottom: 1px solid #20406020; }  #duyQu { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100% }    .s8gmm { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100%; padding: 0px 2px;}  .brcrO { }  .iNuZ2 { flex-grow: 1; }  .nmrHd { }    .o84fB { margin-left: 4px; ;}    .wZNYD { height: 22px; }  .yk7Uv { height: 18px; }  #myDate { font-size: 13px; padding: 0px 5px; }  #wNzhD { padding: 0px 5px 0px 8px; direction: ltr; text-align: left; }  .wNzhD { direction: ltr; text-align: left; font-size: 12px; }                            #NewMsgNotification{display: none !important}  #NewMsgNotification{display: none !important}  #NewMsgNotification{display: none !important}    .other{overflow: auto !important; }      #SettingsDesc{ background: #50007050 !important; }  .Notification{display: none !important}  .popup_close{ z-index:99999 !important}  .wc{ width: 100% ; text-align: center}    @media (min-width: 571px)  {   ::-webkit-scrollbar { width: 10px; }   ::-webkit-scrollbar-track { background: #ffffe0; box-shadow: inset 0px 0px 2px #00000050 }   ::-webkit-scrollbar-thumb { background: #005070; }   ::-webkit-scrollbar-thumb:hover { background: #0070a0; }  }    .popup_block {display: none !important}        .center {   text-align: center;   }  .myOpMenu {   text-align: right;   direction: rtl;   background: #200030f0;   width: 120px;   z-index: 120;   box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);   position: absolute;   display: none;   transition: 0.2s display ease-in;  }  .myOpMenu .myOpMenu-options {   list-style: none;   z-index: 1;  }  .myOpMenu-option {   font-weight: 500;   z-index: 1;   font-size: 14px;   padding: 10px ;   cursor: pointer;  }  .myOpMenu-option:hover {   background: rgba(0, 0, 0, 0.2);   }      .myDisplayAnimeFlex1 {display: flex !important; animation: myShow1 0.3s 1;}    .lineHeight17 {line-height: 1.7 !important;}                          .h4HR5{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 1000000; transition: .3s; color: #204060; overflow: auto; }  .tp8lg { font-size: 50px; padding: 0px 10px 30px 10px; width: 100%; }  .dXhlY { width: 90%; max-width: 700px; font-size: 18px; }  .a9Lbt { font-size: 90%; padding: 12px; background: #ffffffa0; }  .btVqD { margin: 20px 0px; background: #ffffffda; border-radius: 8px; color: #304050;   box-shadow: 3px 4px 7px #40608030,8px 10px 15px #40608030;  }  .xdwye { margin: 20px 0px; background: #ffffff; border-radius: 7px; color: #203040;   box-shadow: 1px 2px 7px #40608010, 3px 5px 15px #40608030; line-height: 1.75;  }  .vHrlg { border-right: 10px solid #00d0d0; padding: 10px; }  .cIj6J { border-right: 10px solid #50a0ff; padding: 10px; }  .wMnCc { border-right: 10px solid #00e090; padding: 10px; }  .l1ygY { border-right: 10px solid #f000a0; padding: 10px; }  .yOnyi { padding: 10px; font-size: 120%;width: 100%; }  .hDHxD { padding: 10px; border: dashed 1px #506080a0; transition: .2s; cursor: pointer; border-radius: 8px; }  .hDHxD:hover { border: dashed 1px #0060a0; background: #fff; }  .gs9BR{ position: relative; width: 100%; height: 100%; padding: 20px; overflow: auto;; }      .p6vja{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 100000000; display: none; transition: .3s; }  .t9A4v{ display: block; animation: xeh7s 0.4s 1 ; background: radial-gradient(#a0b0c0, transparent); }  .cfyn2{ position: relative; width: 100%; height: 100%; overflow: auto;; }    .y04ti{   opacity: .85;   background: #f0f8ff60;   position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;  }  /* .y04ti{ background-color: #ffffffa0; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23CCC' stroke-width='0' %3E%3Crect fill='%23F5F5F5' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E"); } */  /* .y04ti{ opacity: .5; background-color: #5000a0; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='576' height='576' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%2350a0f080' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-qRyhP 493L539 269 237 261 370 znqXu 382L539 269M390 sw9hc 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 h33wJ 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23ffade550'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); } */  .d6Arw{  }          .nLpBL { position: relative; }    #myShakhesKolTaghir1 { display: flex; white-space: nowrap;; }  .t6538 { height: 22px; font-size: 13px; padding: 0px 5px; }  .eFAMr { height: 18px; font-size: 12px; padding: 0px 5px; }  .myShakController1 { width: 40px; background: #00f0f020; display: none; font-size: 20px; flex-wrap: wrap;}  .p3N2i { display: flex; flex-wrap: wrap; padding: 0px 8px; }  .nLpBL:hover > .p3N2i { display: flex;}    .aaLvv { display: flex ; flex-wrap: nowrap ; flex-grow: 1; }  #auiPy { display: none; }  #cHnQm { height: 40px; width: 40px; background: #f0a0f030; display: none; font-size: 20px; flex-wrap: wrap; }  #tSh81 { display: flex ; flex-wrap: nowrap ; }  .aaLvv:hover > #tSh81 { display: flex }          #mtbkU { position: absolute; direction: rtl;text-align: right;margin:0px !important; transition: .3s;}                #myHeader{ direction: rtl;text-align: right;margin:0px !important;position: absolute !important; display: flex !important; flex-wrap: wrap !important;height:40px ; top:45px ; left: 45px ; right: 45px ; overflow:visible !important; border-radius: 5px; }                        .myFlash { height: 100%; max-height:40px; width: 40px; display: flex;flex-wrap: wrap;align-content: center ; cursor: pointer; transition: .2s}  .i6reV { width: 100%; text-align: center; font-weight: bold; font-size: 20px; justify-content: center; display: flex; align-items: center; }  .yFtWu { padding-top: 0px }      .myCenterCenter1 { display: flex;flex-wrap: wrap; justify-content: center; text-align: center; align-content: center; }  .myCenterH1 { display: flex;flex-wrap: wrap; align-content: center; }    .ccPadding1 { padding: 0px 5px; }  .logoPadding1 { padding: 0px 3px 2px 3px ; }  .logoSize1 { font-size: 130%; opacity: .8; }  .namePadding1 { padding: 0px 4px }  .nameSize1 { font-size: 105%; }      .centerY { display: flex; flex-wrap: wrap; align-content: center; }  .centerYO { align-content: center; }  .centerX { display: flex; flex-wrap: wrap; justify-content: center; }  .centerXO { text-align: center; justify-content: center; }    .fullGrow { flex-grow: 1;}                          .myMainTabStyle1 { margin: 2px 2px; cursor: pointer; border-radius: 8px; }  .myMainTabStyle1:hover { }    .myMainTabExtraOption1 { position: absolute; top: 40px; transition: .3s; display: none; }  .myMainTabStyle1:hover > .myMainTabExtraOption1{ display: block; animation: myMainTabExtraOption1 0.2s 1; }      .myMainTabsAnime1 { animation: myMainTabsAnime1 .3s 1;}  .myMainTabActive1 { cursor: default !important; transition: .3s; }    .myEaxtraItemInTop1 { transition: .3s; cursor: pointer; }                          .myAsliHeadersStyle1 { margin-left: 1px; position: relative; cursor: pointer; }  .myAsliHeadersStyle1:hover { }  .myAsliHeadersActive1 { animation: myAsliHeadersActive1 .3s 1 ; cursor: default !important; }    .myAsliHeaderExtra1 { position: absolute; top:40px; z-index: 99999; display: none; white-space: nowrap;}  .myAsliHeaderExtraItems1 { padding: 0px 8px; height: 30px; }    .myAsliHeadersStyle1:hover > .myAsliHeaderExtra1 { display: block; animation: myAsliHeaderExtraAnime .3s 1; }  .myAsliHeaderExtraItemHead1 { }    .myAsliHeaderExtraItemStyle1 { cursor: pointer; transition: .2s;}  .myAsliHeaderExtraItemStyle1:hover { border-right: 2px solid #00f0f0; background: #008080; }  .myAsliHeaderExtraItemStyleActive { border-right: 2px solid #00a0a0; background: #007070; }        .myAsliHeaderExtraItemRelative1 { position: relative; }    .myAsliHeaderExtraItemHeadClose1 { position: absolute; left: -30px; top: 0px; height: 30px; width: 30px; font-size: 130%; transition: .2s; cursor: pointer; }  .myAsliHeaderExtraItemHeadClose1:hover { font-weight: bold; color: #f0a0a0; border: 1px solid #ffa0b0 ; background: #804040d0;}    .myAsliHeaderExtraItemHeadAdd1 { position: absolute; left: -60px; top: 0px; height: 30px; width: 30px; font-size: 130%; transition: .2s; cursor: pointer; }  .myAsliHeaderExtraItemHeadAdd1:hover { font-weight: bold; }                                  #pvy8c { direction: rtl; text-align: right; margin:0px !important; position: absolute; display: flex !important; flex-wrap: wrap !important; transition: .3s ; }  .ulGpi{position: relative; height: 100%;width: 100%;}    #footerFlash { width: 100%; text-align: center; font-weight: bold; font-size: 20px }  .footerDetailText1 {position: absolute; right:45px; top: 0px; height:40px; width: auto; padding: 0px 8px; display: flex;flex-wrap: wrap;align-content: center ; cursor: pointer; transition: .4s}  .footerDetailText2 {position: absolute; right:-40px; top: 45px; height:145px; width: 40px; display: flex;flex-wrap: wrap;align-content: center ; cursor: pointer; transition: .4s; writing-mode: vertical-rl;text-orientation: mixed;}    .footerContent{position: absolute; right:40px; top: 200px; left: 3px; bottom: 3px; border-radius: 5px; transition: .4s; padding: 5px 10px}                    #myTopRightPan { position: absolute; transition: .3s; display: flex; }  #myRightPan { position: absolute; transition: .3s; overflow-x: hidden !important; overflow-y: auto !important }  .myRightPan { overflow: auto; }                #cYo8b {position: absolute; transition: .3s; }  #vOQ5F {position: absolute; transition: .3s; overflow: hidden; }    .k2kFJ{ min-width: 40px; padding:0px 5px; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .k2kFJ > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .k2kFJ > .infI{ padding:0px 5px; font-size: 22px; }  .k2kFJ:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .k2kFJ:hover > .inf{ display:block }  .d78Am { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .d78Am > .inf{ }      .topLeftFlashActive { border: solid 1px #ffffff70; color: #fff !important ; background: #ffffa020; cursor: auto !important; }    .eachLeftPanPages1 { position: absolute; overflow: auto; }  .leftPanPageStyle1 { top: 0px; right: 300px; bottom: 0px; width: 100%; transition: .3s; position: absolute; background: #a0c0ff30; }  .leftPanPageActive1 { animation: lppa1 .3s 1; right: 0px; }  .leftPanPageDeactive1 { right: 350px; top: 100px; background: #00000050 !important; }  @keyframes lppa1 { 0%{ right: -350px; top: 100px; background: #3a0000a0; } 100%{ right: 0px; top: 0px; } }                                      #qpltM {position: absolute; transition: .3s; overflow: hidden; }          .myMainKesho1 { position: relative; }    .mainTabFlash1 { position: absolute; font-size: 22px; right: 80px; top: 0px; height: 40px; width: 40px; transition: .2s; z-index: 10; }  .mainTabFlash1:hover { }    .ttCloseAll1 { width: 40px; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .ttCloseAll1:hover { width: 170px; }  .ttCloseAll1:hover > .ttCloseAllContent1 > .ttCloseAllIcon1 { }  .ttCloseAllContent1 { width: 170px; height: 100% ; }                                            .searchBox{ padding: 0px ; }  .searchInput { padding: 5px 10px; font-size: inherit; border-radius: 8px; }    .searchResult1 { margin: 0px; padding: 0px; font-size: 13px; }  .searchResult1 > div:hover { background: #c0e0ff !important; ; cursor: pointer; }  .searchResult1 > div:nth-of-type(odd) { background: #ffffff80 }  .searchResult1 > div:nth-of-type(even) { background: #b0d0f080; }            myNemDiv1 { display: block; position: relative; background: linear-gradient( to bottom , #f000f030, #00f0f030 ); }  myNemDays1 { display: block; position: absolute;height: 100%; }    myNemDaysRelative1 { display: block; position: relative; width: 100%; height: 100%; background: linear-gradient(to right, #00000010 , #ffffff10); transition: .2s; }  myNemDaysRelative1:hover { background: linear-gradient(to right, #7c707050 , #ffffff50); }  myNemDaysRelative1:hover > myNemDetail1 { display: block; animation: myNemDetail1 .2s 1;}    myNemDaysPaddingRelative1 { display: block; position: relative; width: 100%; height: 80%; }  myNemDaysPaddingRelativeHead1 { display: block; position: relative; width: 100%; height: 10%; }  myNemDaysPaddingRelativeFoot1 { display: block; position: relative; width: 100%; height: 10%; }    myNemRectangle1 { display: block; position: absolute; width: 100%; transition: .2s;background: #a0b0c050; box-shadow: inset 0px 0px 5px #ffffff10; }    myNemDetail1 { display: none; position: absolute; z-index: 9999999999;font-size: 90%; color: #44ffa2; background: #20003040; top: 0px; white-space: nowrap; padding: 5px; }  myNemHajm1 { display: block; position: absolute; z-index: 999999999; background: linear-gradient(to right, #80e0ff40, #4080a030, #00708020); bottom: 0px; white-space: nowrap; width: 100%; }    myNemMile1 { display: block; position: absolute; width: 100%; transition: .2s;background: #d0d000;}      myNemKandel1 { display: block; position: absolute; width: 100%; transition: .2s; background: #001fd0; min-height: 1%;}          myNemBaze1 { display: block; position: absolute; width: 100%; transition: .2s;background: #ffffff10; box-shadow: inset 0px 0px 5px #ffffff20; z-index: 100; }  myNemSayeKandel1 { display: block; position: absolute; width: 10%; background: #d0d000; left: 45%; z-index: 120; }    myNemBadaneKandel1 { display: block; position: absolute; width: 90%;left: 5%;right: 5%; z-index: 130; min-height: 1px; }        .nemContent1 { display: flex; flex-direction: column; height: 100%; width: 100%; }    .nemTopHeadHTML { background: #00a0a050; }  .tNemTopRow1 { display: flex; flex-wrap: nowrap; overflow: auto;}  .tNemTopRowItem { white-space: nowrap; padding: 0px 10px; justify-content: center; align-content: center; }    .nemContentHTML { background: #00f00005; flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: auto; position: relative; overflow: hidden; }    .nemFootHTML { background: #0000f005; }      .divOnSVG { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }  .divOnSVGR { position: relative; width: 100%; height: 100%; }        .eachDaysA { position: absolute; top: 10px; bottom: 10px; }  .eachDaysR { position: relative; width: 100%; height: 100%; transition: .2s; }  .eachDaysR:hover { background: #c0ffff50; }      myNemHajm1 { display: block; position: absolute; z-index: 10; background: linear-gradient(to right, #80e0ff50, #4080a040, #00708040); bottom: 0px; border-top: 1px solid #80a0f080; border-top-left-radius: 4px;border-top-right-radius: 4px;;width: 100%; }    myNemLine1 { position: absolute; z-index: 1000; display: block; left: 0px; right: 0px; height: 1px; background: blue; }  myNemLinePrice1 { position: absolute; z-index: 1001; display: block; right: 0px; height: 1px; background: blue; height: 30px; padding: 0px 6px; }                                .red{ background: #f000a050 !important;}  .colorRed { color: #f04040 ;}      .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; height: 100%; }  .cursorPointer1 {cursor: pointer;}        .myBlurFix1 { opacity: 0; transition: 1s !important; }  .myDisplayOff1{ display: none !important;}    .myTabsAnime1{ animation: myTabAnime1 0.3s 1; }  .myAsliHeaderAnimeRTL1{ animation: myAsliHeaderAnimeRTL1 0.3s 1; }  .myAsliHeaderAnimeLTR1{ animation: myAsliHeaderAnimeLTR1 0.3s 1; }                .myTabHeaderTitle { padding: 0px 10px; font-weight: bold; font-size: 105%; }            .myAsliHeaderAnime {animation: myAsliHeaderAnime 0.2s 1; }    .myMainTabsAnimeRTL1 { animation: myMainTabsAnimeRTL1 0.3s 1; }  .myMainTabsAnimeLTR1 { animation: myMainTabsAnimeLTR1 0.3s 1; }  .rq2ol { animation: rq2ol 0.4s 1; }                  .mapItem1 { margin: 0px; border-radius: 0px; overflow: hidden; cursor: pointer; transition: .2s; border: 1px solid transparent; font-size: 90%;}  .mapItem1:hover { }  .mapItemHeader1 { padding: 5px 10px; text-align: center;}  .mapItemCounter1 {text-align: center; padding: 4px; }        .mainMapItems1 { margin: 7px; border-radius: 0px; overflow: hidden; cursor: pointer; transition: .2s; border: 1px solid transparent;}  .mainMapItems1:hover {}  .mainMapItemHeader1 { padding: 5px 10px; }  .mainMapItemInfo1 {text-align: center; padding: 4px; font-size: 85%;}    .mainMapItemStyle {}  .mainMapItemStyle:hover { }            .filterDiv1 {margin: 10px 10px 0px 10px; z-index: 1; transition: .2s;}  .filterDiv1:hover { z-index: 500;}  .filterDivHeader1 { position: relative; height: 35px; }    .filterDivAddToMap1 { height: 33px; width: 33px; transition: .2s; cursor: pointer; position: relative; }    .filterDivAddToMapInfo1 { position: absolute; padding: 5px; display: none; white-space: nowrap; top: 35px; right: 0px; font-size: 80%; }  .filterDivAddToMap1:hover > .filterDivAddToMapInfo1 { display: block !important; z-index: 10; }    .filterDivNotAdded { }  .filterDivNotAdded:hover { }    .filterDivAdded { }  .filterDivAdded:hover { }      .filterDivHeaderTitle { height: 35px; cursor: pointer; }    .filterDivContent1 { display: none; padding: 5px; }          .settingThemeChangeTitle1 { height: 33px; padding: 0px 7px; transition: .2s; cursor: pointer; position: relative; }    .settingThemeChangeTitleInfo1 { position: absolute; padding: 5px; display: none; white-space: nowrap; top: 35px; left: 0px; font-size: 80%; }    .settingThemeChangeTitle1:hover > .settingThemeChangeTitleInfo1 { display: block !important; z-index: 500; }        .mySettingsTabDivs1 { padding: 5px 10px; }  .mySettingsDiv1 { margin: 10px 10px 0px 10px; z-index: 1; transition: .2s; }  .mySettingsDivSimplePadding1 { padding: 0px 10px; }  .mySettingsDivSimpleBG1 { }    .mySettingsDivItemHeight1 { height: 35px; }  .mySettingsDivItemHeightBordered1 { height: 33px; }    .myTikDivCircle1 { padding: 0px 7px; }                        #main > div:nth-of-type(even) { }  #main > div:nth-of-type(odd) { }  #main > div { min-width: 1200px ; height: 34px; margin: 0px 0px;}  #main > div:hover{ z-index: 20 }  #main > div:hover > m > mr > * { }    m { position:relative; display:block; height:100%; overflow: visible ; font-size:13px; }  mr { cursor: auto; text-align: right; direction: rtl; display: flex; flex-wrap: wrap;white-space: nowrap;height:34px}  mr > * { text-align:left; direction: ltr; border-radius: 0px; height: 24px; position: relative; padding: 5px 5px 5px 40px;display: flex; flex-wrap: wrap; white-space: nowrap; align-content: center; width:50px}  minfo{ line-height:1.8;direction:rtl;text-align:right;display:none; z-index: 100 !important; position: absolute; top:40px; right:5px; position:absolute; padding: 7px; border-radius: 5px ; white-space: nowrap}  minfo::before{ content: ""; position: absolute; top: -20px ; right:10px; border-width: 10px; border-style: solid; }  mr > *:hover { }  mr > *:hover > minfo { display: block; }  mr > *:hover:before {opacity:1 }  mr > *:before { opacity:.7 }    mr>*:nth-child(1){ width: 70px; }  .mar-a{ text-align: center;width: 100%; }  mar:before{ background-image: url("https://javad-rezaei.ir/tsefilter/diamond.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mtn:before{ background-image: url("https://javad-rezaei.ir/tsefilter/score.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mhm:before{ background-image: url("https://javad-rezaei.ir/tsefilter/transaction.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mdt:before{ background-image: url("https://javad-rezaei.ir/tsefilter/percent.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }    ms:before{ background-image: url("https://javad-rezaei.ir/tsefilter/sarane.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mnk:before{ background-image: url("https://javad-rezaei.ir/tsefilter/nesbat.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mk:before{ background-image: url("https://javad-rezaei.ir/tsefilter/last3.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mm:before{ background-image: url("https://javad-rezaei.ir/tsefilter/top3.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }  mn{ width:0px; padding-left:35px;cursor:zoom-in; }  mn:before{ background-image: url("https://javad-rezaei.ir/tsefilter/bar-chart.png") ;content:""; position:absolute; left:5px; top:5px;height:22px;width:22px;background-repeat: no-repeat; background-size: 100% 100% }      .myRow{ display: flex; flex-wrap: wrap;align-content: center; white-space: nowrap; margin:5px 0px; }  myf { padding:0px;width:34px; height:34px; text-align:center !important;display:block ; position:relative; }  myfc{ position:relative; background:#d0d0d0;border-radius:50%; display:block;width:24px;height:24px;margin:5px;color:e0e0e0 }  myfc1 { border-width: 10px; border-style: solid; border-color: transparent #0000f0 transparent transparent;position:absolute; display:blok; top:-3px;right:-4px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myfc2 { border-width: 10px; border-style: solid; border-color: transparent transparent transparent #00b0b0 ;position:absolute; display:blok; top:-3px;right:-2px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myfc3 { border-width: 10px; border-style: solid; border-color: #f00000 transparent transparent transparent;position:absolute; display:blok; top:-4px;right:-3px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myfc4 { border-width: 10px; border-style: solid; border-color: transparent transparent #00f000 transparent;position:absolute; display:blok; top:-2px;right:-3px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }    myf2c { position:relative; background:#c0e0d0;border-radius:50%; display:block;width:24px;height:24px;margin:5px;color:e0e0e0 ; transform: rotate(45deg)}  myf2c1 { border-width: 10px; border-style: solid; border-color: transparent #a000b0 transparent transparent;position:absolute; display:blok; top:-3px;right:-4px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myf2c2 { border-width: 10px; border-style: solid; border-color: transparent transparent transparent #f09090 ;position:absolute; display:blok; top:-3px;right:-2px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myf2c3 { border-width: 10px; border-style: solid; border-color: #b0b000 transparent transparent transparent;position:absolute; display:blok; top:-4px;right:-3px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }  myf2c4 { border-width: 10px; border-style: solid; border-color: transparent transparent #50d0e0 transparent;position:absolute; display:blok; top:-2px;right:-3px; content:""; padding:0px; width:10px;height:10px; border-radius:50% }                .chN{ z-index: 7; position: absolute; writing-mode: vertical-lr; font-size: 11px;bottom: -35px; padding: 10px 0px 15px 0px ;}  .chN:hover{ font-size: 20px; writing-mode: horizontal-tb; background: #f0fff0; padding: 5px; border-radius: 8px;}  .price{z-index: 40;position: absolute; top: 0px;text-align:right;direction:rtl;}  .price:hover{ color: #f0d0ff; }  .price:hover > .priceHide{ width: 200px ; padding: 5px 8px;;border-right: 2px solid #300040}  .priceHide{ background: #300040e0;width: 0px; height: 100%;text-align:right;direction:rtl;z-index: 100; position: absolute; transition: .2s; overflow: hidden}  .priceHide{ background: linear-gradient(to left, #300040f0 , #30004050) }    myNemoodarAll{font-size:12px;direction:rtl;text-align:right;}  myNemoodar{position: relative; padding: 20px 30px 30px 10px; background: #e0f0ffc0;display:block;}  nemName{padding:5px; background:#100020; direction:rtl;text-align:center; font-size:15px;color: #ffe0ff;display:block;}  myNemoodarMile{width: 100%; height: 210px; background: #000; border-right: 2px solid blue; border-bottom: 2px solid blue; position: relative;display:block}      nPMa{z-index: 2;position: absolute;width: 7px; background: #00a050;display:block}  nPMi{z-index: 3;position: absolute;width: 7px; background: #f0a000;display:block}      nTBB{z-index: 3;position: absolute;width: 2px; background: #f0a000;display:block}  nPMi{z-index: 3;position: absolute;width: 7px; background: #f0a000;display:block}  nPCl{z-index: 10;position: absolute;width: 20px; background: #00a0f0;display:block}  nTB{z-index: 12;position: absolute;width: 19px; border: 1px solid #e0e0e0;display:block}    nghabl{bottom: 5px; right: 5px; position: absolute;display:block}  nHajm{bottom: 50%; right: 8px; position: absolute ; writing-mode: vertical-lr;display:block}      .gtf { fill: #ffffff40; stroke-width:0;opacity:0.5 ; pointer-events: all;}  .gtf:hover { fill: #ffffff90;}      .inst{position:relative; display:block; height:20px; padding: 10px; overflow: hidden !important ; font-size:15px; }        .svg1 {   width: 100%;   height: 100%;   }                                .myMainKesho1 { position: relative; }  .mainTabMainKesho1 { height: 40px; position: relative; font-size: 90%;}  .mainTabMainKesho2 { padding-right: 10px; }  .mainTabMainKesho1:hover { }    .mainTabFlash1 { position: absolute; font-size: 20px; left: 0px; top: 0px; height: 40px; width: 40px; transition: .2s; z-index: 10; }  .mainTabFlash1:hover { }  .myMainKeshoExtra1 { }              @media (max-width: 570px)  {   #tSh81 { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .aaLvv:hover > #tSh81 { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #cHnQm { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }    @media (min-width: 570px) and (max-width: 768px)  {    }      @media (max-width: 768px)  {   .myShakController1 { height: 40px; width: 40px; display: flex; }   .p3N2i { display: none; flex-wrap: nowrap; padding: 8px; position: absolute; top: 40px; white-space: nowrap !important; background: #002050a0; height: auto !important; }  }    @media (max-width: 992px)  {    }      @media (min-width: 570px ) and (max-width: 992px)  {     .myMainTabStyle1 > .ccPadding1 > .nameSize1 { display: none; }  }                                        .inst{ position:relative; display:block; width: 100%; overflow: hidden !important ; font-size:110% !important; text-align: right !important; height: 100%; }                          .lebPo { padding: 5px; background: #fff0ffa0; border: 1px solid #e0000020; text-align: center; font-size: 95%; border-radius: 4px; color: #800000; }  .m43gx { width: 100%; padding-top: 15px; }  .i4Gnc { width: 100%; height: 180px; }  .mvw4g { width: 100%; height: 300px; }  .ycvzZ { width: 100%; padding: 4px 7px; font-size: 85%; }  .hORjs { width: 100%; height: 70px; }  .cRsIJ { width: 100%; height: 100px; padding: 5px; z-index: 10; }    .tyHGH { display: flex; align-items: center; }  .cW4SA { display: flex; align-items: center; margin: 0px 15px; transform: scale(1.1); }   .mAbYQ { border: 1px solid #20406030; padding: 4px 6px; margin: 0px 1px; cursor: pointer; background: #fff; border-radius: 4px; }   .kN15n { box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; cursor: auto; color: #fff; background: #00a0ff !important; }      .hl100 {height: 100%; width: 100%}    .sahmPriceTitle { padding-right: 6px ; }  .sahmPriceRow1 { height: 40px; display: flex;}  .sahmCTPriceRow1 { height: 25px; }  .sahmPriceRowZ { background: #ffffff20; }  .sahmPriceRowF { background: #50a0c010; }    .sahmPriceDiv { padding: 0px 7px ; min-width: 60px; background: #a0c0f010; text-align: left; direction: ltr; }    .sahmDarsadPriceDiv1 { padding: 0px 5px ; width: 50px; text-align: left; direction: ltr; }  .sahmDarsadPriceDivZero { background: #ffffff20; }  .sahmDarsadPriceDivRed { background: #ff001012; color: #c00000; }  .sahmDarsadPriceDivGreen { background: #00f05015; color: #008010; }  .tSahmDataItemsDiv1 { padding: 5px }  .aVSbs { background: #f0f0f010; font-size: 90%; border: 1px solid #00a0f050; box-sizing: border-box; line-height: 50% !important; position: relative; }  .tSahmDataItemsCTRec1 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #001020a0; z-index: 20; }  .tSahmDataItemsCTRecContent1 { border: 4px solid #f0a0a0; font-size: 120%; color: #f0a0a0; padding: 7px 12px; white-space: nowrap; transform: rotate(-15deg); }                                      .myFilterButons1 { padding: 0px 7px; transition: .2s; font-size: 80%; margin: 3px; border-radius: 7px; cursor: pointer; }    .saveNewFilterButon1 { background: #e0fff0; border: 1px solid #90f0e0; }  .saveNewFilterButon1:hover { background: #a0fff0; border: 1px solid #50e0b0; }    .emaleNewFilterButon1 { background: #e0f0ff; border: 1px solid #90b0f0; }  .emaleNewFilterButon1:hover { background: #d0e0ff; }    .cancelNewFilterButon1 { background: #ffe0f050; border: 1px solid #f090e0;}  .cancelNewFilterButon1:hover { background: #ffe0f0; }    .etebarSanjiButon1 { margin-right: 8px; background: #ffffd050; border: 1px solid #d0d050; }  .etebarSanjiButon1:hover { background: #fff0d0; }          .rowsOfSahmSarane1 { position: relative; }  .rowsOfSahmSaraneHint1 { position: absolute; top: 0px; white-space: nowrap; bottom: 0px; width: 0px; left: 0px; bottom: 0px;transition: .2s; z-index: 500; text-align: center;; font-size: 80%;color: #200040; text-shadow:0px 0px 11px #f0f0ff; font-weight: bold; ;width: 100%; opacity: 0 }  .rowsOfSahmSarane1:hover > .rowsOfSahmSaraneHint1 { opacity: 1; background:#a0d0ff80 }        .fullGrow { flex-grow: 1;}    .eYOV7 {color: #fff; background:linear-gradient(to bottom, #00f050,#00c050,#00f050); ; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .xfHPo { background: linear-gradient(to bottom, #ff5040,#c04040 ,#ff5040);; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }  .xfHPo { background: linear-gradient(to bottom, #c00000a0,#c00000a0,#700000a0,#c00000a0); z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; } */  .KNesbat1 { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px; ;z-index:10;font-size:115% }  .skhbm {color: #c0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 3px 0px 20px;}  .sk1g1 { background:linear-gradient(to left, #005000a0,#00500000 ); }  .sk1g2 { background:linear-gradient(to left, #005000b0,#00500000 ); font-weight: bold;}  .sfhbm { color: #fff0c0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 20px 0px 3px;}  .sf1b1 { background:linear-gradient(to right, #800000a0,#80000000 ); }  .sf1b2 { background:linear-gradient(to right, #800000b0,#80000000 ); font-weight: bold;}      .c7suv { background:#00ff0020; color: #00d050; }  .zNWb2 { background:#00ff0030; color: #00d050; ; font-weight:bold;}  .eOOJ1 { background:#ff000020; color: #e08080; }  .x2FGS { background:#ff000030; color: #e08080; ; font-weight:bold; }        .h0Iy1 { width: 90%; background: #ffffffe0; border-radius: 5px; max-width: 400px; color: #204060; padding-bottom: 40px;   position: relative; padding: 12px;max-height: 90%; overflow: auto; animation: mw7Bs 0.25s 1;   box-shadow: 3px 3px 10px #40608030, 15px 20px 30px #40608030; border: 1px solid #4060a040;  }  .dN7BP { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }  .pea5P { height: 100%; text-shadow: 1px 1px 10px #00000050; font-size: 120%; padding: 10px 20px; line-height: 1.7 !important; }  .hdvWq { background: #a00050e0; color: #fff; }  .sE0YH { background: #00a050e0; font-size: 110%; color: #fff; }  .o47xg { background: #0050a0e0; font-size: 110%; color: #fff; }    .wQ1gm { padding: 10px; font-size: 150%; font-weight: bold; color: #2050a0; }  .tBiys { padding: 10px; font-size: 90%; font-weight: bold; color: #800040; }    .zqUmf { padding: 10px; line-height: 1.6 !important; }    .maYN3 { padding: 10px 5px 8px 2px; }  .is76C { padding: 2px 5px 0px 5px; font-size: 80%; color: #a20; }  .nhnvy {   font-size: 120%; color: #200050; background: #ffffff; outline: 0px !important; padding: 5px;   border-radius: 4px; border: 1px solid #4070a010;   width: 100%; border-bottom: 1px solid #2050a050; box-shadow: 3px 4px 10px #5070a020;  }      .fJWEH{ padding: 5px 20px; color: #fff; background: #0090e0; transition: .2s; cursor: pointer; border-radius: 4px; font-size: 120%; }  .fJWEH:hover { color: #fff; background: #00a080; }    .bngpr { padding: 5px 20px; color: #607080; background: #fff; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50607020; border: 1px solid #50607020 ; }  .bngpr:hover { color: #005080; border: 1px solid #50607020 }    .h5gMv { padding: 5px 20px; color: #a02000; background: #fff0fa; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50007020; border: 1px solid #50007020 ; }  .h5gMv:hover { color: #a00000; border: 1px solid #50007050 }    .m9pGX { transform: scale(.6); opacity: .85; }    .pzaYj {border: 16px solid #f3f3f3;border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: uoYbd .6s linear infinite; }    @keyframes uoYbd { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }        .nfHX5 { display: flex;flex-wrap: wrap; padding: 0px 0px 10px 10px; min-width: 150px; min-height: 150px; position: relative; }  .zC2NX { height: 200px; }  .sAASs { margin: 10px 10px 0px 0px; }  .bDCHv { background: #5050a0e0; color: #fff; display: flex; }  .bGENS { height: 100%; }  .cje1p { height: 100%; }  .kZuM0 { }  .o7eMY { font-size: 120%; padding:5px 5px 0px 5px; }  .vENsU { font-size: 90%; padding:0px 5px 5px 5px; }    .yVvlG{ width: 100%; height: 80px; font-size: 200%; font-weight: bold; color: #a0ffe0; overflow: hidden; transition: .3s; }  .qxuX1 { height: 0px !important; opacity:0 !important; }      .kiEmo { background: #5050a0e0;border: 1px solid #adf; background: linear-gradient(to left, #007090, #70209050); color: #fff; display: flex; transition: .3s; cursor: pointer;;}  .kiEmo:hover { background: #5050a0e0;border: 1px solid #fff; background: linear-gradient(to left, #5050a0, #5050f0 ); box-shadow: inset 0px 0px 20px #ffffffa0; }  .vPU4f { height: 100%; }  .bVAfO { height: 100%; }    .pYjy5 { display: flex; flex-direction: column; min-width: 180px; }  .dEoHp { flex-grow: 1; }  .uyX1L { height: 40px; padding: 0px 5px; overflow: hidden; transition: .3s;}  .uVHiS { height: 0px; opacity: 0;}  .pFvh5 { padding: 0px; height: 0px; color: #fff; box-shadow:inset 0px 0px 200px #a0ffe0; opacity: 0;overflow: hidden; transition: .3s }  .yZ60H { padding: 5px; height: 40px; color: #a0ffd0; box-shadow:inset 0px 0px 50px #50ffa050; opacity: 1; }                              #sJiAX { display: flex; flex-direction: column-reverse; }  .vYbe9 { animation: wqCpq 0.2s 1; }  .tyJZt { animation: pxRhZ 0.2s 1; opacity: 0; height: 0px; }    .sJiAX { overflow: hidden; }  .cqgOF { padding: 8px 10px; font-size: 95%; margin: 5px 10px; border-radius: 8px; }  .tihli { border: 1px solid #005020; background: #007050c0; color: #fff; }  .jyLM8 { border: 1px solid #500020; background: #a02030c0; color: #fff; }  .hQb2R { border: 1px solid #5050a0; background: #ffffffe0; color: #08c; }    .gMdq4 { border: 1px solid #b0b000; background: #fffff0d0; color: #705000; border-right: 5px solid #a08000; font-size: 90%; }                  .hA4t7 { width: 100%; display: flex; flex-wrap: wrap; padding: 5px;; }    .h4bAN { border: 1px solid #20406030; margin: 1%; background: #fafcfea0; box-shadow: 2px 3px 10px #20406020; box-shadow: 3px 15px 20px -8px #00306025; }  .nYMGJ { width: 100%; height: 2px; }  .y8DJo { height: 35px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .uYOD8 { height: 30px; display: flex; align-items: center; padding: 3px 6px 1px 0; box-shadow: inset 0px 8px 8px -8px #00406040; font-size: 90%; }   .veowg { height: 100%; border-radius: 4px; background: #ffffff50; margin: 0 2px; display: flex; align-items: center; justify-content: center; padding: 0px 7px; border: solid 1px #20406010; }   .nHxa4 { font-size: 85%; opacity: 85%; padding: 2px 1px 0px 5px; }   .awVTm { cursor: pointer; border: solid 1px #20406020; transition: .2s; }   .awVTm:hover { cursor: pointer; border: solid 1px #0040a030; background: #00a0ff10; color: #002080; }  .ny1HP { height: 35px; display: flex; position: relative; z-index: 100; }  .gXcEu { width: 100%; position: relative; padding: 4px 0px 1px 0px; background: #ffffff50; }              .t2Hp0 { display: flex; }  .uP3xc { padding: 4px 8px; min-width: 100px;; }            .wxJ00 { width: 100%; padding: 3px 4px; white-space: nowrap; position: relative; z-index: 100; }  .h4teP { border-radius: 4px; white-space: nowrap; background: #ffe0ff; display: flex; flex-wrap: wrap; align-items: center; padding: 0px 2px ; }  .yHLkU { background: linear-gradient( to left, #c0c0f020, #a0c0f000 ); }  .yH3i1 { background: linear-gradient( to left, #fbf6a480, #fbf6a450, #a0c0f000 ); }  .eaSE7 { background: linear-gradient( to left, #ffb55080, #ffb55050, #a0c0f000 ); }  .aDNip { background: linear-gradient( to left, #ff607060, #ff706040, #a0c0f000 ); }   .nkHbb { padding: 0px 12px; height: 28px; display: flex; align-items: center; background: linear-gradient(to left, #00205005, #ffffff10); border-right: 1px solid #20406015; }   .dtT65 { padding: 0px 7px 0 2px; text-align-last: left; direction: ltr; }   .gZeCd { padding-top: 1px; font-size: 90%; }   .s9J6a { box-shadow: inset 0px 0px 20px #ffb55030; color: #b00000; }   .lZ4kr { padding-right: 5px; color: #008020; }   .mbzri { padding-right: 5px; color: #b00000; }     .u0PPk { cursor: pointer; }     .zqXYu { padding: 5px; color: #302010; }              .gPQHD {top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; }   .jRk95 { z-index: 100; width: 100%; height: 30px; right: 0px; left: 0px; top: 0px; background: #00a0f010; position: absolute; }   .dUsPI { width: 100%; min-width: 600px; height: 100%; display: flex; }   .v82Dr {height: 100%; background: linear-gradient(to left, transparent, #00ffff10, transparent); }   .kkrZf { z-index: 10; width: 100%; position: absolute; right: 0px; left: 0px; top: 30px; bottom: 0px; overflow: hidden; }   .fVi4u { width: 100%; min-width: 300px; position: relative; overflow: auto; height:100%; }   .mNVZ3 { height: 30px; display: flex; align-items: center; }   .t2pw0 { padding: 4px 7px; margin: 0px 5px; height: 90%; display: flex; align-items: center ; position: relative; }   .iZHUh { opacity: 0.4 !important; position: relative; }   .k4Jt5 { opacity: .1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: #a0b0c020; display: flex; justify-content: center; align-items: center; }   .iZHUh:hover > .k4Jt5 { opacity: 1 !important; }   .uZ0G8 { height: 25px; width: 25px; transform: scale(0.8); color: #600010; border-radius: 10px; background: #ffffffc0; display: flex; justify-content: center; align-items: center; }   .uQbBc { width: 100%; display: flex; ; }       .b7AGo { box-shadow: none !important; background: transparent !important; }   .xhowU { box-shadow: none !important; background: linear-gradient(45deg, #fff0a000, #fff0a050, #fff0a000) !important; }   .qJSkk { min-height: 500px; }       .noqWF { transition: .3s; }                 .xq95k { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; display: flex; flex-direction: column; }   .n3v68 { width: 100%; height: 5%; z-index: 100; display: flex; position: relative; }   .fupEk { width: 100%; flex: 1; flex-grow: 1; z-index: 10; }   .sJdLu { width: 100%; height: 9%; }   .t73m6 { width: 100%; height: 9%; }       .hWE5y { max-width: 1000px; margin: 7px 4px; }   .vzfto { display: flex; height: 30px; position: relative; z-index: 200;; }   .qnCcT { display: flex; height: 100%; padding: 0px 7px; background: #ffffff50; border: 1px solid #20406010; margin-left: 3px; align-items: center; justify-content: center; border-radius: 3px; }   .oVFjh { cursor: pointer; border: 1px solid #2040a040; }   .mwtl0 { display: none; padding: 0px 6px; }   .xhBeH { cursor: pointer; border: 1px solid #2040a040; background: var(--yq9pG) !important; box-shadow: var(--bdBEO); text-shadow: 1px 1px 5px #0000a070; color: var(--oi1d0) !important; }   .xhBeH > .mwtl0 { display: block ;}   .p9vCE { display: none; margin: 8px 12px 15px 12px; padding: 12px 14px;; border: solid 1px #20406040; border-radius: 4px; background: #ffffffa0; box-shadow: 2px 8px 15px -5px #20406030;; }   .jfVwR { display: block; }   .q38cI { font-weight: bold; padding: 2px;; }   .dCoNS { padding: 4px 5px 8px 5px; }     .qOj09 { display: flex; padding: 8px 7px 10px 7px; position: relative; }   .bU2k5 { position: absolute; top: 2px; right: 5px; bottom: 2px; left: 5px; border-radius: 4px; z-index: 100; cursor: not-allowed; background: #d0e0f0a0; }   .voLuI { display: flex; padding: 4px 7px; justify-content: center; width: 44%; margin: 0px 3%; cursor: pointer; border-radius: 4px; background: #ffffff50; border: 1px solid #20406030; }   .r36Vr{ background: var(--yq9pG) !important; box-shadow: var(--bdBEO); text-shadow: 1px 1px 5px #0000a070; color: var(--oi1d0) !important; opacity: 1;; cursor: default !important; border-radius: 4px; }     .mIpzQ { padding: 8px; display: flex; }   .qumQ8 { padding: 8px 3px; flex-grow: 1; max-width: 40px; }   .mjlmZ { width: 100%; height: 170px; border-radius: 4px 4px 0 0; background: #0050f005; box-shadow: inset 0px 0px 5px #0060a010; position: relative; }   .gGXVw { position: absolute; bottom: 0; left: 0px; right: 0px;   box-shadow: inset -50px 0px 50px -50px #0080f080, 0px 0px 5px 1px #fff; border-radius: 4px 4px 0 0;   background: linear-gradient(to left, #d0e0ff, #e0eaff); border-top: 3px solid #0080f050; }   .lVbQF { background: linear-gradient(to left, #a0b0f0, #d0e0ff) }   .ouDQg { width: 100%; height: 120px; display: flex; justify-content: center; padding: 5px 1px; position: relative;; }   .hYJq1 { transform: rotate(90deg); white-space: nowrap; position: absolute; top: 110px; left: 0; right: 0; bottom: -10px ; }       .pb4Zq { height: 100px; padding:12px 8px 0px 8px; z-index: 10; border: 1px; position: relative;   border: 1px solid #20406050; margin: 15px 5px; box-shadow: 0px 0px 5px #20406030; }   .pb4Zq:hover { z-index: 100 !important; }   .eLUc6 { position: absolute; top: -8px; right: 4px; border: solid 1px #20406050; z-index: 100;   background: linear-gradient(to bottom, #ffffffe0, #ffffff50); padding: 4px 6px; border-radius: 4px; }     .pb4Zq > .x6N6V { padding: 0px !important; }    .lW4kk { position: absolute; top: 6px; right: 0px; bottom: 6px; left: 0px;; }            .jamxy { padding: 6px; }   .bJ4qc { padding: 30px 30px 20px 10px; }   .mtaA1 { padding: 10px; display: flex; flex-wrap: wrap; }   .eldnZ { margin: 10px; cursor: pointer; min-width: 200px; max-width: 250px; border-radius: 4px; border: 2px solid #20406020; transition: .2s; }   .eldnZ:hover { border: 2px solid #2040f0a0; ; }   .tQfPW { font-size: 110%; color: #004080; padding: 15px; background: #fff; transform: .2s; }   .eldnZ:hover > .tQfPW { color: #fff; padding: 15px; background: #2040f0a0 }     .etalI { padding: 10px 25px; }   .q8xEm { font-size: 85%; color: #007020; padding: 5px 0px; }   .ztsPR { padding: 2px 5px; }     .vpZ70 { padding: 1px; display: flex; flex-wrap: wrap; animation: uQORR 0.3s 1; z-index: 10; }   .fr1oY { padding: 4px 7px; width: auto !important; margin: 1px 5px !important; }    .cogd9 { padding: 10px; }   .lPUHX { display: none; }   .zZsHW { display: block; animation: jIxoA 0.2s 1; }     .g4Zzo { padding: 20px 20px }   .fB2je { padding: 10px 16px; line-height: 1.8; color: #804000; background: #ffd0a010; border: 1px solid #a04000; border-radius: 4px; }       .nGntw { padding: 2px 10px 3px 10px; }   .oV67U { padding: 2px 15px; width: 145px; margin: 5px 20px 0px 0px ; border: 1px solid #20406050; border-bottom: none; border-radius: 5px 5px 0 0; }   .pP8dZ { display: flex; border: 1px solid #20406040; border-radius: 4px; }   .hoEE9 { border-left: 1px solid #20406030; cursor: pointer; }   .f9JiP { border: 1px solid #20406070; background: #ffffff; margin: 0px 12px; transform: scale(1.1); box-shadow: 0px 5px 12px -4px #20406040; }   .miNxl { display: flex; justify-content: center; align-items: center; height: 25px; width: 100px; border-bottom: 1px solid #20406020 ; }   .nWURt { display: flex; justify-content: center; align-items: center; height: 25px; width: 36px; border-bottom: 1px solid #20406020 ; direction: ltr; }   .fi22m { height: 100%; background: #a0008010; }   .scDfr { position: relative; height: 100px; padding: 5px; background: #20406010; }   .xBqdQ { font-size: 85%; }   .mIAEp { color: #008020; background: #00f02010 }   .xXa9r { background: #00f02030; }   .wlAgF { color: #a00000; background: #ff000010; }   .pHTtB { background: #ff000030; }     .cJp8I { margin: 10px; border: 1px solid #20406050; border-radius: 5px; display: flex; }   .gmG8N { min-width: 75px; border-left: 1px solid #20406030; }   .jClre { width: 200px; }   .vys0B { height: 36px; border-bottom: 1px solid #20406030;direction: ltr; display: flex; justify-content: center; align-items: center; }   .wmC95 { opacity: .7; font-size: 80%; padding: 1px 1px 0px 1px;; }       .aoqvF { display: flex; height: 30px; position: relative; padding: 4px 0px; }   .eM3FX { cursor: pointer !important; }     .k2wv6 { margin: 10px 4px; }   .eXpvp { margin: 5px; padding: 5px; background: #ffffff70; display:flex; flex-wrap: wrap; border-radius: 5px; border: 1px solid #20406030; max-height: 150px; overflow: auto; }   .n8P4I { padding: 5px 8px; }   .gYB9q { padding: 1px; }   .uu1wf { padding: 5px; }       .pNbbt { margin: 15px; max-width: 1000px; }     .bgaTs { display: none; }   .rRUgJ { display: block; }   .bHfop { padding: 15px 0px; display: flex; flex-wrap: wrap; }   .jont8 { padding: 15px 0px; }   .aC0Rj { margin: 0px 10px; border-bottom: 1px solid #20406050; display: flex; height: 30px; }   .ylaPM { height: 85px; background: #fff !important; }   .i5TuC { text-align: center; direction: ltr; border-left: 1px solid #20406030; display: flex; width: 65px; min-width: 65px; max-width: 65px; height: 100%; justify-content: center; align-items: center; }   .gNyec { width: 120px; min-width: 120px; max-width: 120px;}     .jont8 > div:nth-of-type(odd) { background: #fffffa60; }   .jont8 > div:nth-of-type(even) { background: #c0e0f010; }                .sahmTitleDiv1 { min-height: 40px; }  .sahmTitleDivTitle { padding: 4px 12px; }  .sahmTitleDivLeftBox1 { }  .sahmTitleDivLeftBoxIcons1 { height: 40px;padding: 2px; width: 40px; border: 1px solid #ffffff20; box-sizing: border-box; transition: .2s; cursor: pointer;}  .sahmTitleDivLeftBoxIcons1:hover { background: #ffffff; border: 1px solid #3f31ff;}  .sahmTitleDivLeftBoxIconImg { max-height: 100%; }  .sahmTitleDivLeftBoxIID { padding: 0px 10px; height: 100%; }    .sahmKandelDiv1{ height:175px; width:40px; padding: 5px ;position: relative; }  .tSahmDataItemsDiv1 { padding: 5px }  .tSahmDataItems1 { font-size: 90%; border: 1px solid #00a0f050; box-shadow: 0px 0px 8px #00000050; box-sizing: border-box; line-height: 50% !important; position: relative; }                          .myTabsDiv1 { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }    .myTabsHeader1 { height: 40px; z-index: 20; background: var(--a34kk); }    .fkmWl { background: var(--klsnh); font-size: 95%; height: 100%; opacity: .9; ; margin: 0px 2px; padding: 0px 6px; cursor: pointer; transition: .3s; }  .fkmWl:hover { background: #ffffffa0; color: #0000a0; opacity: 1; }  .rNz2B{ background: var(--yq9pG) !important; box-shadow: var(--bdBEO); text-shadow: 1px 1px 5px #0000a070; color: var(--oi1d0) !important; opacity: 1 !important; cursor: default !important; border-radius: 4px; }  .aQ6MD{ background: var(--yq9pG) !important; box-shadow: var(--bdBEO); text-shadow: 1px 1px 5px #0000a070; color: var(--oi1d0) !important; opacity: 1 !important; cursor: default !important; border-radius: 4px; }   .rNz2B > .k4Jt5{ opacity: 0; }   .aQ6MD > .k4Jt5{ opacity: 0; }          .sTVuQ { position: absolute; top: 0px;left: 0px; bottom: 0px; display: flex; z-index: 40; }  .olN5w { width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}  .kf5sF { color: var(--rsuwU); background: var(--lH0cL); }  .kf5sF:hover { color: var(--nCVcL); background: var(--kRlBJ); }  .xph51 { color: var(--qYpZh); background: var(--eTAho);; }  .xph51:hover { color: var(--xxjd0); background: var(--xRZLs) }            .myTabsContent1 { z-index: 10; overflow: auto; flex: 1; position: relative; overflow: auto;}  .myTabsContentDefaultBg1 { background: var(--l4gmd); box-shadow: var(--coGHy); }    .myTabsContentLightBg1 { background: var(--vAXlm);    }    .pe6Th { transition: .2s; display: none; ; }  .tJG9u { display: block; }    .pageContentItems { transition: .2s; }  .pageContentItemOff { display: none !important; }  .pageContentItemON { animation: myTabContentItemONAnime 0.3s 1; }        .vDi7J { transition: .2s; display: none; ; }  .aco57 { display: block; }                                                        .qEV1w{ display: none !important;}  .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; }        .l7XRe { border: 1px solid #40506010; border-right: 1px solid #40506005; border-top: 1px solid #40506000; opacity: 0.9; margin: 0px 2px; cursor: pointer; border-radius: 0px; display: flex ; flex-wrap: wrap ; align-content: center; }  .l7XRe:hover { background: #ffffff30; opacity: 1; box-shadow: 0px 0px 8px #5070a005 }  .qHInI { background: #fff !important; box-shadow: 0px 0px 8px #2070a020 ; border: 1px solid #20407035; opacity: 1; cursor: default !important; transition: .3s; }  .nM1Ld { animation: nw0wD .3s 1;}    .zaJvn { width: 100%; display: flex; height: 100%; }  .rVAfi{ animation: uDgxT 0.3s 1; }    .iqy8U { width: 100%;height: 100%; position: relative;}  .lqGyx { }    .oTUm2 { margin-left: 1px; position: relative; cursor: pointer; opacity: .9; border-radius: 2px; outline: 1px dashed #40507020 ; outline-offset: -1px; box-shadow: 0px 0px 5px #20508010; }  .oTUm2:hover { opacity: 1; }  .ktacG { background: #fff; }      .ncPfT { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .rNOBb { animation: w4z0V .3s 1 }    .kTP4f { min-height: 32px; height: 32px; z-index: 20; background: #a0e0ff10; display: flex; position: relative;   background: linear-gradient(to bottom, #ffffff, #fafcff, #f0f8ff, #f5faff, #ffffff);   box-shadow: 0px 0px 4px #20406025, 0px 0px 12px #20406015;    }  .pBxZJ { height: 100%; margin-right: 5px; display: flex; align-items: center; padding-left: 10px; }    .eJhLW { height: 25px; min-height: 25px; z-index: 20; background: #d0e0f020; display: flex; position: relative;   background: linear-gradient(to bottom, #ffffff, #fafcff, #f0f8ff, #f5faff, #ffffff);   box-shadow: 0px 0px 4px #20406030, 0px 0px 12px #20406010;  }   .uIBeH { display: flex; height: 100%; flex-grow: 1; }    @media (max-width: 570px)  {   #tSh81 { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .aaLvv:hover > #tSh81 { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #cHnQm { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }          .mLobb { width: 40px; height: 100%; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .mLobb:hover { width: 170px; background: #d0000020; }  .cR4Jn { width: 130px; font-size: 15px; display: flex; justify-content: center; align-items: center; }              .cfwgr { display: flex; min-width: 500px; padding: 0px; transition: .2s; }  .k8m76 { background: #f0b00050 !important; }  .oBWL9 { background: #ff002050 !important; }  .tewkP { background: none !important; box-shadow: none !important; }  .cfwgr:hover { background: #ffffffa0; box-shadow: 1px 2px 7px #20407020; }    .rg14w { cursor: pointer; border: 1px solid #20407025; border-right: 1px solid #20407025; margin: 2px 5px; width: 90px; direction: ltr; display: flex; border-radius: 4px; overflow: hidden; transition: .2s; box-shadow: 0px 0px 5px #ffffff80; }  .rg14w:hover { border: 1px solid #2040a060; box-shadow: 0px 0px 5px #0050a020; background: #ffffffa0; }  .woGJW { padding: 5px 0px; display: flex; justify-content: center; align-items: center; width: 50%; box-shadow: inset 0px 0px 20px #ffffff80; }  .jVF3w { background: #00f08010; color: #007030; border-right: 1px solid #00702030; text-shadow: 1px 1px 10px #00703020; }  .dfMWJ { background: #0090ff10; color: #003060; text-shadow: 1px 1px 10px #00307020 }    .zUpOk { cursor: auto !important; padding: 8px;; display: flex; justify-content: center; align-items: center; color: #fff; background: #0080d0; }  .upeg2 { background: #00a0b0; }  .sIClb { background: #00a070; }  .nkvyv { width: 100px; display: flex; justify-content: center; align-items: center; background: #0080d010; }      .zVpYz { display: flex; height: 200px; width: 900px; padding: 10px; align-items: flex-end; margin: 5px 5px 30px 5px;; }  .i9ECn { background: #2060b0a0; border-radius: 5px; background: linear-gradient(45deg,#a0c0f0,#0070b0); position: relative;; }  .k8MSl { position: absolute; bottom: -22px; font-size: 90%; right: 0px ; }    .vMp9n { padding: 5px; margin: 5px;; direction: ltr; }  .rMU9P { display: flex; padding: 2px 4px;; }  .tvF0O { width: 110px; padding: 0px; }  .zPcFq { width: 50px; padding: 0px; }          .fkQ3X { display: flex; flex-wrap: wrap; padding: 10px; }  .wd6RP { width: 400px; width: 350px; height: 250px; position: relative; background: var(--bzYSm); margin: 10px ; border-radius: 10px; }   .oiMIm { margin: 10px 0; }  .qPdWD { width: 350px; height: 320px; margin: 10px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; }   .j2Xgm { width: 300px; height: 300px; position: relative; }  .kNQLd { width: 350px; height: 200px; direction: ltr; text-align: left; position: relative; background: linear-gradient(to right, #fff5ff60,#f5ffff60); border: 1px solid #20406020; display: flex; box-shadow: 1px 3px 10px #20406020; }   .kNQLd { width: 100% }  .xo810 { width: 28.57%; height: 100%; position: relative; background: linear-gradient(to right, #ffffff20,#a0b0e020) ; border-right: 1px solid #20406010; }  .hh3l9 { width: 14.29%; }  .oxH3O { position: absolute; top: 102%; left: -2px; opacity: .85; font-size: 85%; }  .mtr4i { position: absolute; width: 5px; height: 5px; border-radius: 50%; z-index: 20; }  .i2lAy { background: #0050d0; }  .pV85B { background: #d01000; }  .co8oo { background: #00a050; }  .kI7ng { position: absolute; left: 0px; bottom: 0px;; z-index: 10; opacity: .1; }    .qleGH { border: 1px solid #20406020; background: #ffffff20; height: 35px; margin-bottom: 6px; font-size: 110%; box-shadow: 1px 3px 10px #20406020; display: flex; }  .tyqkJ { width: 100px; height: 100%; display: flex; padding: 0px 12px 0 5px; flex-grow: 1; align-items: center; white-space: nowrap; }  .wA0Aj { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; direction: ltr; }  .m4gqb { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; }   .omInC {font-size: 85%; opacity: .85;}            .wmWt3 { margin: 10px 20px; padding: 10px; font-size: 110%; color: #600010; text-shadow: 2px 2px 7px #ff500050; }    .sbZ98 { margin: 10px 20px; min-height: 40px; display: flex; flex-wrap: wrap; }  .sbZ98 > div { padding: 8px; margin: 2px 0px; }  .aI40z { padding: 10px; min-width: 580px; margin: 5px;}      .cPDIh { padding: 5px; border: 1px solid var(--pzNxI); display: flex; margin: 7px 0px ; background: var(--ioGe8); box-shadow: 0px 2px 15px var(--grIt7); position: relative; transition: .2s; }  .cPDIh:hover { border: 1px solid var(--cVj9p); background: var(--q1BQl); box-shadow: 0px 2px 15px var(--rO4Vp); }  .eRCkI { border: 1px solid var(--hWCsI); background: var(--ioGe8); box-shadow: 1px 3px 12px var(--rO4Vp); }  .oycjp { border: none !important; transform: scale(.9) ; background: var(--gvRcG); opacity: .6; }  .oycjp::after { position: absolute; z-index: 10; content: ""; top: 0px; right: 0px; left: 0px; bottom: 0px; cursor: not-allowed; }    .bXi2k { padding: 5px; width: 40px; min-height: 80px; }  .mvrgu { border: 1px solid var(--pzNxI); cursor: pointer; border-radius: 5px ; transition: .2s; padding: 5px; width: 100%; max-width: 40px; height: 30px; margin: 2px; display: flex; justify-content: center; align-items: center; }  .mvrgu:hover { border: 1px solid var(--hWCsI); background: var(--ioGe8); box-shadow: 0px 1px 4px var(--rO4Vp) }    .idNYU { padding: 5px; width: 105px; height: 35px; }  .ljEgG { display: flex; }  .qeRMZ { padding: 5px 0px; }  .ikpix { margin:6px 2px 0px 2px; font-size: 80%; padding: 5px; border: 1px solid var(--pzNxI); cursor: pointer; border-radius: 5px ; transition: .2s; display: flex; justify-content: center; align-items: center; }  .ikpix:hover { border: 1px solid var(--hWCsI); background: var(--ioGe8); box-shadow: 0px 1px 4px var(--rO4Vp) }    .j1FqS { padding: 5px; flex-grow: 1; }  .kcWTY { width: 100%; display: flex; flex-wrap: wrap; max-width: 300px; max-width: 500px; }  .plUE9 { width: 100%; display: flex; flex-wrap: wrap; width: 800px; }  .yn0XD { width: 100%; display: flex; flex-wrap: wrap; }  .wylzn { padding: 10px 4px; font-size: 92%; }  .cTU1w { display: none !important; }  .yWC74 { padding: 5px 8px; width: 60px; display: flex; align-items: center; opacity: .85; }  .bTg4g { color: #0030a0; background: linear-gradient(to left, #0000ff10, #00a0ff15); border-radius: 0px 5px 5px 0px; }  .lBByt { padding: 5px; flex: 1; max-height: 500px; overflow: auto; ; }  .owFAm { font-size: 85%; opacity: .85; }  .xkNgt { background: linear-gradient(to left, #00a0ff15, #00ffff10, #ffffff00); color: #0030a0; }  .ioLai { padding: 5px 7px 5px 5px; opacity: .9; width: 100%; background: var(--jZhNd); font-size: 90%; margin: 3px 0px; border: 1px solid var(--pzNxI); border-radius: 5px; }  .bP06D { direction: ltr; text-align: left; width: 100%; display: flex; padding: 1px; box-shadow: 0px 1px 4px var(--grIt7); padding: 1px; background: var(--q1BQl); border-radius: 5px; }  .oXFaM { width: 20px; padding-top: 1px; justify-content: center; font-size: 85%; opacity: .85; display: flex; align-items: center; ; }  .d5XZO { width: 25px; opacity: .5; ; display: flex; align-items: center; justify-content: center; }  .udHR0 { flex: 1; font-family: monospace !important; border-left: 2px solid var(--cVj9p); padding: 1px 5px; }    .ohOXf { padding: 5px; background: #00d07010; width: 100%; border-radius: 7px; margin: 5px; min-width: 700px; }  .ugSSY { padding: 5px; }  .eAY30 { width: 100%; border-radius: 5px; ; border: 1px solid var(--pzNxI); height: 500px; display: flex; flex-direction: column; overflow: hidden; }  .qzYD1 { display: flex; background: var(--e6FZg); box-shadow: 1px 3px 7px var(--grIt7); height: 40px;; }  .mCNUs { display: flex; cursor: pointer; transition: .2s; line-height: 1.1; justify-content: center; flex: 1; align-items: center; padding: 0px 5px; height: 100%; color: #ffffffa0 }  .mCNUs:hover { color: #ffffff }  .fQCWo { color: #ffffff }  .pUCFJ { flex: 1; overflow: auto; position: relative; margin: 10px; }  .bllUq { width: 100%; display: none; padding: 5px; }  .jjN1Z { display: block !important; }    .pvPUg { margin: 5px; border-radius: 5px; border: 1px solid var(--cVj9p); box-shadow: 1px 2px 7px var(--jZhNd); overflow: hidden; background: var(--ioGe8) }  .ezUzS { padding: 7px 10px; cursor: pointer; box-shadow: 1px 3px 7px var(--jZhNd); background: var(--ioGe8) }  .hR7kB { padding: 2px 5px; display: none; }  .wR0Ax { display: block; }  .vkTxO { padding: 5px 10px; cursor: pointer; transition: .2s; }  .suosY { opacity: .5; cursor: not-allowed !important; background: #e0e0e0 !important; box-shadow: none !important;}  .vkTxO:hover { background: var(--ioGe8); box-shadow: 1px 3px 7px var(--jZhNd) }    .gZc5e { padding: 5px; width: 100% !important; max-width: 100%; border: 1px solid var(--cVj9p) !important; outline: none !important; background: var(--ioGe8); box-shadow: 1px 3px 7px var(--grIt7); }  .dUiEW { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; height: 150px; text-align: left; direction: ltr; border: 1px solid var(--cVj9p) !important; outline: none !important; background: var(--ioGe8); box-shadow: 1px 3px 7px var(--grIt7); }  .u3yqs { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; height: 150px; text-align: left; direction: ltr; background: var(--ioGe8); border: 1px solid var(--ohTT3) !important; box-shadow: 1px 3px 10px var(--jZhNd); }  .yGaNx { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; height: 100px !important; border: 1px solid var(--cVj9p) !important; outline: none !important; background: var(--ioGe8); box-shadow: 1px 3px 10px var(--jZhNd); }  .kgjke { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; background: var(--ioGe8); border: 1px solid var(--ohTT3) !important; box-shadow: 1px 3px 10px var(--jZhNd); }  .f643C { }    .v8m07 { padding: 10px;;}    .qi9NJ { border: 1px solid var(--pzNxI); display: flex; ; }  .tn2WY { border: 1px solid var(--pzNxI); display: block; padding: 10px; }  .tu6h0 { height: 30px; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 10px; }  .vt81D { padding: 5px 8px; margin: 10px; }  .u3gpB { border: 1px solid var(--pzNxI); border-radius: 3px; cursor: pointer; background: var(--uPC2v); transition: .2s; }  .u3gpB:hover { border: 1px solid var(--fvnU0); background: var(--q1BQl); transition: .2s; color: var(--fiSRY); }          .q91Ut { min-height: 100%; min-width: 300px;}  .roGo4 { background: linear-gradient(45deg,#f59700,#fae864); }    .y5R3D { height: 730px; background: linear-gradient(to right, #ffd050, #c00000); position: relative; overflow: hidden; z-index: 1; }  .m3FRU { height: 200px; max-width: 700px; }  .tMz8T { position: absolute; top: 120px; right: 500px; height: 300px; width: 300px; border-radius: 50%; background: #ffffa050;   box-shadow: 0px 0px 200px #fff00050, 0px 0px 1px 90px #fff0ff40, 0px 0px 1px 300px #fffff040;   z-index: 200; transition: 1s;;  }  .tMz8T:hover { box-shadow: 0px 0px 200px #fff00070, 0px 0px 1px 125px #fff0ff50, 0px 0px 1px 400px #fffff060; background: #ffffa0b0; }  .n8ZvS { position: absolute; top: 55px; right: 0px; height:100px; width: 100%; display: flex; padding-right: 50px; align-items: center;   text-shadow: 2px 3px 10px #a00000, 1px 2px 4px #800000; color: #ffffff; font-size: 30px; z-index: 100; font-weight: bold;   background: linear-gradient(to left, #a0000020,#a0000000,#a0000000); filter: blur(4px);  }  .vgwNb { position: absolute; top: 52px; right: 0px; height:100px; display: flex; padding-right: 50px; align-items: center;   text-shadow: 2px 3px 10px #a00000, 1px 2px 4px #a00000; color: #ffffff; font-size: 30px; z-index: 300; font-weight: bold; transition: .2s;  }  .vgwNb:hover { transform: rotate(-1deg) scale(1.2) }      .tlNmi { position: absolute; top: 160px; right: 40px; padding: 10px 15px;   text-shadow: -1px -1px 1px #00208030, 1px 1px 1px #00208060, 4px 10px 10px #30006050;   color: #ffffff; font-size: 20px; z-index: 300; transition: .2s; border: solid 1px #ffffff70;   background: #d0e0ff50; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(6px); transition: .5s;  }  .tlNmi:hover { background: #c0f0ff60; padding: 15px 20px; border: solid 1px #ffffffa0; transform: translate(-10px, 0px) scale(1.05); box-shadow: 5px 10px 20px #0050b040; }  .eiola { padding: 12px 0px 0px 0px; font-weight: bold; }  .fYHdP { padding: 2px 55px 0px 2px; font-size: 85%; font-weight: normal; }      .iumnX { background: #ffffffa0; padding: 30px 20px; position: relative; box-shadow: 0px 4px 25px #20406050; }  .qQthC { display: flex; }  .nk4Ly { font-size: 120%; padding: 10px 15px; background: #ffffffa0; box-shadow: 1px 3px 12px #20407040; margin: 5px 0px; border-radius: 3px; position: relative; z-index: 20;; }  .yBVaO { font-size: 110%; padding: 8px 15px; background: #ffffffa0; box-shadow: 1px 3px 12px #20407040 ; margin: 5px 5px 20px 0px; border-radius: 5px; position: relative; z-index: 10 }        .lqSlV { margin: 25px 10px; box-shadow: 0px 4px 25px #20406050, 0px 0px 25px 15px #ffffff80; border: 1px solid #f0a000;   /* background: url("https://vita-min.ir/t/v.jpg"); */   background: repeating-linear-gradient( -25deg, #ffb00010, #f0a00020 60px, #ffffff20 60px, #f0f5ff20 180px );   overflow: hidden; border-radius: 3px;   border-right: 8px solid #f59700; }  .f1ieB { padding: 15px; color: #fff; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 6px #f59700;   background: linear-gradient(to left, #f59700, #fae864); }  .mXzJO { padding: 25px 10px; display: flex; flex-wrap: wrap; }  .i0xXJ { padding: 20px 20px 0px 20px; min-height: 200px; position: relative; max-width: 450px; }  .tuR2n { padding-left: 10px; perspective: 200px;; }  .pstMU { max-width: 500px; max-height: 200px; overflow: hidden; }  .oAZaq { width: 100%; }  .rTBws { padding: 8px 10px; font-weight: bold; background: linear-gradient(-45deg, #fff0a0a0,#ffffffa0); box-shadow: 1px 3px 15px #20407050; backdrop-filter: blur(10px); position: relative; top: -70px; right: 5px; z-index: 2; border-radius: 4px; font-size: 120%;; }  .hZfbV { padding: 5px 10px; margin-right: 10px; background: linear-gradient(145deg, #ffffffd0, #ffffff80,#ffffffb0); box-shadow: 2px 5px 20px #20407040; backdrop-filter: blur(5px); position: relative; top: -55px; right: 5px; z-index: 1; border-radius: 3px; border: 1px solid #ffffffa0; }      .r060F {   /* background: url("https://vita-min.ir/t/v.jpg"); */   background-color: #fffafff0;   display: flex; flex-wrap: wrap;     line-height: 1.7;   overflow: hidden; border-radius: 3px;  }  .cxVcO { background-color: #fafffd; }  .bzjid { margin: 25px 20px 10px 20px; padding: 10px 15px; color: #0050a0; font-size: 140%; font-weight: bold;   background: #ffffff; border-radius: 10px; border: 2px solid #2050a040; }  .dB4w5 { padding: 10px 50px 40px 60px; font-size: 115%; display: flex; flex-wrap: wrap; width: 100%;   background: linear-gradient(to right, #f0ffff00, #ffefff50,#f0ffff00);  }  .qX4Zb { padding: 4px 7px; margin: 4px; background: #ffffffa0; box-shadow: 0px 1px 6px #2040a025;   border-right: 3px solid #40a0f0; backdrop-filter: blur(10px); border-radius: 5px;  }  .gw0ra { display: flex; flex-wrap: wrap; width: 100%; font-size: 110%; }  .zvyY6 { border-right: 5px solid #00d030; padding: 6px 10px; margin: 10px 2px 0px 5px; background: #ffffff; border-radius: 5px 5px 0px 0px; box-shadow: 0px 1px 6px #0040a040; backdrop-filter: blur(10px); }      .b88Zm { padding: 15px 0px; width: 100%; }  .msun0 { padding: 4px 0px; font-weight: bold; font-size: 110%; color: #009030; position: relative; }  .dcx7Q { position: absolute; top: 0px; bottom: 10px; right: -40px; width: 40px; display: flex; justify-content: center; align-items: center; }  .vGBvt { width: 20px; height: 11px; border: 4px solid #00a050a0; border-top: none; border-right: none; border-radius: 3px 3px 3px 0px; transform: rotate(-45deg); }    .tItZI { padding: 4px 0px; ; position: relative; max-width: 900px; }            .gdV1W { background: #ffffffe0; padding: 30px 2%; position: relative; z-index: 100; box-shadow: 0px 0px 20px #2040a020; font-size: 110%; }  .pvE3B { padding: 15px; margin: 1%; font-size: 120%; }    .p0jBO { padding: 10px 15px; margin: 20px 1%; border: solid 1px #2040a050; border-right: 5px solid #0070d0; position: relative; border-radius: 7px; background: #ffffff; box-shadow: 2px 4px 15px #20407030; }  .jlDbh { color: #0060c0; font-size: 105%; padding: 5px 0px; font-weight: bold; }  .dwUUJ { opacity: .9; font-size: 85%; padding: 3px; }    .okJ7M { padding: 12px; display: flex; }  .k4SGG { padding: 5px 10px; display: flex; margin: 0px 7px; border: dashed 1px #0060c0a0; transition: .2s; background: #f0f5fa; cursor: pointer; border-radius: 3px; }  .k4SGG:hover { color: #0060c0; border: solid 1px #0060c0; background: #ffffff }          .eoBpm { padding: 0px !important; overflow: hidden;}  .zUpbC { padding: 50px 0px !important; overflow: hidden;}  .nQrSh { border-radius: 5px; box-shadow: 2px 8px 25px #a0008080; }  .yfhj3 { display: flex; justify-content: center; align-items: center; height: 450px; position: relative; overflow: hidden; cursor: pointer; }  .me0Io { height: 100%; transition: 1.5s; }  .vZbFY { height: 100%; max-width: none !important; }  .yzqvr { position: absolute; bottom: 20px; padding: 10px; left: 50px; right: 50px; display: flex; justify-content: center; align-items: center;   z-index: 10; ;  }  .tpYRo { padding: 15px; font-size: 30px; color: #fff; background: #00f0f070; border: solid 1px #ffffffa0;   backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);   text-shadow: 1px 2px 3px #005060; transition: .2s; font-weight: bold;  }    .yfhj3:hover > .me0Io { transform: scale(1.2) rotate(3deg);}  .yfhj3:hover > .yzqvr > .tpYRo { transform: scale(1.1) }            .boLcq { width: 100%; max-width: 1000px; padding: 5px; }    .k3d3L { display: flex; border: 1px solid #20406030; width: 100%; height: 340px; }  .icXb8 { flex: 1; }  .fpD8Y { width: 40px; position: relative; padding: 0px 7px; z-index: 500; }  .eCkPL { position: absolute; left: 6px; direction: ltr; font-size: 90%; }  .uwtAh { font-size: 85%; padding: 0px; }  .tErQz { font-size: 85%; padding: 1px 5px 0px 4px; direction: ltr; }  .iPLrS { top: 5px; }  .bppk1 { top: 121px; }  .tOkQy { top: 240px; }    .jjkUY { width: 100%; height: 300px; position: relative; margin: 10px 0px 0px 0px; border-top: 1px solid #20406030; }  .k4imf { width: 90%; height: 250px; position: relative; margin: 10px 0px 0px 0px; }  .m0e74 { width: 100%; height: 50px; position: relative; background: #00b04005; z-index: 1000; display: flex; justify-content: center; align-items: center; }   .ri4iU { transform: rotate(50deg); color: #0000a0; }   .iryns { position: absolute; right: 150%; bottom: 28%; width: 430px; display: none; background: #fffffff0; padding: 7px 10px; box-shadow: 2px 6px 10px -3px #20406030; }   .m0e74:hover > .iryns { display: block; }    .sWBnk { width: 100%; height: 120px; left: 0px; top: 0px; position: absolute; z-index: 5; border-bottom: 1px solid #20406020; background: #50ffc020; display: flex; flex-direction: column; }  .pXfYM { width: 100%; height: 120px; left: 0px; top: 120px; position: absolute; z-index: 5; border-bottom: 1px solid #20406030; background: #ffa0b020; display: flex; flex-direction: column; }  .pOdPV { border-bottom: 1px solid #20406020; flex: 1; }    .qwyIc { width: 100%; height: 100%; left: 0px; top: 0px; direction: ltr; position: absolute; z-index: 1; display: flex; overflow: hidden; ; }  .d3eDD { width: 28.57%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }  .rjdVE { width: 14.286%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }    .fLVcx { height: 100%; position: absolute; top: 0px; width: 0.9524%; z-index: 10; }  .fLVcx:hover { z-index: 200; }  .mMEmb { position: relative; width: 100%; height: 100%; z-index: 1; transition: .2s; }  .mMEmb:hover { background: #ffffffa0; z-index: 2; box-shadow: 0px 0px 5px #20406010; }    .nJmGP { position: absolute; top: 5px; background: #fcfdfef0; border: solid 1px #20406020; z-index: 10;   box-shadow: 1px 2px 6px #20406020; display: none; padding: 6px 7px; white-space: nowrap; font-size: 90%; line-height: 1.7;  }  .cGfny { display: flex;}  .mMEmb:hover > .nJmGP { display: block; }  .q87do { left: 180%; }  .bvot1 { right: 180%; }      .k6x8W { width: 100%; height: 240px; position: relative;}  .eVreu { width: 100%; background: #00a0ff10; position: relative;}    .lgk4r { width: 100%; height: 50px; position: relative;}  .z5CQb { position: absolute; left: 0.5px; right: 0.5px; bottom: 0px; border-radius: 2px 2px 0px 0px; background: #0050c0a0; }    .rCsEE { width: 100%; height: 28px; position: relative; display: flex; direction: ltr; }  .vUuya { text-align: left; white-space: nowrap; padding: 4px 6px; border-left: solid 1px #20406020; }  .oH65I { font-size: 80%; padding: 5px 7px; ;}                            .klgqU { padding: 5px; min-width: 500px; width: 100%; }  .mDImX { margin: 7px 0px; border: 1px solid #20406020; border-radius: 6px; overflow: hidden;; }  .y9ggo { padding: 10px; background: #f0faff; transition: .2s; cursor: pointer; transition: .2s; }  .y9ggo:hover { padding: 10px; background: #fff; font-weight: bold; }  .xmn65 { padding: 5px; margin: 7px 0px; background: #f0fffa; display: none; border-radius: 5px; overflow: hidden;; }  .mNcZF { display: flex; flex-wrap: wrap; }    .x4Slt { }  .zwW5J { font-size: 85%; opacity: .85; padding: 4px 15px 4px 5px; ; }      .hIuCL { width: 100%; display: flex; margin: 6px 2px; border: 1px solid #20406020; background: #e0f0ff; padding: 5px; border-radius: 5px;   transition: .2s; max-width: 500px; }  .hIuCL:hover { border: 1px solid #2040a050; background: #c0f0ff; }  .dXuUx { width: 120px; margin: 0px 0px 0px 6px; background: #fffaff; overflow: hidden;   border: 1px solid #20406050; border-radius: 3px; ;  }  .yU0GI { padding: 4px 0px;}  .em1q5 { cursor: pointer; transition: .2s; }  .em1q5:hover { background: #ffffff; border: 1px solid #2040f0a0; }  .uqlvo { display: flex; padding: 2px 7px; }  .f49X2 { height: 1px; margin: 5px 0px; background: #20406030; }  .hFoE5 { padding: 0px 2px; color: #0040f0; font-weight: bold; }  .pLjsA { opacity: .85; font-size: 85%; padding-top: 2px; }  .iBAfR { flex: 1; direction: ltr; font-family: monospace !important; word-spacing: nowrap; }  .hH3hX { flex: 1; direction: ltr; font-size: 85%; opacity: .85;; }  .i8i8l { flex: 1; direction: rtl; }  .uvqrv { flex: 1; margin: 0px 0px 0px 0px; background: #f5ffff; padding: 0px; overflow: hidden;   border: 1px solid #2040f030; border-radius: 3px; ;  }    .qeVJS { padding: 10px 15px; font-size: 110%; color: #004060; background: linear-gradient(to left , #00a0ff30 ,#d000ff10,#f000ff00) }  .t8Qmh { cursor: pointer; position: relative; transition: .2s; overflow: hidden; }  .t8Qmh:hover { transition: .2s;   color: #0040a0;   text-shadow: 1px 1px 1px #ffffff, 1px 2px 10px #ffffff;   font-weight: bold;  }  .t8Qmh::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 0px; transition: .4s;   background: linear-gradient(200deg , #50d0ff50 ,#ff50ff50 ); border-left: 2px solid #2040a050;   border-radius: 20px 0px 0px 20px;  }  .t8Qmh:hover::before { width: 110%; }  .pE7es { padding: 8px; font-size: 85%; ; }  .mHt6r { display: flex; flex-wrap: wrap; }   .i0pU1 { width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -2px; right: -2px; z-index: 1; background: #ffc050e0;; }   .w7HGU { top: auto; right: auto; left: 4px; bottom: 2px; background: #ffc050b0;; }   .wJUft { width: 100%; display: flex; flex-wrap: wrap; padding: 6px 0px 0 0 !important; min-width: 208px; }   .vg5QQ { width: 100%; }   .vRDJ0 { display: flex; flex-wrap: wrap; border: 1px solid #20406020; border-radius: 4px; margin: 2px 3px; position: relative; }   .eMGUC { padding: 4px 6px 4px 8px; }   .gaOP7 { padding: 4px 8px 4px 6px; direction: ltr; }   .itfk4 { padding: 4px 8px 4px 6px; }  .mVCob { padding: 1px 3px; background: #fff; direction: ltr; text-align: left; }  .p67Um { direction: ltr; text-align: right;}                      .dqAWz { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; direction: ltr; }  .kSjuX { height: 32px; margin: 2px 0px; border: 1px solid #204060a0; width: 100%; background: #fff; }      .rdWVU { display: flex; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; }  .c9p2J { height: 100%; margin: 2px 2px; border: 1px solid #204060a0; width: 32px; background: #fff; }                      .fafYc { padding: 10px 2%; }  .uAlHR { min-width: 500px; margin: 12px 0px; border-radius: 0px 5px 5px 0px; overflow: hidden; border: 1px solid #20406030; border-left: none;   border-right: 4px solid #2060b050; background: linear-gradient(to left, #f0faff, #ffffff50);  }   .oP8iC { font-size: 120%; padding: 7px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }   .jm1d0 { font-size: 90%; padding: 5px 8px; }     .syT9l { padding: 5px 8px; border-top: 1px solid #20406020; display: flex; }   .e5hjO { padding: 0px 8px; display: flex; align-items: center; min-width: 100px; ; }        .onZhj { margin: 3px; border: 1px solid #20406030; border-radius: 4px; background: linear-gradient(to top, #f0faff, #ffffff50);}  .ywTlB { font-size: 110%; padding: 3px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }    .wrRyv { padding: 4px 7px; display: flex; }  .syH1P { padding: 0px 7px; display: flex; align-items: center; min-width: 80px; ; }            .sGe0Y { padding: 5px; width: 100%; min-width: 350px; min-height: 100%; position: relative; line-height: 1.7; background: #fafdffa0; font-size: 110%;}    .dTjUW { padding: 7px 4%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-width: 350px; }  .nJTso { width: 100%; max-width: 1000px; }      .w0BHa { padding: 30px 2% 10px 2%; font-size: 120%; font-weight: bold; }  .v72li { padding: 10px 2% 30px 2%; font-size: 110%; }    .kcDJi { padding: 5px 1%; }                  .cUYoF { display: flex; flex-wrap: wrap; padding: 10px 3% ; }  .zR7Hw { padding: 10px 20px; cursor: pointer; border: solid 1px #20406040; margin: 10px; background: #ffffff; box-shadow: 2px 10px 20px -4px #20406020; border-radius: 4px; }                .uXc1D { padding: 5px 1%; }   .dV7GX { min-width: 470px; display: flex; flex-wrap: wrap; }   .h6TaP { padding: 4px 8px; }   .qoXNz { height: 40px; display: flex; align-items: center; width: 210px; padding: 0px 10px; border: 2px solid #0040a050;   background: #fff; border-radius: 4px 5px 0px 0px; transform: translate(0px, 28px); }   .aZO4B { width: 460px; border: 1px solid #20406030; border-radius: 4px 0px 4px 4px; overflow: hidden; }   .qP2tU { display: flex;; border: 1px solid #20406030; font-size: 90%; line-height: 1.2; }   .kZ5TF { width: 200px; min-height: 25px; padding: 5px 10px 5px 5px; border-left: 1px solid #20406020; }   .pxRxP { width: 160px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; border-left: 1px solid #20406020; }   .skqOc { width: 100px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; background: #fff; }   .y3kpD { width: 22px; height: 100%; display: flex; justify-content: center; align-items: center; }   .sdjru { width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 5px; }   .vffBh { transform: scale(1.5) !important; }   .bxFqX { transform: scale(1.2) !important; }   .dWuhr { background: #00ff8040; color: #008020; }   .qxhFA { background: #ffd05040; color: #805000; }   .ljjm2 { background: #ff205015; color: #c00000; }   .k77tg { display: flex; line-height: 1.2; padding: 3px 5px; justify-content: center; align-items: center; text-align: center; }   .m5UAF { color: #805000; }                        .dCRRe { position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; }  .y7ehk { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 14px; line-height:1.4; }  .bHTGi {  }      #mwzNI { position:fixed; z-index: 999999; background:#fffffff0; min-width: 100px; color: #203040;   transition: .3s; border-radius: 0px;   box-shadow: 3px 4px 2px #50608070 ;   border: 1px solid #20406020;  }    .lhQ1h{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .foX1X { z-index: 23000000 }  .ypgB1 { z-index: 25000000 }  .ypgB1:hover { z-index: 28000000 }  .pindivleft1 { z-index: 27300020; }  .opdivleft1 { z-index: 27200020; }  .cnyDk{ z-index: 27300020; }  .iuOLG { z-index: 27200020; }  .dDYnn { z-index: 27100020; }  .mmVFy { z-index: 27000000; }  .ftjAV { z-index: 26000000 !important; }  .qSoCD { z-index: 26000000 !important; }    .krz6Y{ z-index: 25000000; }    .xqo7f { z-index: 40000000 }    .vc6w7 { z-index: 18000 }    .sLuuG { top: 1px; left: 0px; right: 0px;;z-index: 225; height:34px }  .myTopHeadrHeight { height: 40px; }  .sLuuGF { left: 0px ; right: 0px; }  .topHeaderItemHeight1{ height: 40px}      .topHeaderItemExtraHeight1{ height: 40px}    .gg { z-index: 10000; background: #f0f5ff; direction: rtl; font-family: 'Calibri', Calibri; font-size: 20px; color: #002070; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; }      .topBoxItemHeight1 { height: 36px}  #mtbkU { position: fixed; padding: 1px 2px; font-size: 95%; top: 36px;left: 351px ; right: 121px; height: 34px; direction: rtl;text-align: right;margin:0px !important; z-index: 100; z-index: 150; }  .mtbkUR { right: 41px !important; }  .mtbkUL { left: 41px !important; }  .myWidthTopBox1 { top: 0px !important; left: 0px !important; right: 0px !important; z-index: 9999999 !important; }          #pvy8c { height:32px ; bottom: 0px ; left: 351px ; right: 121px ; z-index: 110; }  .pvy8cR { right: 41px !important }  .pvy8cL { left: 40px !important }  .pvy8cH { height: 200px !important }        #qpltM { top:70px ; left: 351px;right: 121px;bottom: 32px; z-index: 100; }  .qpltMR { right: 41px !important; }  .qpltML { left: 40px !important; }  .qpltMB { bottom: 200px !important; }  .qpltMT { top: 120px !important; }  .myWidthMain1 { top: 40px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 999999 !important; }          #myTopRightPan { top:35px ; width: 120px; right: 0px;height: 40px; z-index: 220; }  .myTopRightPanR { right: -80px !important; }  .myTopRPnlFlash{ position: absolute !important; left: 0px;}    #myRightPan { top:75px ; width: 120px;right: 0px;bottom: 0px;position: fixed; transition: .3s; z-index: 210; }  #myRightPan:hover { width: 120px !important }  .myRightPan { width: 40px !important; right: 0px !important;; }        #cYo8b { top:35px ; width: 100% ; max-width: 350px;left: 0px;height: 40px;position: fixed; transition: .3s; ; z-index: 220; display: flex; flex-wrap: wrap; }  .j0yXH { height: 100% !important; max-width: 40px !important ; bottom: 0px ; display: block !important }  .j0yXH > .xn1Tr > .h8McP {display: none !important;}      #vOQ5F { top:75px ; width: 100% ; max-width: 350px;left: 0px;bottom: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 210; }  .zwFDc { left: -310px !important; opacity: 0; }      .tTMlq { top:0px ; bottom: 0px;left: 0px;right: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 220; display: none; background: #0050b050; }    #sJiAX { min-width: 350px; max-width: 500px; left: 5px;bottom: 35px;position: fixed; transition: .3s; z-index: 210000; }      @media (max-width: 570px)  {   #sJiAX { max-width: 100%; }   .zwFDc{ left: -350px !important ; }   #o3Xli { display: none !important; }  }    @media (max-width: 700px)  {   .aluqC { right: 0px; max-width: 100%; width: 100%; }    }    @media (max-width: 768px)  {   #mtbkU { left: 40px ; right: 40px; }     #pvy8c { left: 40px ; right: 0px }   .pvy8cR { right: 0px !important }   .pvy8cL { left: 0px !important }     .myRightPan { width: 40px !important; right: -41px !important;; }     .j0yXH { left: -310px !important ; max-width: 350px !important ;height: 40px ;position: fixed ; }     #qpltM { left: 0px;right: 0px; }   .qpltMR { right: 0px !important ; }   .qpltML { left: 0px !important; }     .myTime{ border: none }   .nLpBL{ border: none }  }    @media (max-width: 992px)  {   #mtbkU { left: 40px ; }   #pvy8c { left: 40px ;}  }  @media (max-width: 1199px)  {   #mtbkU { left: 40px ; }   #pvy8c { left: 40px ;}  }        @media (min-width: 1300px)  {   .aluqC { max-width: calc(100% - 360px) ; }  }        .oNSTX { top: -400px !important; opacity: 0 !important; }  .wsMSp { top: -500px !important; opacity: 0 !important; }  .fJzOB { right: -500px !important; top: 200px !important; opacity: 0 !important; }  .sJ0vL { left: -500px !important; top: 200px !important; opacity: 0 !important; }  .dr7Jl { opacity: 0 !important; top: 500px !important }  .vHiBX { transition: 500ms !important; }        .vtQmM { position: relative !important; }  .tgx1p{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; min-height: 80px; background: #a0c0f080; display: flex; justify-content: center; align-items: center; border-radius: 8px;}      @keyframes perC { to {transform: rotate(45deg);} }  @keyframes perB { to {transform: rotate(-180deg);} }      .qcuyT{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; min-height: 80px; background: #f0e0a080; display: flex; justify-content: center; align-items: center; border-radius: 8px;}  .t55cr{ background: #f0e0a000 !important; }  .x412j{ min-height: 100% !important; background: #f0e0a000; }      @keyframes mw7Bs {   0%{ opacity: 0; transform: translate(40px, 0px) rotate(2deg); }   65%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }      @keyframes gBoeQ {   0%{ opacity: 0; }   100%{ opacity: 1; }  }  @keyframes bznvF {   0%{ opacity: 0; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }    @keyframes dnT0D {   0%{ opacity: .2; transform: translate(150px, 0px) rotate(5deg); }   75%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    @keyframes kWYZY {   0%{ opacity: 0; transform: translate(200px, 0px) scale(.9); }   85%{ transform: translate(-5px, 0px) scale(.9); }   100%{ opacity: 1; transform: translate(0px, 0px) scale(.9);}  }      @keyframes jIxoA {   0%{ opacity: 0; transform: translate(150px, 0px) }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    .p1 { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; }  .p2 { position: relative; width: 90%; height: 90%; max-width: 200px; aspect-ratio: 1/1; max-width: 200px; }    .v_i_b { width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%; background: #fff; }  .v_i_b_m { width: 92%; height: 92%; margin: 4%; }    .v_i_b_a > .v_i_m { animation: .8s perC infinite ; }  .v_i_b_a > .v_i_m > .v_i_m_a { left: 48%; right: 48%; }  .v_i_b_a > .v_i_c0 { animation: 2s perB infinite ; background: linear-gradient(to bottom, #e05000, #f0c000,#e05000 ); }  .v_i_b_a > .v_i_c1 { top: 11%; right: 11%; bottom: 11%; left: 11%; }  .v_i_b_a > .v_i_c2 { bottom: 15%; top: 15%; right: 15%; left: 15%; background: radial-gradient(#f08000,#ffa000,#f08000); }    .v_i_b:hover > .v_i_m { animation: .8s perC infinite ; }  .v_i_b:hover > .v_i_m > .v_i_m_a { left: 48%; right: 48%; }  .v_i_b:hover > .v_i_c0 { animation: 2s perB infinite ; background: linear-gradient(to bottom, #e05000, #f0c000,#e05000 ); }  .v_i_b:hover > .v_i_c1 { top: 11%; right: 11%; bottom: 11%; left: 11%; }  .v_i_b:hover > .v_i_c2 { bottom: 15%; top: 15%; right: 15%; left: 15%; background: radial-gradient(#f08000,#ffa000,#f08000); }    .v_i_c0 { z-index: 1; position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; border-radius: 50%; background: linear-gradient(to bottom, #d77000, #d77000,#d77000 );; transition: .3s;}  .v_i_c1 { z-index: 2; position: absolute; top: 9%; right: 9%; bottom: 9%; left: 9%; border-radius: 50%; background: #fff; transition: .3s;}  .v_i_c2 { z-index: 10; background: #ffc000; background: radial-gradient(#ffc000,#f0b000,#e0a000); box-shadow: inset 0px 0px 100px #ff000000;   position: absolute; bottom: 12.5%; top: 12.5%; right: 12.5%; left: 12.5%; border-radius: 50%; border: 2px solid #f0b000; transition: .3s; }      .v_i_m { position: absolute; z-index: 50; bottom: 12%; left: 12%; right: 12%; top: 12%; transition: .3s; }    .v_i_m_a { position: absolute; bottom: 0%; left: 48.2%; right: 48.2%; top: 0%; background: #fff; }  .v_i_m_a2 { transform: rotate( 45deg ); }  .v_i_m_a3 { transform: rotate( 90deg ) }  .v_i_m_a4 { transform: rotate( -45deg) }          @keyframes bounce { to {opacity: 0.3;transform: translate3d(0, -30px, 0);} }  .loading { display: flex; justify-content: center; position: relative;}  .loading div { width: 25px;height: 25px;margin: 10px 10px; background: #404080; border-radius: 50%;animation: 0.27s bounce infinite alternate;}  .loading div:nth-child(2) {animation-delay: 0.09s;}  .loading div:nth-child(3) {-webkit-animation-delay: 0.2s;animation-delay: 0.18s;}          @keyframes kW6gq { 0%{ opacity: 0; } 100%{ opacity: 1; } }  @keyframes i0Ux8 { 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 1; } }  @keyframes fUgjy { 0%{ opacity: .2; transform: translate(100px, 0px); } 100%{ opacity: 1; } }  @keyframes fpvGT { 0%{ opacity: 1; transform: translate(-150px, 0px); } 100%{ opacity: 0.2; } }  @keyframes nw0wD { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes uDgxT { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes w4z0V { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes uQORR { 0%{ transform: translate(0,0); } 50%{ transform: translate(0,3px); } 100%{ transform: translate(0,0); } }          .lds-facebook { display: inline-block;position: relative;width: 80px;height: 80px;}  .lds-facebook div { display: inline-block; position: absolute; left: 8px; width: 16px; background: #0ae; animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}  .lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s;}  .lds-facebook div:nth-child(2) { left: 32px; animation-delay: -0.12s;}  .lds-facebook div:nth-child(3) { left: 56px; animation-delay: 0;}  @keyframes lds-facebook { 0% { top: 8px; height: 64px; } 50%, 100% { top: 24px; height: 32px; }}        .fancy-spinner {display: flex;justify-content: center;align-items: center;width: 5rem;height: 5rem;}  .fancy-spinner div {position: absolute;width: 4rem;height: 4rem;border-radius: 50%;}  .fancy-spinner div.ring {border-width: 0.5rem;border-style: solid;border-color: transparent;-webkit-animation: 2s fancy infinite alternate; animation: 2s fancy infinite alternate;}  .fancy-spinner div.ring:nth-child(1) {border-left-color: #979fd0;border-right-color: #979fd0;}  .fancy-spinner div.ring:nth-child(2) {border-top-color: #979fd0;border-bottom-color: #979fd0;-webkit-animation-delay: 1s; animation-delay: 1s;}  .fancy-spinner div.dot {width: 1rem;height: 1rem;background: #979fd0;}  @-webkit-keyframes fancy { to { -webkit-transform: rotate(360deg) scale(0.5); transform: rotate(360deg) scale(0.5); }}  @keyframes fancy { to { -webkit-transform: rotate(360deg) scale(0.5); transform: rotate(360deg) scale(0.5); }}      @keyframes r3iBW {   0%{ transform: translate(-150px,150px) scale(.8); opacity: 0; }   50%{ transform: translate(-150px,0px) scale(.9); opacity: .8; }   100%{ transform: translate(0px,0px) scale(1); opacity: 1; }  }  @keyframes bJkgB {   0%{ transform: translate(0px,0px) scale(1); opacity: 1; }   50%{ transform: translate(0px,150px) scale(.9); opacity: .8; }   100%{ transform: translate(-150px,150px) scale(.8); opacity: 0; }  }          @keyframes myNS{ 0%{ opacity: 0;transform: scale(0); background: #500060 } 100%{ opacity: 1; transform: scale(1); background: #fff }}  @keyframes myNSCL{ 0%{ opacity: 1; transform: scale(1); background: #fff } 100%{ opacity: 0;transform: scale(0); background: #500060 } }    @keyframes myShow1 { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes myNemDetail1 { 0%{ opacity: .2; } 100%{ opacity: 1; } }      @keyframes myMainTabExtraOption1 { 0%{ opacity: 0; transform: translate(50px, 10px); } 100%{ opacity: 1; transform: translate(0px, 0px);} }    @keyframes myMainTabsAnime1 { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes myMainTabsAnime12 { 0%{ transform: translate(0, -50px); } 90%{ transform: translate(-20px, -20px);} 100%{ transform: translate(0, 0);} }    @keyframes bmMxQ { 0%{ opacity: 0; transform: translate( -300px, 0px) scale(.5); } 50%{ transform: translate( -300px, 0px) scale(.5) ; opacity: 1; } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes hYiAh { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 50%{ opacity: 1; transform: translate( 0px, 0px) scale(0.5); } 100%{ opacity: 0; transform: translate(-300px, 0px) scale(0.5) } }      @keyframes myAsliHeaderAnime { 0%{ opacity: 0; width: 0%; } 60%{ opacity: .9; } 80%{ opacity: .6; background: #ffa0b050; } 100%{ opacity: 1; } }  @keyframes myAsliHeaderAnimeRTL1 { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes myAsliHeaderAnimeLTR1 { 0%{ opacity: 0; transform: translate(-1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }    @keyframes myAsliHeaderExtraAnime { 0%{ opacity: 0; width: 0%; } 100%{ opacity: 1; } }    @keyframes myMainTabsAnimeRTL1 { 0%{ transform: translate(0, -50px); } 90%{ transform: translate(-20px, -20px);} 100%{ transform: translate(0, 0);} }  @keyframes myMainTabsAnimeLTR1 { 0%{ transform: translate(0, -50px); } 90%{ transform: translate(-20px, -20px);} 100%{ transform: translate(0, 0);} }    @keyframes myAsliHeadersActive1 { 0%{ box-shadow: inset 0px 0px 0px #ffffff; } 70%{ box-shadow: inset 0px 0px 50px #80c0ff } 100%{ box-shadow: inset 0px 0px 0px #ffffff } }      @keyframes rq2ol { 0%{ opacity: 0;} 100%{ opacity: 1; } }    @keyframes pageHeaderExtraItemActive { 0%{ box-shadow: 0px 0px 0px #ffffff; } 70%{ box-shadow: 0px 0px 10px #80c0ff } 100%{ box-shadow: 0px 0px 0px #ffffff } }  @keyframes myTabContentItemONAnime { 0%{ opacity: 0; transform: translate(150px, 0px); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes mySelectorAraeAnime1 { 0%{ transform: translate(250px, 0); } 100%{ transform: translate(0, 0);} }  @keyframes myTabAnime1 { 0%{ opacity: 0} 100%{ opacity: 1; } }    @keyframes g51is { 0%{ opacity: 0} 30%{ opacity: 1; } 70%{ opacity: 1; } 100%{ opacity: 0; } }  @keyframes xeh7s { 0%{ opacity: 0; transform: scale(0.5);} 100%{ opacity: 1; transform: scale(1); } }        @keyframes loadedBox{ 0%{ opacity: 0 } 40%{ opacity: .7 } 70%{ opacity: .2 } 100%{ opacity: 1 }}  .loadedData_box{ background: #e8fff0f0; animation: .5s loadedData_box 1 ; }  @keyframes loadedData_box{ 0%{ background: #fffffff0 } 40%{ background: #e0fff050 } 60%{ background: #c0ffe8f0 } 80%{ background: #c0ffe080 } 100%{ background: #e8fff0f0 }}  .blur > *{ padding: 4px 20px 4px 0px; opacity: 0; animation: animateBlur .4s forwards; position: relative; }  @keyframes animateBlur { from { opacity: 1; text-shadow: 0 0 1em rgba(0,0,0,.7); color: rgba(0,0,0,0); } to { opacity: 1; text-shadow: 0 0 0px rgba(0,0,0,0); color: rgba(0,80,40,1); } }  .blur > *::before{ content: ''; position: absolute;top: 8px ;right: -5px; width: 10px; height: 3px; border-radius: 10px; border-color: transparent transparent #0a4 #0a4 ;border-width: 3px; border-style: solid; transform: rotate(-45deg) }  .calHead{ padding: 10px; font-size: 110%; ;}    .fancy-spinner { display: flex; justify-content: center; align-items: center; width: 20rem; height: 20rem; margin: 0px auto;}  .fancy-spinner div { position: absolute; width: 14rem; height: 14rem; border-radius: 50%;}  .fancy-spinner div.ring { border-width: 3rem; border-style: solid; border-color: transparent; -webkit-animation: 1.4s fancy infinite alternate; animation: 1.4s fancy infinite alternate;}  .fancy-spinner div.ring:nth-child(1) { border-left-color: #60f0c0; border-right-color: #60f0c0;}  .fancy-spinner div.ring:nth-child(2) { border-top-color: #60f0c0; border-bottom-color: #60f0c0; -webkit-animation-delay: .7s; animation-delay: .7s;}  .fancy-spinner div.dot { width: 5rem; height: 5rem; background: #00f0c0; -webkit-animation: .25s fancy infinite alternate; animation: .25s fancy infinite alternate; box-shadow:inset 0px 0px 20px #00a050;}    @-webkit-keyframes fancy { to { -webkit-transform: rotate(720deg) scale(0.4); transform: rotate(720deg) scale(0.4); }}    @keyframes fancy { to { -webkit-transform: rotate(720deg) scale(0.4); transform: rotate(720deg) scale(0.4); }}    .loadClose { animation: .3s myOff 1 !important; animation-delay: 1.5s !important; }  @keyframes myOff{ to{ opacity: 0; transform: scale(0.5) !important }}    @keyframes yCXW1 { 0%{ display: none; opacity: 0} 90%{ display: block; opacity: 0} 100%{ opacity: 1; } }      @keyframes wqCpq { 0%{ opacity: 0} 100%{ opacity: 1; } }  @keyframes pxRhZ { 0%{ opacity: 1} 100%{ opacity: 0; height: 0px; } }      @keyframes b0edB { 0%{ offset: 1px solid #00a050;} 100%{ offset: 1px solid #00a050 } }      @keyframes y22y5 { 0%{ opacity: .5; transform: translate(0,0); } 40%{ opacity: .5; transform: translate(0px,2px); } 100%{ opacity: 1; transform: translate(0,0); } }    @keyframes odBgA { 0%{ transform: translate(-150px,0px); opacity: .8; outline: 2px solid #0080b000; } 45%{ opacity: .6; transform: translate(-100px,-30px); outline: 2px solid #0080b0; } 100%{ transform: translate(0px,0px); opacity: 1; outline: 2px solid #0080b000 } }  @keyframes rJG8U { 0%{ transform: translate(150px,0px); opacity: .8; outline: 2px solid #b000a000; } 45%{ opacity: .5; transform: translate(100px,30px); outline: 2px solid #b000a0; } 100%{ transform: translate(0px,0px); opacity: 1; outline: 2px solid #b000a000 } }    @keyframes srLuq { 0%{ transform: translate(-10px,0px) ; opacity: .5 } 100%{ opacity: 1; transform: translate(0,0) ; } }  @keyframes gjBFf {   0%{ background: #00a0ff00; color: #234; }   40%{ background: #c0e0ff30; color: #00f }   100%{ background: #00a0ff00; color: #345 }  }      @keyframes vqDSw {   0%{ opacity: 1; background: #ffff0020; font-weight: bold; color: #700030; }   70%{ opacity: 1; background: #00ffff20; }   99%{ opacity: 0; }   100%{ opacity: 0; display: none; }  }    @keyframes cIEUv {   0%{ opacity: 0; transform: translate(50px,0) }   10%{ opacity: 1; transform: translate(0,0); }   90%{ opacity: 1; transform: translate(0,0) }   100%{ opacity: 0; transform: translate(50px,0) }  }      @keyframes xUyID { 0%{ height: 0%; } 100%{ height: 100%; } }                @keyframes kplFB  {   0%{ opacity: 0; transform: scale(.7);}   10%{ opacity: 1; transform: scale(.85); }   20%{ opacity: 0; transform: scale(.7); }   30%{ opacity: 1; transform: scale(.85);}     90%{ opacity: 1; transform: scale(.85); }   100%{ opacity: 0; transform: scale(.7); }  }    @keyframes m59eq  {   0%{ opacity: 0; transform: scale(1) translate(-20px, 0px)}   25%{ opacity: 1; transform: scale(1.3);}     70%{ opacity: 1; transform: scale(1.3); }   100%{ opacity: 0; transform: scale(1) translate(35px, 0px) }  }        @keyframes igtQC {   0%{ transform: translate( 0px,-50px) ; opacity: 0; }   50%{ transform: translate(0px,-50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes cUSl0 {   0%{ transform: translate( 0px,50px) ; opacity: 0; }   50%{ transform: translate(0px,50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes b0iJJ {   0%{ transform: translate( 0px,-50px) scale(.5) ; opacity: 0; background: #ffe0a0; }   50%{ transform: translate(0px,-50px) scale(.5) ; opacity: 0; background: #ffe0a0; }   100%{ transform: translate(0px,0px) scale(1) ; opacity: 1; background: #ffe0a0; }  }      @keyframes minXL {   0%{ transform: translate( -400px,0px) ; opacity: 0; }   8%{ transform: translate( 6px,0px) ; opacity: 1; }   12%{ transform: translate( 0px,0px) ; opacity: 1; }   88%{ transform: translate( 0px,0px) ; opacity: 1; }   92%{ transform: translate( 7px,0px) ; opacity: 1; }   100%{ transform: translate( -400px,0px) ; opacity: 0; }  }  @keyframes fbG8U {   0%{ transform: translate( -400px,0px) ; opacity: 0; }   5%{ transform: translate( 6px,0px) ; opacity: 1; }   9%{ transform: translate( 0px,0px) ; opacity: 1; }   91%{ transform: translate( 0px,0px) ; opacity: 1; }   94%{ transform: translate( 7px,0px) ; opacity: 1; }   100%{ transform: translate( -400px,0px) ; opacity: 0; }  }                        .cUJJI { height: 100%; height: 100%; max-height: 40px; width: 100%; max-width: 40px; display: flex; justify-content: center; align-items: center; }                      .gg-user {   display: block; transform: scale(1.1); box-sizing: border-box; width: 12px; height: 18px  }  .gg-user::after,  .gg-user::before {   content: ""; display: block; box-sizing: border-box; position: absolute; border: 2px solid  }  .gg-user::before {   width: 8px; height: 8px; border-radius: 30px; top: 0; left: 2px  }  .gg-user::after {   width: 16px; height: 9px; border-bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; top: 9px; left: -2px;  }      .gg-log-off {   box-sizing: border-box; position: relative; display: block; border-radius: 16px;   border: 2px solid; transform: scale(1.2); width: 16px; height: 16px;   border-top: 2px solid transparent  }  .gg-log-off::before {   content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px;   height: 8px; width: 2px; background: currentColor; left: 5px; bottom: 6px  }        .gg-search {   box-sizing: border-box; position: relative; display: block; transform: scale(1); color: #5080a0;   width: 16px; height: 16px; border: 2px solid; border-radius: 100%; margin-top: -4px  }  .gg-search::after {   content: ""; display: block; box-sizing: border-box; position: absolute;   border-radius: 3px; width: 2px; height: 8px; background: currentColor;   transform: rotate(-45deg); top: 10px; left: 12px  }      .gg-spinner {   transform: scale(1);  }  .gg-spinner,  .gg-spinner::after,  .gg-spinner::before { box-sizing: border-box; position: relative; display: block; width: 20px; height: 20px }    .gg-spinner::after,  .gg-spinner::before { content: ""; position: absolute; border-radius: 100px; }    .gg-spinner::before {   animation: spinner 1s cubic-bezier(.6,0,.4,1) infinite; border: 3px solid transparent; border-top-color: currentColor  }  .gg-spinner::after { border: 3px solid; opacity: .2; }  @keyframes spinner { 0% { transform: rotate(0deg) } to { transform: rotate(359deg) } }      .gg-link {   box-sizing: border-box; position: relative; display: block; transform: rotate(-45deg) scale(1);   width: 8px; height: 2px; background: currentColor; border-radius: 4px  }  .gg-link::after, .gg-link::before {   content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px;   width: 8px; height: 10px; border: 2px solid; top: -4px;  }  .gg-link::before { border-right: 0; border-top-left-radius: 40px; border-bottom-left-radius: 40px; left: -6px  }  .gg-link::after { border-left: 0; border-top-right-radius: 40px; border-bottom-right-radius: 40px; right: -6px; }      .gg-data {transform: scale(0.9) translate(0px, -1px); }  .gg-data,  .gg-data::after,  .gg-data::before {   box-sizing: border-box;position: relative;display: block;border: 2px solid;border-radius: 50%;   width: 14px;height: 14px}  .gg-data::after,  .gg-data::before {  content: "";position: absolute;width: 6px;height: 6px;top: 2px; left: 2px; }  .gg-data::after {   background: linear-gradient( to left, currentColor 8px,transparent 0) no-repeat bottom center/2px 8px;   width: 22px; height: 22px; top: -6px; left: -6px; }  .gg-data,  .gg-data::after { border-top-color: transparent; border-bottom-color: transparent; }          .gg-arrange-back {   box-sizing: border-box; position: relative; transform: scale(0.9); display: block;   width: 18px; height: 18px; }  .gg-arrange-back::after,  .gg-arrange-back::before {   content: ""; display: block; box-sizing: border-box; position: absolute}  .gg-arrange-back::after {   width: 10px; height: 10px; left: -2px; top: 4px; background: currentColor; }  .gg-arrange-back::before {   width: 10px; height: 10px; right: -2px; top: 4px; background: currentColor; }      .gg-trending {  box-sizing: border-box;position: relative;display: block;transform: rotate(-45deg) scale(0.9) translate(-5px, 0px);  width: 10px;height: 8px;border-top: 2px solid;border-right: 2px solid}  .gg-trending::after,  .gg-trending::before {  content: "";display: block;box-sizing: border-box;position: absolute}  .gg-trending::before {  background: currentColor;left: 9px;width: 10px;height: 2px;bottom: 0}  .gg-trending::after {  width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;  border-left: 6px solid;bottom: -3px;right: -14px}    .gg-trending2 {   box-sizing: border-box;position: relative;display: block;transform: rotate(-45deg) scale(0.9) translate(-5px, 0px);   width: 12px;height: 12px;border-top: 3px solid;border-right: 3px solid; border-bottom: 3px solid; }   .gg-trending2::after,   .gg-trending2::before {   content: "";display: block;box-sizing: border-box;position: absolute}   .gg-trending2::before {   background: currentColor;left: 9px;width: 10px;height: 3px;bottom: 0}   .gg-trending2::after {   width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;   border-left: 7px solid;bottom: -4px;right: -16px }      .gg-scroll-h,  .gg-scroll-h::after,  .gg-scroll-h::before {  display: block;box-sizing: border-box;width: 6px;height: 6px}  .gg-scroll-h {  position: relative;transform: scale(0.9);border: 2px solid;border-radius: 10px}  .gg-scroll-h::after,  .gg-scroll-h::before {  content: "";position: absolute;transform: rotate(45deg);top: -2px}  .gg-scroll-h::after {  border-top: 2px solid;border-right: 2px solid;right: -8px}  .gg-scroll-h::before {  border-bottom: 2px solid;border-left: 2px solid;left: -8px}      .gg-insights {  box-sizing: border-box;position: relative;display: block;width: 14px;height: 16px;transform: scale(0.9);  border-left: 8px solid transparent;border-top: 4px solid transparent;box-shadow: inset 0 0 0 2px}  .gg-insights::after,  .gg-insights::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 6px;  height: 16px;border: 2px solid;bottom: 0; right:5px}  .gg-insights::before {height: 8px;right: 10px; }      .gg-sync {  box-sizing: border-box;position: relative;display: block;transform: scale(0.8);border-radius: 40px;  border: 2px solid;margin: 1px;border-left-color: transparent;border-right-color: transparent;width: 18px;height: 18px}  .gg-sync::after,  .gg-sync::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 0;height: 0;border-top: 4px solid transparent;  border-bottom: 4px solid transparent;transform: rotate(-45deg)}  .gg-sync::before {  border-left: 6px solid;bottom: -1px;right: -3px}  .gg-sync::after {  border-right: 6px solid;top: -1px;left: -3px}      .gg-more-vertical {transform: scale( 0.9 )}  .gg-more-vertical,  .gg-more-vertical::after,  .gg-more-vertical::before {  box-sizing: border-box;position: relative;display: block;width: 6px;height: 6px;border: 2px solid;  border-radius: 100%}  .gg-more-vertical::after,  .gg-more-vertical::before {  content: "";position: absolute;top: 6px;left: -2px}  .gg-more-vertical::before {top: -10px}      .gg-chevron-right {  box-sizing: border-box;position: relative;display: block;transform: scale( 1 );  width: 22px;height: 22px;border: 2px solid transparent;border-radius: 100px}  .gg-chevron-right::after {  content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 10px;  border-bottom: 2px solid;border-right: 2px solid;transform: rotate(-45deg);right: 6px;top: 4px}    .gg-chevron-left {  box-sizing: border-box;position: relative;display: block;transform: scale( 1 );width: 22px;  height: 22px;border: 2px solid transparent;border-radius: 100px}  .gg-chevron-left::after {  content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 10px;  border-bottom: 2px solid;border-left: 2px solid;transform: rotate(45deg);left: 6px;top: 4px}    .gg-chevron-up {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));  width: 22px;height: 22px;border: 2px solid transparent;border-radius: 100px}  .gg-chevron-up::after {  content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 10px;  border-top: 2px solid;border-right: 2px solid;transform: rotate(-45deg);left: 4px;bottom: 2px }    .gg-chevron-down {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 22px;height: 22px;  border: 2px solid transparent;border-radius: 100px}  .gg-chevron-down::after {  content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 10px;  border-bottom: 2px solid;border-right: 2px solid;transform: rotate(45deg);left: 4px;top: 2px}    .gg-trash {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 10px;height: 12px;border: 2px solid transparent;  box-shadow:0 0 0 2px,inset -2px 0 0,inset 2px 0 0;border-bottom-left-radius: 1px;border-bottom-right-radius: 1px;margin-top: 4px}  .gg-trash::after,  .gg-trash::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-trash::after {background: currentColor;border-radius: 3px;width: 16px;height: 2px;top: -4px;left: -5px}  .gg-trash::before {  width: 10px;height: 4px;border: 2px solid;border-bottom: transparent;border-top-left-radius: 2px;border-top-right-radius: 2px;  top: -7px;left: -2px}      .gg-border-right {transform: scale(0.9);}  .gg-border-right,.gg-border-right::before {  box-sizing: border-box;position: relative;display: block;width: 14px;height: 14px;border-right: 3px solid}  .gg-border-right::before {  content: "";position: absolute;width: 10px;border: 3px solid;border-right: 0;bottom: 0;right: 2px;opacity: .3}      .gg-screen {  box-sizing: border-box;position: relative;display: block;transform: scale( 0.9 );  width: 22px;height: 14px;border: 2px solid;border-radius: 3px;margin-top: -4px}  .gg-screen::after,  .gg-screen::before {  content: "";display: block;box-sizing: border-box;position: absolute;border-radius: 3px;width: 10px;  height: 2px;background: currentColor;top: 14px;left: 4px}  .gg-screen::before {width: 2px;height: 6px;top: 10px;left: 8px}      .gg-ereader {  box-sizing: border-box;position: relative;display: block;transform: scale( 0.9 );width: 24px;  height: 18px;border: 2px solid;border-radius: 3px}  .gg-ereader::after,  .gg-ereader::before {  content: "";display: block;box-sizing: border-box;position: absolute;border-radius: 3px;  width: 2px;height: 18px;right: 9px;top: -2px;background: currentColor}  .gg-ereader::after {  width: 5px;height: 2px;box-shadow:0 4px 0,0 8px 0;top: 2px;right: 2px}    .gg-phone {  box-sizing: border-box;  position: relative; display: block; width: 22px; height: 22px; transform: scale( 0.9 ) }  .gg-phone::after, .gg-phone::before { content: ""; display: block; box-sizing: border-box; position: absolute }  .gg-phone::after {  width: 18px; height: 18px; border-top-left-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 12px;  border-left: 4px solid; border-bottom: 4px solid; left: 2px; bottom: 2px;  background: linear-gradient( to left, currentColor 10px,transparent 0) no-repeat right 11px/6px 4px,  linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0/4px 6px}  .gg-phone::before {  width: 20px;height: 20px;border: 6px double;border-top-color: transparent;border-bottom-color: transparent;  border-left-color: transparent;border-radius: 50%;transform: rotate(-45deg);bottom: 2px;left: 2px}    .gg-ngp {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 15px;height: 13px;  overflow: hidden}  .gg-ngp::after {  background: currentColor;content: "";box-sizing: border-box;position: absolute;display: block;height: 3px;  box-shadow: 0 5px 0,0 10px 0; }  .gg-ngp::after {width: 18px;right: 0px}      .gg-gp {  box-sizing: border-box;position: relative;display: block;transform: scale(0.9);  width: 20px;height: 20px;border: 2px solid;border-radius: 3px}  .gg-gp::after,  .gg-gp::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 6px;height: 6px;border-radius: 1px}  .gg-gp::before {   background: currentColor;top: 7px;left: 1px; width: 14px; height: 2px; box-shadow: 0 5px 0; }  .gg-gp::after {  background: currentColor;top: -1px;left: -1px; width: 18px; height: 6px;}      .gg-close {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));  width: 22px;height: 22px;border: 2px solid transparent;border-radius: 40px}  .gg-close::after,  .gg-close::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 16px;height: 2px;  background: currentColor;transform: rotate(45deg);border-radius: 5px;top: 8px;left: 1px}  .gg-close::after {transform: rotate(-45deg)}      @keyframes teMnN {   0% {   background-position: 0% 50%;   }   50% {   background-position: 100% 50%;   }   100% {   background-position: 0% 50%;   }  }    .gg-view-cols {  box-sizing: border-box;position: relative;display: block;transform: scale(1);  border: 2px solid;border-radius: 3px;width: 20px;height: 14px}  .gg-view-cols::after {  content: "";display: block;box-sizing: border-box;position: absolute;width: 2px;height: 12px;  top: -2px;left: 4px;background: currentColor;box-shadow: 6px 0 0}      .gg-home {background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 bottom/4px 2px,  linear-gradient(to left,currentColor 5px,transparent 0)no-repeat right bottom/4px 2px;box-sizing: border-box;  position: relative;display: block;transform: scale(0.9);width: 18px;height: 14px;  border: 2px solid;border-top: 0;border-bottom: 0;border-top-right-radius: 3px;border-top-left-radius: 3px;  border-bottom-right-radius: 0;border-bottom-left-radius: 0;margin-bottom: -2px}  .gg-home::after,  .gg-home::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-home::before {  border-top: 2px solid;border-left: 2px solid;border-top-left-radius: 4px;transform: rotate(45deg);  top: -5px;border-radius: 3px;width: 14px;height: 14px;left: 0}  .gg-home::after {width: 8px;height: 10px;border: 2px solid;border-radius: 100px;  border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;left: 3px;bottom: 0}      .gg-undo {box-sizing: border-box;position: relative;display: block;  transform: scale(var(--ggs,1));width: 14px;height: 14px;border: 2px solid;  border-left-color: transparent;border-radius: 100px}  .gg-undo::before {content: "";display: block;box-sizing: border-box;  position: absolute;width: 6px;height: 6px;border-top: 2px solid;  border-left: 2px solid;top: -3px;left: -1px;transform: rotate(-68deg)}      .gg-danger {box-sizing: border-box;position: relative;display: block;  transform: scale(var(--ggs,1));width: 20px;height: 20px;border: 2px solid;  border-radius: 40px}  .gg-danger::after,  .gg-danger::before {  content: "";display: block;box-sizing: border-box;position: absolute;  border-radius: 3px;width: 2px;background: currentColor;left: 7px}  .gg-danger::after {top: 2px;height: 8px}  .gg-danger::before {height: 2px;bottom: 2px}      .gg-instagram {box-sizing: border-box;position: relative;display: block;  transform: scale(0.9);border: 2px solid transparent;  box-shadow: 0 0 0 2px;border-radius: 4px;width: 20px;height: 20px}  .gg-instagram::after,.gg-instagram::before {  content: "";display: block;box-sizing: border-box;position: absolute}  .gg-instagram::after {  border: 2px solid;left: 3px;width: 10px;height: 10px;border-radius: 100%;  top: 3px}  .gg-instagram::before {  border-radius: 3px;width: 2px;height: 2px;background: currentColor;  right: 1px;top: 1px}      .gg-merge-vertical {box-sizing: border-box;position: relative;display: block;  transform: scale(var(--ggs,1));width: 2px;height: 14px;border-radius: 3px;background: currentColor}  .gg-merge-vertical::after,.gg-merge-vertical::before {  content: "";display: block;box-sizing: border-box;position: absolute;  width: 6px;height: 6px;border-bottom: 2px solid;top: 4px}  .gg-merge-vertical::after {  border-left: 2px solid;left: 5px;transform: rotate(45deg)}  .gg-merge-vertical::before {  border-right: 2px solid;transform: rotate(-45deg);right: 5px}      .gg-pen {box-sizing: border-box;position: relative;display: block;transform: rotate(-45deg) scale(0.9);  width: 14px;height: 4px;border-right: 2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0;border-top-right-radius: 1px;  border-bottom-right-radius: 1px;margin-right: -2px}  .gg-pen::after,.gg-pen::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-pen::before {background: currentColor;border-left: 0;right: -6px;width: 3px;height: 4px;border-radius: 1px;top: 0}  .gg-pen::after {width: 8px;height: 7px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;  border-right: 7px solid;left: -11px;top: -2px}      .gg-extension,  .gg-extension::after,  .gg-extension::before {box-sizing: border-box;display: block;border: 2px solid}  .gg-extension {position: relative;transform: translateX(-10px) scale(0.9);width: 8px;height: 14px}  .gg-extension::after,  .gg-extension::before {content: "";position: absolute;height: 8px}  .gg-extension::before {bottom: -2px;left: -2px;width: 14px}  .gg-extension::after {top: -6px;right: -12px;width: 8px}      .gg-eye {position: relative;display: block;transform: scale(0.9);width: 24px;height: 18px;border-bottom-right-radius: 100px;  border-bottom-left-radius: 100px;overflow: hidden;box-sizing: border-box}  .gg-eye::after,  .gg-eye::before {content: "";display: block;border-radius: 100px;position: absolute;box-sizing: border-box}  .gg-eye::after {top: 2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width: 24px;height: 24px}  .gg-eye::before {width: 8px;height: 8px;border: 2px solid;bottom: 4px;left: 8px}      .gg-remove {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 19px;height: 19px;  border: 2px solid;border-radius: 22px}  .gg-remove::before {content: "";display: block;  box-sizing: border-box;position: absolute;width: 8px;height: 2px;background: currentColor;border-radius: 5px;top: 7px;left: 4px}      .gg-bookmark,.gg-bookmark::after {display: block;box-sizing: border-box;border-top-right-radius: 3px}  .gg-bookmark {border: 2px solid;border-bottom: 0;border-top-left-radius: 3px;overflow: hidden;position: relative;  transform: scale(1) ;width: 14px;height: 16px}  .gg-bookmark::after {content: "";position: absolute;width: 12px;height: 12px;border-top: 2px solid;  border-right: 2px solid;transform: rotate(-45deg);top: 7px;left: -1px}      .gg-heart,.gg-heart::after {border: 2px solid;border-top-left-radius: 100px;border-top-right-radius: 100px;width: 10px;height: 8px;border-bottom: 0}  .gg-heart {box-sizing: border-box;position: relative;transform:scale(1) translate(-4px, -3px) rotate(-45deg);display: block}  .gg-heart::after,.gg-heart::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-heart::after {right: -9px;transform: rotate(90deg);top: 5px}  .gg-heart::before {width: 11px;height: 11px;border-left: 2px solid;border-bottom: 2px solid;left: -2px;top: 3px}      .gg-heart2,.gg-heart2::after {border: 2px solid;border-top-left-radius: 100px;border-top-right-radius: 100px;width: 10px;height: 8px;border-bottom: 0}  .gg-heart2 {box-sizing: border-box;position: relative;transform:scale(1) translate(-4px, -3px) rotate(-45deg);display: block}  .gg-heart2::after,.gg-heart2::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-heart2::after {right: -9px;transform: rotate(90deg);top: 5px}  .gg-heart2::before {width: 11px;height: 11px;border-left: 2px solid;border-bottom: 2px solid;left: -2px;top: 3px}        .gg-myu {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 18px;height: 18px; }  .gg-myu::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 5px;top: 4px;  width: 8px;height: 10px;border: 2px solid;border-top: none;border-radius: 0px 0px 50% 50% ;}      .gg-myn {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 18px;height: 18px; }  .gg-myn::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 5px;top: 4px;  width: 8px;height: 10px;border: 2px solid;border-bottom: none;border-radius: 50% 50% 0px 0px ;}    .gg-myx {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 18px;height: 18px; }  .gg-myx::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 3px;top: 2px;  width: 8px;height: 10px;border-right: 2px solid; transform: rotate(45deg); }  .gg-myx::before {content: "";display: block;box-sizing: border-box;position: absolute;left: 3px;top: 6px;   width: 8px;height: 10px;border-right: 2px solid; transform: rotate(-45deg); }                .gg-check {  box-sizing: border-box;position: relative;display: block;transform: scale( 1.1 );width: 22px;  height: 22px;border: 2px solid transparent;border-radius: 100px}  .gg-check::after {  content: "";display: block;box-sizing: border-box;position: absolute;left: 3px;top: -1px;width: 6px;height: 10px;  border-width: 0 2px 2px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}        .gg-pen {  box-sizing: border-box;position: relative;display: block;transform: rotate(-45deg) scale(var(--ggs,.9));width: 14px;  height: 4px;border-right: 2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0;border-top-right-radius: 1px;  border-bottom-right-radius: 1px;margin-right: -2px}  .gg-pen::after,  .gg-pen::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-pen::before {  background: currentColor;border-left: 0;right: -6px;width: 3px;height: 4px;border-radius: 1px;top: 0}  .gg-pen::after {  width: 8px;height: 7px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 7px solid;left: -11px;top: -2px}      .gg-copy {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,.84)) translate(0px, 1px);width: 14px;  height: 18px;border: 2px solid;margin-left: -5px;margin-top: -4px}  .gg-copy::after,  .gg-copy::before {content: "";display: block;box-sizing: border-box;position: absolute}  .gg-copy::before {  background:linear-gradient( to left,currentColor 5px, transparent 0) no-repeat right top/5px 2px,linear-gradient( to left,  currentColor 5px, transparent 0) no-repeat left bottom/ 2px 5px;box-shadow: inset -4px -4px 0 -2px;  bottom: -6px;right: -6px;width: 14px;height: 18px}  .gg-copy::after {  width: 6px;height: 2px;background: currentColor;left: 2px;top: 2px;box-shadow: 0 4px 0,0 8px 0}        .gg-key {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1)); color: #a05000;  width: 6px;height: 8px;border: 2px solid;border-radius: 100px;margin-left: -12px}  .gg-key::after,  .gg-key::before {content: "";display: block;box-sizing: border-box;position: absolute;right: -12px}  .gg-key::before {background: currentColor;width: 12px;height: 2px;top: 1px}  .gg-key::after {width: 5px;height: 3px;top: 2px;border-left: 2px solid;border-right: 2px solid}    .gg-crown { color: #008030;  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 19px;height: 12px;  border: 2px solid;border-top-color: transparent;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding-top: 4px}  .gg-crown::after,.gg-crown::before {  content: "";display: block;position: absolute;box-sizing: border-box;width: 8px;height: 8px;  border-bottom: 2px solid;border-left: 2px solid;transform: rotate(-45deg);top: -4px}  .gg-crown::before {border-top-left-radius: 2px;left: -1px}  .gg-crown::after {border-bottom-right-radius: 2px;right: -1px}        .gg-maximize {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 14px;height: 14px;  box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}    .gg-minimize {  box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,1));width: 4px;height: 4px;  box-shadow:-8px -4px 0 -1px,-6px -4px 0 -1px,8px 4px 0 -1px,6px 4px 0 -1px,8px -4px 0 -1px,6px -4px 0 -1px,-8px 4px 0 -1px,-6px 4px 0 -1px}  .gg-minimize::after,  .gg-minimize::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 2px;height: 18px;border-top: 6px solid;  border-bottom: 6px solid;box-shadow: 18px 0 0 -2px;top: -7px}  .gg-minimize::after {left: -3px}  .gg-minimize::before {right: -3px}        .gg-shape-zigzag,  .gg-shape-zigzag::after,  .gg-shape-zigzag::before { display: block; box-sizing: border-box; width: 5px; height: 7px; border-left: 2px solid; border-bottom: 2px solid}  .gg-shape-zigzag { margin-left: -18px; transform: rotate(-49deg) scale(0.9); position: relative}  .gg-shape-zigzag::after,  .gg-shape-zigzag::before { content: ""; position: absolute; left: 2px; top: 5px}  .gg-shape-zigzag::before { left: 7px; top: 10px}        .gg-lock {box-sizing: border-box;position: relative;display: block;transform: scale(var(0.9));width: 12px;height: 11px;  border: 2px solid;border-top-right-radius: 50%;border-top-left-radius: 50%;border-bottom: transparent;margin-top: -12px}  .gg-lock::after {content: "";display: block;box-sizing: border-box;position: absolute;width: 16px;height: 10px;border-radius: 2px;  border: 2px solid transparent;box-shadow: 0 0 0 2px;left: -4px;top: 9px}            .gg-external {box-sizing: border-box;position: relative;display: block;transform: scale(0.85);  width: 12px;height: 12px;box-shadow:-2px 2px 0 0,-4px -4px 0 -2px,4px 4px 0 -2px;margin-left: -2px;margin-top: 1px}  .gg-external::after,  .gg-external::before {content: "";display: block;box-sizing: border-box;position: absolute;right: -4px}  .gg-external::before {background: currentColor;transform: rotate(-45deg);width: 12px;height: 2px;top: 1px}  .gg-external::after {width: 8px;height: 8px;border-right: 2px solid;border-top: 2px solid;top: -4px}          .gg-cloud {box-sizing: border-box;position: relative;display: block;transform: scale(0.9) translate(0px, -4px);width: 8px;height: 2px;   background: currentColor;margin-bottom: -20px}  .gg-cloud::after,  .gg-cloud::before {content: "";display: block;position: absolute;border: 2px solid;box-sizing: border-box;bottom: 0}  .gg-cloud::before {  border-top-left-radius: 100px;border-bottom-left-radius: 100px;border-right: 0;left: -6px;width: 7px;height: 12px}  .gg-cloud::after {width: 16px;height: 16px;border-radius: 100px;border-left-color: transparent;right: -8px;transform: rotate(-45deg)}      .gg-play-list-search {box-sizing: border-box;position: relative;display: block;transform: scale(1.3) translate(0px, -1px);width: 12px;height: 6px;  border-top: 0 solid transparent;border-bottom: 2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}  .gg-play-list-search::after,  .gg-play-list-search::before {content: "";display: block;box-sizing: border-box;position: absolute;bottom: -7px}  .gg-play-list-search::after {width: 3px;height: 2px;background: currentColor;transform: rotate(45deg);right: -4px}  .gg-play-list-search::before {width: 6px;height: 6px;border-radius: 4px;border: 2px solid;right: -3px}        .gg-info {box-sizing: border-box;position: relative;display: block;transform: scale(.9);width: 20px;  height: 20px;border: 0px solid;border-radius: 40px}  .gg-info::after,  .gg-info::before {content: "";display: block;box-sizing: border-box;position: absolute;border-radius: 3px;width: 3px;background: currentColor;left: 7.5px}  .gg-info::after {bottom: 2px;height: 8px}  .gg-info::before {height: 3px;top: 2px}      .gg-expand {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs,0.9)) translate(-3px, 3px);  width: 6px;height: 6px;border-bottom: 2px solid;border-left: 2px solid}  .gg-expand::after,  .gg-expand::before {content: "";display: block;box-sizing: border-box;position: absolute;}  .gg-expand::after {background: currentColor;bottom: 4px;transform: rotate(-44deg);width: 14px;height: 2px;left: -2px}  .gg-expand::before {width: 6px;height: 6px;border-top: 2px solid;border-right: 2px solid;left: 5px;top: -7px}          .gg-bolt {box-sizing: border-box;position: relative;display: block;transform: scale(0.9) rotate(12deg);width: 6px;height: 21px}  .gg-bolt::after,  .gg-bolt::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 0;height: 0;border-left: 3px solid transparent;  border-right: 3px solid transparent;transform: rotate(30deg)}  .gg-bolt::before {border-bottom: 12px solid;left: 0;top: 0}  .gg-bolt::after {border-top: 12px solid;right: 0;bottom: 0}        .gg-boltF {box-sizing: border-box;position: relative;display: block;transform: scale(0.9) rotate(-12deg) scaleX(-1);width: 6px;height: 21px}  .gg-boltF::after,  .gg-boltF::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 0;height: 0;border-left: 3px solid transparent;  border-right: 3px solid transparent;transform: rotate(30deg)}  .gg-boltF::before {border-bottom: 12px solid;left: 0;top: 0}  .gg-boltF::after {border-top: 12px solid;right: 0;bottom: 0}        .gg-live-photo {transform: scale(.85)}  .gg-live-photo,  .gg-live-photo::after {  box-sizing: border-box;position: relative;display: block;width: 20px;height: 20px;border-radius: 100px;border: 2px dotted currentColor}  .gg-live-photo::after {  content: "";position: absolute;width: 8px;height: 8px;border: 1px solid transparent;top: 4px;left: 4px;box-shadow:0 0 0 2px,inset 0 0 0 2px currentColor}      .gg-remote {transform: scale(0.9)}  .gg-remote,  .gg-remote::after,  .gg-remote::before {box-sizing: border-box;position: relative;display: block;width: 8px;height: 8px}  .gg-remote::after,  .gg-remote::before {content: "";position: absolute;border-left: 2px solid;border-bottom: 2px solid;transform: rotate(45deg) scaleY(1)}  .gg-remote::before {left: 5px;top: -2px}  .gg-remote::after {transform: rotate(-45deg) scaleX(-1);left: -5px;top: 2px}        .icono-filter {   transform: scale(.9);   opacity: .7;   width: 0;   height: 0;   border: 10px solid;   border-bottom: none;   border-left-color: transparent;   border-right-color: transparent;   padding: 3px;   box-shadow: inset 0 7px;   margin: 9px 4px  }      .gg-dollar {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 2px;height: 20px;background: currentColor}  .gg-dollar::after,.gg-dollar::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 10px;height: 8px;border: 2px solid}  .gg-dollar::before {border-right: 0;border-top-left-radius: 100px;border-bottom-left-radius: 100px;top: 3px;left: -6px;box-shadow: 4px -2px 0 -2px}  .gg-dollar::after {border-left: 0;border-top-right-radius: 100px;border-bottom-right-radius: 100px;bottom: 3px;right: -6px;box-shadow: -4px 2px 0 -2px}          .si-filter:before{--si-icon-path:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4L20 4L14 12L14 20L10 17L10 12L4 4Z'/%3E%3C/svg%3E") no-repeat;-webkit-mask:var(--si-icon-path) no-repeat;mask:var(--si-icon-path) no-repeat;mask-size:100% 100%;-webkit-mask:var(--si-icon-path) no-repeat;-webkit-mask-size:100% 100%}          .gg-arrow-up { box-sizing: border-box; position: relative; display: block; transform: scale(1); width: 22px; height: 22px; }  .gg-arrow-up::after, .gg-arrow-up::before { content: ""; display: block; box-sizing: border-box; position: absolute; top: 4px; }  .gg-arrow-up::after { width: 8px; height: 8px; border-top: 2px solid; border-left: 2px solid; transform: rotate(45deg); left: 7px; }  .gg-arrow-up::before { width: 2px; height: 16px; left: 10px; background: currentColor; }    .gg-arrow-down {box-sizing: border-box;position: relative;display: block;transform: scale(var(--ggs, 1));width: 22px;height: 22px;}  .gg-arrow-down::after,.gg-arrow-down::before {content: "";display: block;box-sizing: border-box;position: absolute;bottom: 4px;}  .gg-arrow-down::after {width: 8px;height: 8px;border-bottom: 2px solid;border-left: 2px solid;transform: rotate(-45deg);left: 7px;}  .gg-arrow-down::before {width: 2px;height: 16px;left: 10px;background: currentColor;}          .gg-clipboard { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1)); width: 18px; height: 18px; border: 2px solid; border-radius: 2px; }  .gg-clipboard::after,  .gg-clipboard::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 2px; width: 10px; left: 2px; } .gg-clipboard::before {  border: 2px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: -2px; height: 6px; }  .gg-clipboard::after { height: 2px; background: currentColor; box-shadow: 0 -4px 0 0; bottom: 2px; }                       .sLuuG { }     #mtbkU { }       #myTopRightPan { }   #myRightPan { }   #myRightPan:hover { box-shadow: 0px 0px 50px #00408020 ; }     #cYo8b { }   #vOQ5F { }       #sJiAX { }     @media (max-width: 1199px)   {   }       #qpltM{ border: 1px solid #7080a020; }     .myTabsHeader1 { }       .myTabsContentDefaultBg1 { }                                        .sLuuG { }  .u0IZu { background : linear-gradient(to right, #ffffff05, #00208005); border-left: 1px solid #30507010; }    .myMainTabStyle1 { }  .myMainTabStyle1:hover { }  .myMainTabsAnime1 { }  .myMainTabActive1 { }    .myMainTabExtraOption1 { background: #2070a0e0 }  .myMainTabStyle1:hover > .myMainTabExtraOption1{ }      .myEaxtraItemInTop1 { background: #f0f0f010; }  .myEaxtraItemInTop1:hover { background: #a0c0f050; box-shadow: inset -4px 0px 1px -2px #a0ffe0; }                #myTopBox { }      .myAsliHeadersStyle1 { opacity: .9; border-radius: 10px; outline: 1px dashed #40507010 ; outline-offset: -1px; box-shadow: 0px 0px 5px #20508010; }  .myAsliHeadersStyle1:hover { opacity: 1; }  .myAsliHeadersActive1 { background: #ffffffa0 !important; outline: 1px solid #0050a040; opacity: 1; }  .myAsliHeaderExtra1 { background: #50a0f010; }  .myAsliHeadersStyle1:hover > .myAsliHeaderExtra1 { }  .myAsliHeaderExtraItemHead1 { background: #204050c0; }  .myAsliHeaderExtraItemStyle1 { border-right: 2px solid transparent; background: #004555a0; background-image: linear-gradient(to bottom, #f0f0ff10, #f0f0ff00); }  .myAsliHeaderExtraItemStyle1:hover { border-right: 2px solid #00f0f0; background: #008080; }  .myAsliHeaderExtraItemStyleActive { border-right: 2px solid #00a0a0; background: #007070; cursor: default !important; }        .myAsliHeaderExtraItemHeadClose1 { border: 1px solid #a0a0a010; background: #80505010;}  .myAsliHeaderExtraItemHeadClose1:hover { border: 1px solid #ffa0b0 ; background: #804040d0;}  .myAsliHeaderExtraItemHeadAdd1 { border: 1px solid #a0b0c020; background: #40508020;}  .myAsliHeaderExtraItemHeadAdd1:hover { border: 1px solid #a0b0ff ; background: #406080d0;}                      #pvy8c{ box-shadow: 0px 0px 2px #00305040; background: #f6faff; }    .footerDetailText1 { background-image: linear-gradient(to right, #ffffff15, #00000020); box-shadow: inset 0px 0px 1px #fff ; }  .footerDetailText2 { background-image: linear-gradient(to right, #ffffff15, #00000020); box-shadow: inset 0px 0px 1px #fff ; }  .footerDetailText1:hover , .footerDetailText2:hover { background-image: linear-gradient(to right, #ffffff25, #00000010);box-shadow: inset 0px 0px 2px #fff ; }                          #myTopRightPan { }  #myRightPan { }  #myRightPan:hover { }      .myMainKesho1 { }    #myTabLists1 > div:nth-of-type(even) { background: #ffffff10 }  #myTabLists1 > div:nth-of-type(odd) { background: #00000010 }    .mainTabMainKesho1 { }  .mainTabMainKesho1:after { position: absolute; content: ''; top: 0px; width: 0%; bottom: 0px; right: 0px; background: linear-gradient(to top, #a0d0ff00, #a0d0ff20, #a0d0ff80); z-index: -1; transition: 1s; opacity: 0; box-shadow: inset 1px 1px 1px #ffffff50;}  .mainTabMainKesho1:hover:after { width: 100%; transition: .3s; opacity: 1; }      .mainTabMainKesho1:before { position: absolute; content: ''; top: 0px; width: 0%; bottom: 0px; left: 0px; background: linear-gradient(to top, #a0d0ff80, #a0d0ff20, #a0d0ff00); z-index: -1; transition: 1s; opacity: 0; box-shadow: inset -1px -1px 1px #ffffff50;}  .mainTabMainKesho1:hover:before { width: 100%; transition: .3s; opacity: 1; }      .mainTabFlash1 { }  .mainTabFlash1:hover { }                      #cYo8b { }  #vOQ5F { }      #cYo8b1 { background-image: repeating-linear-gradient( to right , #ffffff05 10% , #00000005 15% ) ,linear-gradient(to left , #000000a0, #000000b0); }                                #qpltM{ }        .ttCloseAll1 { }  .ttCloseAll1:hover {background: #a01010a0;}  .ttCloseAll1:hover > .ttCloseAllContent1 > .ttCloseAllIcon1 { color: #ffc0c0 }  .ttCloseAllContent1 { }            .myTabsHeader1 { }      .ttCloseAllIcon1 { }    .ttRefreshContent1 { }  .ttRefreshIcon1 { color: #80ffb1; }  .ttRefreshText1 { }    .ttCloseContent1 { }    .ttCloseIcon1 { }  .ttCloseText1 { }        .pageHeaderHeight{ }  .pageHeaderExtraItems{ background: #50f0f020; box-shadow: inset 0px 0px 10px #00505020; }  .pageHeaderExtraItemActive{ background: #50f0f070; box-shadow: inset 0px 0px 10px #50f0f0a0; }  .pageHeaderExtraItems:hover{ border-radius: 5px; background: #50f0f0a0; }        .pageContentItems { }  .pageContentItemOff { }  .pageContentItemON { }          .searchBox{ }  .searchInput { background: #f0ffff20; border: 1px solid #00101020; }    .searchResult1 { }  .searchResultItem1 { background: #e0ffff10; }                  .mapItem1 { }  .mapItem1:hover { }  .mapItemHeader1 { pbackground: #00000020; }  .mapItemCounter1 { }      .myBGGreen { background: linear-gradient(to bottom right, #009060, #008050) ; color: #f0f0f0; }  .myBGGreen:hover { background: linear-gradient(to right, #00b090, #00a060) ; color: #f0f0f0; }    .sDt7v { color: #008000;}  .c9JIp { color: #800000;}      .myBGRed { background:linear-gradient(to bottom right, #b03050, #a02030) ; color: #f0f0f0;}  .myBGRed:hover { background: linear-gradient(to bottom right, #e03060, #d02030); }    .myBG_Khonsa1 { background: linear-gradient(to bottom right, #50a0ffa0, #0080ffa0) ; }  .myBG_Khonsa1:hover { background: linear-gradient(to right, #50a0ff, #0080ff) ; }        .mainMapItems1 {}  .mainMapItems1:hover { border: 1px solid #ffffff50;}  .mainMapItemHeader1 { background: #00000030; }  .mainMapItemInfo1 { background: #00000010;}    .mainMapItemStyle { background: #00505020; background-image: linear-gradient(to right, #00f0f040, #00a0c040) ; }  .mainMapItemStyle:hover { background: #00a0a050; background-image: linear-gradient(to right, #00f0f080, #00a0c080) ; }            .filterDiv1 { background: #00004010; }  .filterDiv1:hover { background: #a0e0f010; }  .filterDivHeader1 { background: #00004010; }    .filterDivAddToMap1 { }    .filterDivAddToMapInfo1 { background: #203040e0; border: 1px solid #ffffff20; }  .filterDivAddToMap1:hover > .filterDivAddToMapInfo1 { }    .filterDivNotAdded { background: #50505050; border: 1px dashed #a0a0a010; color: #a0a0a0; }  .filterDivNotAdded:hover { border: 1px solid #a0a0a050; background: #ffffff20; }    .filterDivAdded { background: #a0ffe020; border: 1px solid #a0ffe0a0; color: #fff }  .filterDivAdded:hover { background: #50505050; border: 1px dashed #a0a0a0a0; }      .filterDivHeaderTitle { background: #ffffff10; }    .filterDivContent1 { background: #ffffff10; }        .settingThemeNotAdded { background: #50505050; border: 1px dashed #a0a0a010; color: #cecece; }  .settingThemeNotAdded:hover { border: 1px solid #a0a0a0a0; background: #ffffff40; color: #e9e9e9; }    .settingThemeAdded { background: #a0ffe020; border: 1px solid #a0ffe0a0; color: #e0f0ff }    .settingThemeChangeTitleInfo1 { background: #203040e0; border: 1px solid #ffffff20; }          .mySettingsTabDivs1 { }  .mySettingsDiv1 { background: #a0c0f020; }  .mySettingsDivSimpleBG1 { background: #e0f0ff20; }    .myTikDivCircle1 { background: #50505050; border: 1px dashed #a0a0a010; color: #ccdddd; cursor: pointer; }  .myTikDivCircle1:hover { background: #50505080; border: 1px solid #a0a0a0a0; color: #a0dede; }    .myTikDivCircleChecked1 { background: #5080a080 !important; border: 1px solid #a0ffff !important; color: #a0ffff !important; cursor: default !important; }        .mapFilter_eachPageDiv1 { margin: 10px; background: #0070f080; border: 1px solid #50a0f080; transition: .3s; position: relative; cursor: pointer; }  .mapFilter_eachPageDiv1:hover { background: #0070f0; border: 1px solid #90c0ff; }  .mapFilter_eachPageDivTitle1 { padding: 7px 10px; background: linear-gradient(to left, #0050a030, #00000010); font-size: 110%; }  .mapFilter_eachPageDivType1 { padding: 0px; font-size: 80%; }  .mapFilter_eachPageDivEachType1 { padding: 5px 8px; background: linear-gradient(to left, #a0ffff20, #00c0a020); }    .mapFilter_eachPageDivParts1 { padding: 0px; font-size: 90%; background: #ff000020; }  .mapFilter_eachPageDivEachParts1 { padding: 5px 8px; background: linear-gradient(to left, #ffa0ff20, #c000a020); }      .mapFilter_pages1 { background: linear-gradient( to bottom , #ffffff10, #ffffff05); margin: 10px 15px; border-radius: 0px;overflow: hidden; transition: .3s; box-shadow: 0px 0px 10px #00002080; }  .mapFilter_pages1:hover { background: linear-gradient( to bottom , #ffffff50, #ffffff25); border-radius: 8px; box-shadow: 0px 0px 10px #20008080; }  .mapFilter_pageTitle { padding: 5px 10px; background: #a0c0ff10; background:linear-gradient( to left , #00c0e0a0, #00c0e050); }                        #main { color: #d0d0d0; }  #main > div:nth-of-type(even) { background: #ffffff20 }  #main > div:nth-of-type(odd) { background: #00000020 }  #main > div { }  #main > div:hover{ background: #10001050 ; color: #fff }    .sr{ box-shadow: inset 0px 0px 95px #104d92 , inset 0px 0px 1px 2px #97c8ff; }          .tTMlq { background: #00000080; }                      m { border: 1px solid #a0a0a000}  m:hover { border: 1px solid #ffffff90}  mr { }  mr > * { background-image: linear-gradient(to right, #ffffff10, #00000010) ; }  minfo{ background: #200030d0; color: #f8f0ff }  mr > *:hover > minfo { }  mr > *:hover:before { }  mr > *:before { }  minfo::before{ border-color: transparent transparent #200030c0 transparent;}  mr > *:hover { }    .m-g { color: #75dd9e !important; }  .m-e { color: #3cff87 !important; box-shadow: inset 0px 0px 1px 1px #0cdd5c }  .m-f { color: #f0c435 !important; }  .m-b { color: #ff4516 !important; }                        @media (max-width: 570px)  {  }      @media (max-width: 768px)  {    }      @media (max-width: 1199px)  {      }                .mySelectorAraeAnime1 { animation: mySelectorAraeAnime1 0.2s 1; }    .myEachSelectorArea1 { width: 100%;height: 100%; position: absolute; }  .sflYL { opacity: 0; }          .vHaus  {  height: 600px; width: 100%; background-color: #ffffff20; padding: 30px 30px;  position: relative; overflow: hidden; color: #e0ffff; text-shadow: 0px 0px 53px #000;  background: linear-gradient(to left, #00505010, #50005010);  }    .jI2Ho  {  position: absolute;  top: 0px; right: 0px; width: 100%; min-width: 500px; z-index: -1;  height: 100%;  background-attachment: scroll;  opacity: 0;  transition: .3s;  }    .aRt0r  {  opacity: 1;  }  .nGctN  {  width: 100%;  object-fit: cover;  }    .TitleAb  {  position: absolute; display: flex; font-size: 50px;  top: 0px; right: 0px; width: 100%; height: 100%; z-index: 2;  align-items: center; justify-content: center;  }      .qElOt  {  position: absolute;  top: -300px; right: -650px; width: 900px; height: 900px; z-index: -2;  background: #a0ffe050;  transform: rotate(60deg);  }    .sbITb  {  position: absolute;  top: -100px; left: -650px; width: 900px; height: 900px; z-index: -2;  background: #ffa0e050;  transform: rotate(60deg);  }    .filter{ background: #0070d0a0; padding: 60px 60px; color: #f0f0ff; font-size: 24px;}  .filterH{ font-size: 150%; padding: 7px 10px; color: #a0ffff;}  .filterC{ padding: 0px 20px 5px 5px;; }    .Didban{ background: #0070d050; padding: 60px 10px; color: #f0f0ff; font-size: 20px;}    .tools { background: #00500020; background: linear-gradient(to left, #0060b0a0, #0050e0a0); padding: 20px 10px; color: #f0f0ff; margin: 5px 0px; }    .letsStart { background: #7000d050; padding: 20px 10px; color: #f0f0ff; }        .filterItem { border-radius: 10px; overflow: hidden; border: 1px solid #a0a0a050; position: relative; background: #000030a0; min-width: 200px; min-height: 200px; width: 100%; transition: .2s; box-shadow: 10px 10px 20px #300050a0}  .filterItem:hover { border-radius: 20px; border: 1px solid #a0a0f0; background: #300050; box-shadow: 10px 10px 20px #300050 }  .filterItem-h { padding: 10px; font-weight: bold; font-size: 120%; text-shadow: 0px 0px 15px #200030}                .oVJ1A { position: relative; min-width: 250px; max-width: 500px; height:250px; background: #ffffff;  border: 1px dashed #f0f0f0a0; border-radius: 10px; box-shadow: 0px 0px 10px #00002030; overflow: hidden;  font-size: 16px; cursor: pointer; flex-grow: 1; }  .oVJ1A:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 15px #00002080; transition: 0.3s; }    .zZ7Iu { position: absolute; z-index: 1000; left: 0px; right: 0px; top: 0px; height: 70px; background: #0050a070;  box-shadow: 0px 0px 10px #00002000; font-size: 160%; display: flex; align-items: center; justify-content: center;  color: #ffffff; font-weight: b; }    .sw1GY { position: absolute; z-index: 100; left: 0px; width: 250px; top: 70px; bottom: 0px; background: #00005070;  box-shadow: 0px 0px 10px #00002030; }  .vuL2D { display: flex; align-items: center; height: 45px; color: #e0ffff; padding: 0px 10px 0px 0px; text-shadow: 0px 0px 5px #000000; font-size: 120%; }    .qvQSv { position: absolute; z-index: 50; right: 0px; width: 100%; top: 0px; bottom: 0px; }    .wh7P0 { width: 100%; }              .rZr6f { margin: 15px; position: relative; background: #ffffffa0; border-radius: 5px; box-shadow: 1px 3px 6px #20406025,1px 8px 20px -5px #30406025,inset 0px 0px 25px #ffffff50; padding: 15px; }  .aIfdG {padding: 8px; border-radius: 5px; margin: 5px; box-shadow: 1px 2px 5px #20406010,1px 4px 15px #30406010,inset 0px 0px 15px #ffffff50; background: #ffffff ; }  .kBd6f { padding: 10px 25px; font-size: 120%; background: #ffffff; color: #002080; cursor: pointer;; border-radius: 4px;box-shadow: 1px 4px 10px #a0b0c050, 0px 1px 3px #a0b0c050; transition: .3s;; }  .kBd6f:hover { background: #f0ffff; color: #0070d0;box-shadow: 1px 4px 10px #20a0e0b0, 0px 1px 4px #20a0e080;border-radius: 3px }  .z1wBe { padding: 5px 15px; margin: 7px; font-size: 110%; background: #f0f5ff; color: #405080; cursor: pointer;; border-radius: 4px;box-shadow: 0px 5px 10px -4px #a0b0f080, 0px 0px 3px #a0b0f050; transition: .3s;; }  .z1wBe:hover { background: #ffffff; color: #0070d0;box-shadow: 1px 1px 10px #20a0e0b0, 0px 0px 4px #20a0f080;border-radius: 5px }    .hLb99 { margin: 10px;box-shadow: 0px 0px 10px #a0b0c080; background: #ffffff ; }  .kxclk {padding: 5px; }  .yolxP { cursor: pointer; width: 100%; }  .oITwP {padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px #a0b0c050; background: #ffffff ; }    .pwPdE{ min-width: 150px; margin: 15px; padding: 10px; border: 2px solid #e0f0ff20; transition: .2s; opacity: .9; color: #405060; background: #ffffff; box-shadow: 3px 5px 10px #20406030; cursor: pointer; position: relative; border-radius: 4px; }  .pwPdE:hover{ box-shadow: 3px 4px 10px #20406050; border: 2px solid #e0f0ff50; opacity: 1; }  .tckHP { cursor: not-allowed !important; opacity: .7 !important; background: #f0f0f0; box-shadow: 3px 5px 10px #20406010 !important; }  .rJ0ng{ box-shadow: 3px 4px 10px #20406080 !important; transform: scale(1.1); border: 2px solid #00a0f0 !important; text-shadow: 2px 2px 20px #0040b0; background: #20b0f0; color: #fff; opacity: 1 !important; }    .pbFuz { padding: 5px; font-size: 110%; }  .l43gq { padding: 5px; font-size: 80%; }  .hFSLi { position: relative; padding: 5px;; }  .iRQIv { font-size: 105%; padding-bottom: 8px; }  .iolm3 { font-size: 85%; opacity: .85; ; }  .iolm3::after { position: absolute; z-index: 10; left: 5px; right: 5px; content: ''; top: 48%; bottom: 47%; background: #f00000a0; border-radius: 5px; transform: rotate(-6deg); }    .md6CC { font-size: 85%; padding: 2px;; }  .dPRUZ { font-size: 80%; padding: 2px;; }    .p2zGt { display: none !important; margin: 40px 10px 15px 10px; }  .obeLS { position: relative; padding-left: 50px; overflow: hidden; }  .obeLS::after { content: ''; position: absolute; border-radius: 4px; border-top: 15px solid #00a0ffa0; border-right: 15px solid #00a0ffa0; top: -5px; left: 15px; height: 50px; width: 50px; transform: rotate(-135deg); }  .rtCXe { display: block !important; }      .mW9o0{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .hOst9{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .s4WBt{ border-bottom: 1px dashed #5000a0a0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; width: 100%; height: 50px; padding-bottom: 5px; font-weight: bold; }  .aupGS { cursor: pointer; border: 2px solid #2050a080; border-radius: 5px; width: 300px; background: #fff; margin: 20px 15px; transition: .3s; box-shadow: 0px 5px 15px -5px #204060a0; }  .grlzP { margin: 20px 15px 50px 15px; color: #300050; }  .gu8e9 { width: 100%; height: 80px; position: relative; }  .rxIxg { position: absolute; right: 25px; width: 60px; height: 60px; transform: translate(0,-20px); z-index: 10; }   .nRXMY { position: relative; width: 100%; height: 100%; }   .lOtf9 { position: absolute; right: 0px; font-size: 25px; font-weight: bold; text-shadow: 1px 1px 5px #0050a0; left: 0px; top: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; z-index: 100; color: #fff; }   .t8nQl { position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; transform: rotate(45deg); transition: .3s; background: linear-gradient(to right, #00a0ff, #0080e5); box-shadow: 5px 5px 15px -5px #0080a0a0; border: 1px solid #0050d0; border-radius: 8px;; z-index: 10; }   .fzJlC { position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; transform: rotate(22deg); transition: 1.5s; background: #00c0e0; border-radius: 8px;; z-index: 5; opacity: .5; }   .tlffH { background: linear-gradient(to right, #e050f0, #f080f0); border: 1px solid #a000d0; }   .gESFB { background: #00c0e0; }    .bOCuO { position: absolute; right: 50px; width: 95px; height: 30px; transform: translate(-22px,-10px); z-index: 8; display: flex; align-items: center; justify-content: flex-end; padding: 0px 25px 0px 10px; background: linear-gradient(to right, #ffe0b0, #ffffe0); border: 1px solid #f0a050; color: #501000; border-radius: 5px 0 0 5px; }  .aVi28 { position: absolute; left: -10px; right: 0px; height: 50px; z-index: 5; transform: translate(0px,20px); display: flex; align-items: center; justify-content: flex-end;   padding: 0px 25px 0px 20px; background: linear-gradient(to right, #c0ffe0, #e0fff0, #e0fff0a0); border: 2px solid #00c0b0; box-shadow: 1px 5px 10px -5px #008040; border-right: none; color: #003030; border-radius: 5px 0 0 5px; }   .vW3DL { font-size: 110%; font-weight: bold; padding: 0px 5px;}    .wemDU { width: 100%; position: relative; }  .kc8Qp { position: absolute; height: 55px; width: 75px; border: 1px solid #20406030; background: #ffffff40; bottom: 5px; left: 5px; border-radius: 4px; }   .iO61J { height: 25px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 11px; }   .kMSq5 { height: 30px; width: 100%; display: flex; justify-content: center; align-items: center; color: #d00000; text-shadow: 1px 1px 5px #ffffffa0; font-size: 120%; font-weight: bold; background: #ffe0a0b0; direction: ltr; }  .cXVsn { }   .zilJI { display: flex; height: 35px; font-size: 90%; background: linear-gradient(to top, #0050a015, #ffffff10, #ffffff20); border-bottom: 1px solid #2040a010; }   .rULAU { display: flex; width: 34%; white-space: nowrap; font-size: 92%; align-items: center; justify-content: flex-end; padding-left: 7px; border-left: 1px dashed #2040a050; background: linear-gradient(to right, #c0e0ff50, #e0f0ff50); }   .roE1f { width: 45%; padding-left: 9px; border-left: 1px dashed #5000a0a0; background: linear-gradient(to right, #ffc0ff50, #ffe0ff80) }   .hatLu { display: flex; align-items: center; padding-right: 10px; }   .zIwMI { display: flex; height: 50px; font-size: 85%; background: linear-gradient(to top, #50c08050, #80f0c060, #40c08050); display: flex; justify-content: center; align-items: center; }      .uu9uJ{ box-shadow: 3px 4px 15px -4px #205080c0 !important; transform: scale(1.08); border: 2px solid #4000d0 !important; background: #20a0f0; color: #fff; opacity: 1 !important; }  .uu9uJ > .gu8e9 > .rxIxg > .nRXMY > .t8nQl { transform: rotate(-45deg); }  .uu9uJ > .gu8e9 > .rxIxg > .nRXMY > .fzJlC { opacity: .8; background: #f0a000; transform: rotate(382deg); }  .hOst9 > .uu9uJ { background: #b050f0; }    .pI24L { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: relative; padding-top: 30px; margin-top: 50px; }  .admnh { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: absolute; top: -30px; height: 50px; right: 10px; padding: 0px 10px; display: flex; justify-content: center; align-items: center; }   .uVFYF { display: flex; flex-wrap: wrap; align-items: center;padding: 5px 15px;; }   .ljbgE { padding: 3px 8px; margin: 0px 6px; border-radius: 5px; color: #fff; background: #f0a050; border: 1px solid #f0a000; text-shadow: 1px 1px 5px #b06000; font-weight: bold; }   .f8plW { padding: 3px 8px; margin: 0px 6px; border-radius: 5px; color: #fff; background: #20a050; border: 1px solid #008040; text-shadow: 1px 1px 5px #005010; font-weight: bold; }  .uDBDk { padding: 5px 55px 20px 5px; margin-bottom: 5px; }      .auCsY {min-height: 250px;}    .nEqf0{ padding: 8px 15px; }  .wJGQ5 { position: relative; display: block; overflow: hidden; width: 100%; border-radius: 10px;min-width: 100px; min-height: 100px; cursor: pointer; background: #fafafa; box-shadow: 0px 0px 10px #a0b0c050; }  .pG9UN { position: absolute; background: #ffffffa0; font-size: 20px; border-radius: 10px; transition: .3s; top: 0px;bottom: 0px; left: 0px; right: 0px; display: flex; flex-wrap: wrap;justify-content: center;align-items: center; }  .wJGQ5 input { position: absolute; opacity: 0; cursor: pointer; }  .wJGQ5:hover input ~ .pG9UN { background: #e0ffff; }  .wJGQ5 input:checked ~ .pG9UN { background: #2196F3; color: #ffffff; border: 5px solid #2080d0; font-size: 22px; font-weight: bold; }  .vLU3D { min-height: 150px; padding: 10px; }  .dlheP { font-size: 90%; padding-top: 7px;; }  .vks4i { padding: 6px 12px; font-size: 120%; color: #2040a0; max-width: 270px; background: #fff; margin: 30px 5px; box-shadow: 2px 5px 15px -5px #20407060; border-radius: 5px; border: 1px solid #20406040; }  .kMW7y { padding: 8px 15px; font-size: 110%; color: #0080a0; }  .so3xz { padding: 5px 10px; }  .xdbmH{ padding: 20px; font-size: 120%; background: #f0f0fff0; color: #0080a0; text-align: center; }                          img { display: block; margin: 0; }    .namaBox { flex-grow:1; overflow:auto; background:#a0c0f0 ; display:flex; flex-wrap: wrap; justify-content:center}  .link1_50{ width:50%;}  .link2_p { padding: 4px 8px; margin: 1px; transition: .3s; border: 1px solid #ffffff80; background: #ffffff30; width: 100%}  .link2_p:hover { background: #ffffff}  .namaItemI { width: 100%; position: relative; }  .namaItemImg { width: 100%; height: 100%; transition: .5s; opacity: 1; }  .namaItemI:hover > .namaItemImg { opacity: .2; }  .namaItemIA { position: absolute; top: 0px; width: 100%; height: 100%; opacity: 0; transition: .3s; background: #5050a0c0; color: #ffffff; display: flex; align-items: center;flex-wrap: wrap; justify-content: center !important; padding-right:7px }  .namaItemIA:hover { opacity: 1; }          .fNvVl { padding: 5px; }  .vt0YU { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .vt0YU:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .kMX0V { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .kMX0V:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .pgXE5 { padding: 5px 10px; display: none; }  .m4Ao2 { margin: 7px; background: #e4f0ff00; }  .zuG4E { margin: 5px; }  .xxwDB { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .hZQm8 { padding: 0px 15px 5px 0px; font-size: 90% }                                          .tooltip {  }    .tooltip-Left {  visibility: hidden; background-color: #445; color: #fff; text-align: center; border-radius: 6px;  padding: 5px; position: absolute; z-index: 1; opacity: 0; transition: 0.3s;  white-space: nowrap; font-size: 15px;  top: 10px; right: 30px;  }    .tooltip-Left::before {  content: ""; position: absolute; right: -5px;  border-width: 5px; border-style: solid; border-color: #445 transparent transparent transparent;  }    .tooltip:hover .tooltip-Left {  visibility: visible; opacity: 1;  }      .imageTypeRadio  {  font-size: 90%;  }  .newNote  { color: #124; transition: .2s; cursor: pointer; padding: 10px 10px 10px 5px; margin-top: 5px;}  .newNote:hover  { color: #248; transition: .2s; font-weight: bold}    .newClip  { color: #412; transition: .2s; cursor: pointer; padding: 0px 5px 10px 5px;}  .newClip:hover  { color: #824; transition: .2s; font-weight: bold}    .newPic  { color: #142; transition: .2s; cursor: pointer; padding: 0px 5px 10px 0px;}  .newPic:hover  { color: #284; transition: .2s; font-weight: bold}    .postItemFooter{ font-size: 85%; }      .myTable  {  border-collapse: collapse;  white-space: nowrap;  position: relative;  }  .myTable td  {  padding: 5px 5px 5px 20px;  }  .myTable th  {  padding: 5px 5px 5px 20px;  }    .myPostTools  {  border-radius: 10px;  padding: 8px;  margin: 12px 2px 12px 2px;  }      .myTable tr:nth-child(even) {background-color: #f1f1f1;}  .myTable tr { transition: .2s; width: 100%; }  .myTable tr:hover {background-color: #002244; transition: .2s; color: #ddf8ff }    .myEdit  {  -webkit-animation: myEditFade .5s 1;  -moz-animation: myEditFade .5s 1;  animation: myEditFade .5s 1;  }    @keyframes myEditFade {  0% { opacity: 1 }  40% { opacity: .2 }  60% { opacity: .9 }  80% { opacity: .5 }  100% { opacity: 1 }  }    .myEditPost  {  position: relative; box-shadow: #bbb 0px 0px 10px -3px;  background: #fafefe; transition: .2s  }  .myEditPost:hover { background: #fff; transition: .2s; box-shadow: #aaa -3px 3px 15px -3px }  .myEditController  {  position: absolute;  top: 0px;  right: 0px;  bottom: 0px;  width: 35px;  padding: 5px ;  min-height: 120px;  text-align: center;  background: #fef;  }  .myEditControllerItem  {  cursor: pointer;  position: relative;  height: 40px;  font-size: 20px;  }    .myEditControllerUp{ color: #737;}  .myEditControllerDown{ color: #737; }  .myEditControllerDelete{ color: #f00;}    .myEditContent  {  flex-basis: 0;  -webkit-box-flex: 1;  flex-grow: 1;  max-width: 100%;  min-height: 120px;  padding: 0px 35px 0px 0px;  }  .myEditHeader  {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  }  .myEditHeaderItem{  }  .myEditHeaderPriority  {  }  .myEditHeaderPriorityInput  {  border: none;  padding: 0px 4px 0px 4px;  width: 30px;  background: #dfe;  border-radius: 5px;  }  .myEditHeaderTitle  {  width: 100%;  }  .myEditHeaderTitleInput  {  font-size: 90%;  border: none;  padding: 5px 10px;  width: 100%;  background: #f0ffff;  font-family: inherit;  }  .myEditHeaderTitleInput::placeholder  {  color: #a0b0c0;  }  .myEditTextArea  {  width: 100%;  margin: 0px;  min-width: 100%;  max-width: 100%;  height: 150px;  min-height: 100px;  max-height: 500px;  border: 2px solid #a0d0d0;  padding: 4px 7px;  font-family: inherit;  font-size: 100%;  }    .myEditMidChooseFile  {  width: 100%;  display: block;  padding: 4px;  font-size: 90%;  color: #005060;  background: #e0fff0;  cursor: pointer;  transition: .2s;  }  .myEditMidChooseFile:hover  {  font-weight: bold;  background: #d0f8e8;  }    .myEditMidContent  {  width: 100%;  text-align: center;  }  .myEditMidContentItem  {  padding: 0px ; transition: .3s;  width: 100%;  text-align: center;  }  .myEditMidContentPreview  {  text-align: center;  }  .myEditMidContentPreviewItem  {  width: 100%; max-width: 500pxs; height: auto;  max-height: 500px;  }    .myEditFooter  {  padding: 15px 5px 15px 5px;  }  .myEditPosition  {  display: none;  background: #f44;  padding: 5px 5px 5px 5px;  }      .u93re { max-width: 200px; max-height: 200px; }  .mLEMX { width: 100%; height: 100%; }          .zP0cR { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }  .p5wra { width: 100%; height: 100%; max-height: 100px; }  .wwnup { width: 100%; height: 100%; max-height: 35px; display: flex; justify-content: center; align-items: center; }    .de9Ao { width: 100%; height: 100%; padding-top: 4px;}  .j19Dg { width: 99%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center;}  .wgwYa { width: 106%; position: relative; display: flex; }  .iRlkm { height: 85%; width: 100%; }  .dg4j8 { height: 15%; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }    .dLlxG { z-index: 1; flex-grow: 1; height: 100%; direction: ltr; z-index: 5; padding: 4px 0 0 0;   display: flex; justify-content: center; align-items: center; position: relative; background: linear-gradient(to bottom, #ffffff90, #ffffff00, #ffffff80) !important;  }  .dLlxG::after { position: absolute; content: ''; left: 49%; right: 48%; top: -4px; bottom: -5px;   background: linear-gradient(to bottom, #0050a080, #0050a005, #0050a005, #0050a020);  }    .dPxOy { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #20406010; }  .rOWFp { width: 100%; height: 100%; max-height: 100px; display: flex; direction: rtl; background: #fafcff; padding: 0px 5px; border: solid 1px #20406020; border-left: none; border-right: none; }  .u5jRA { width: 25px; height: 100%; max-width: 40px; position: relative; }      .yRhcg { width: 100%; display: flex; flex-wrap: wrap; }    .jotEH { padding: 1%; width: 100%; max-width: 900px }  .xliFW { padding: 1%; width: 100%; max-width: 550px }  .a3FpZ { width: 100%; position: relative; background: var(--ioGe8); box-shadow: 2px 4px 15px var(--grIt7);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden;;   display: flex; flex-direction: column; align-items: center;  }    .uyG1H { width: 100%; position: relative; display: flex; }    .hSZB0 { height: 30px; font-size: 95%; background: #a0f0ff10; box-shadow: 0px 0px 6px var(--grIt7); justify-content: center; align-items: center; }  .nSfXU { height: 240px; width: 94.3%; box-shadow: inset 0px -2px 10px var(--grIt7);  border: 1px solid var(--pzNxI); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }    .pnXAq { height: 35px; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }  .go8Xc { height: 80px; }  .yXIqC { height: 200px; width: 94.3%; box-shadow: inset 0px 2px 10px var(--grIt7);  border: 1px solid var(--pzNxI); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }  .iQUoC { width: 97%; }  .yUZgs { width: 100%; }  .n869O { width: 97%; }      .qgnah { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5; font-weight: bold;   display: flex; justify-content: center; align-items: center; position: relative; background: linear-gradient(to bottom, #ffffff90, #ffffff00, #ffffff80) !important;  }  .qgnah::after { position: absolute; content: ''; left: 49%; right: 48%; top: -5px; bottom: -5px;   background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a005, #0050a0a0);  }  .mYQTO::after { top: -2px; bottom: 5px; left: 48%; background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a000);  }  .i1zga { font-size: 90%; opacity: .9; padding: 1%; }  .cYWfJ { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5;   display: flex; justify-content: center; align-items: center; position: relative;  }  .bXU3z { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }  .xtwnS { position: absolute; left: 45%;right: 45%; top: 1%; bottom: 1%; background: #8090a0; z-index: 1; }  .lc0T5 { position: relative; width: 100%; background: #4050a0; z-index: 2; }  .zvzkQ { background: #f00010; }  .cAxhA { background: #00c040; }    .prn8O { z-index: 1; width: 14.286%; background: linear-gradient(to right, #ffffff10, #0080e010); height: 100%; }  .ucpId { bottom: 0px; background: linear-gradient(to bottom, #0080e0, #a0c0f0); }  .bFPc2 { top: 0px; background: linear-gradient(to bottom, #a0c0f0, #0080e0); }    .olz75 { position: absolute; z-index: 20; }  .fn0dx { bottom: 0px; font-weight: bold; display: flex; justify-content: center; padding-top: 5px; }  .nNd8o { top: 4px; font-weight: bold; display: flex; justify-content: center; padding-top: 10px; align-items: end; }  .vPpME { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff10); border-radius: 2px 2px 0px 0px; }  .r2gQd { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff00, #ffffff20); border-radius: 3px 3px 0px 0px; }  .o98ih { top: 0px; background-image: linear-gradient(160deg, #ffffff20, #00808050); border-radius: 0px 0px 2px 2px; }    .hMhzR { background-color: #d04000;color: #e03000; }  .cZs8O { background-color: #d04050;color: #d04040; }  .r8piW { background-color: #a05060;color: #a05060; }  .yzRhm { background-color: #8090a0;color: #606070; }  .oIYqt { background-color: #208080;color: #208080; }  .qkdDu { background-color: #00a080;color: #00a050; }  .rMyUt { background-color: #009050;color: #00b040; }      .x0Y0N { display: flex; flex-wrap: wrap;}  .m4l3Q { padding: 10px 0px;}  .bazarStatus  {  margin: 1%; display: flex; flex-wrap: wrap; max-width: 400px; overflow: hidden;  background: var(--ioGe8); box-shadow: 2px 4px 15px var(--grIt7);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }  .bs_item  {   width: 50%; padding: 10px;  }  .bs_item > div { display: flex; justify-content: center; align-items: center; padding: 6px; }      .mRw6g  {  width: 100%; padding: 15px ; background: #ffffff20; box-shadow: 0px 5px 20px #4080a020;  display: flex; justify-content: center; align-items: center; font-size: 105%;  }  .uQRID { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 90%; }  .gGZgq { display: flex; justify-content: center; align-items: center; padding: 6px; direction: ltr; font-size: 120%; }    .ajBxi  {  margin: 1%; overflow: hidden; width: 440px;  background: var(--ioGe8); box-shadow: 2px 4px 15px var(--grIt7);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }    .hRbcC { display: flex; }  .rMo8U { padding: 7px 15px; display: flex; align-items: center; border: 1px solid #20406020; }  .dC3rX { background: #ffffff50 }  .oWvro { width: 120px; }  .yPXDA { width: 225px; }  .zE2kg { width: 160px; justify-content: center; }  .qUtwl { width: 160px; justify-content: center; }      .yPJch  {  margin: 2% 1%; padding: 20px 5px;;  }          .iRgIg { width: 100%; position: relative; background: var(--ioGe8);  box-shadow: 2px 4px 15px var(--grIt7);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden; padding: 10px 5px;  }  .bpi40 { display: flex; align-items: center; width: 100%; }      .pVgv3 { width: 50%; }    .mM6Gd { display: flex; align-items: center; position: relative; width: 100%; height: 40px; line-height: 1;  }  .qyRbq { direction: ltr; background: linear-gradient(to left, #f0ffff00,#00a05010, #f0ffff00);; }  .ugg1A { background: linear-gradient(to right, #f0ffff00,#e0102010, #fff0ff00);; }  .khr7L { display: flex; align-items: center; padding: 0px 7px 4px 7px;; min-width: 50px; height: 100%; justify-content: center; }  .tcA2n { display: flex; align-items: center; height: 100%; padding: 0px 8px 4px 8px; font-size: 94%; flex: 1; justify-content: end; }    .xRXVE { position: absolute; bottom: 2px; height: 8px; }  .pkYL7 { left: 0px; border-radius: 0px 5px 5px 0px; background: #00a050; }  .vRko2 { right: 0px; border-radius: 5px 0px 0px 5px; background: #b00010;; }      .faq5m { display: flex; align-items: center; position: relative; width: 100%; height: 55px; line-height: 1; justify-content: center;   border: 0px solid var(--ohTT3);  }                            .gp90a { display: flex; flex-wrap: wrap; padding: 10px 2%; }   .hmAEC { width: 150px; margin-left: 10px; padding: 20px 0px; }   .e7k9u { position: relative; }   .fCCx1 { position: absolute; opacity: 0; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 5px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: .2s; background: #a0c0e0a0;}   .tWwPc { padding: 4px 9px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; border-radius: 4px; white-space: nowrap; }   .e7k9u:hover > .fCCx1 { opacity: 1;}   .pcIPn { width: 150px; height: 150px; margin-bottom: 4px; }   .y2zAh { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .nSOkr { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; direction: ltr; font-family: cursive, monospace; border-radius: 4px; }     .dfeM6 { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .bfXWq { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; font-size: 115%; border-radius: 4px; white-space: nowrap }       .nS35c { width: 230px; padding: 20px 30px 1px 20px; }   .dQG6A { width: 100%; display: flex; padding: 4px 3px; background: linear-gradient(to top, #ffffff60, #00a0e008,#ffffff80); border-radius: 4px;; }   .fwRLP { flex-grow: 1; padding: 2px 4px; }   .lsvLE { transition: .2s; }   .lsvLE:hover { outline: 1px solid #00a0f0; }   .hQPBU { padding: 3px 4px; color: #003080; text-shadow: 0px 1px 2px #00c0e080; cursor: pointer; border-radius: 4px; background: #00ffc050; display: flex; justify-content: center; }   .q6L90 { padding: 3px 4px; color: #005080; cursor: pointer; border-radius: 4px; background: #0080ff10; display: flex; justify-content: center; }   .evPa8 { color: #800000; background: #ffd00020; padding: 6px 10px; font-size: 110%; }   .bDuzx { padding: 0px 12px 1px 4px; font-size: 90%; }   .l7bhL { background: #ffe04010; border-radius: 4px; font-size: 110%; color: #400040; position: relative; }   .vUbi0 { padding: 2px 4px; }   .lFmyo { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #008030; background: linear-gradient(to left, #00d05030,#00a06010) }   .uc5xb { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #a00000; background: linear-gradient(to left, #d0000015,#e0005008) }   .vqJbN { font-size: 100%; font-weight: normal; }   .d1dme { padding: 3px 14px; font-size: 120%; border-radius: 4px; font-weight: bold; color: #0020a0; background: #fff; box-shadow: 1px 3px 8px -3px #20406060; }   .qBhUm { padding: 2px 7px; border-radius: 4px; background: #fff; box-shadow: 1px 3px 8px -3px #20406040; }     .putaR { width: 230px; padding: 20px 30px 1px 20px; }      .ajHRF { display: flex; flex-wrap: wrap; padding: 10px 2%; max-width: 500px; }   .lGfVB { width: 50%; max-width: 200px; padding: 10px 2%; transform: translate(); }      .aE7Pr { padding: 10px 2%; }                      a{color: inherit;text-decoration: none !important;}  a:link { color: inherit;text-decoration: none !important; }  a:visited { color: inherit;text-decoration: none !important;}  a:hover { color: inherit;text-decoration: none !important; }  a:active { color: inherit;text-decoration: none !important;}  .ltr { direction: ltr; }  .cpoint { cursor: pointer;}    .row  {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: wrap;   flex-wrap: wrap;  }  .col {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;  }    @media (max-width: 575px)  {   .vs {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .vs-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .vs-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }   .vs-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .vs-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .vs-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .vs-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .vs-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .vs-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .vs-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .vs-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .vs-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .vs-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .vs-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }   .vs-hide   {   display: none;   }  }    @media (min-width: 576px)  {   .sm-hide   {   display: none;   }   .sm {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .sm-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .sm-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }   .sm-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .sm-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .sm-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .sm-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .sm-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .sm-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .sm-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .sm-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .sm-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .sm-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .sm-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }  }    @media (min-width: 768px)  {   .md-hide   {   display: none;   }   .md {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .md-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .md-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }   .md-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .md-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .md-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .md-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .md-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .md-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .md-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .md-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .md-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .md-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .md-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }   }     @media (min-width: 992px) {   .lg-hide   {   display: none;   }   .lg {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .lg-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .lg-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }   .lg-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .lg-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .lg-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .lg-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .lg-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .lg-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .lg-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .lg-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .lg-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .lg-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .lg-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }  }    @media (min-width: 1200px)  {   .xl-hide   {   display: none;   }   .xl {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .xl-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .xl-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }   .xl-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .xl-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .xl-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .xl-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .xl-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .xl-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .xl-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .xl-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .xl-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .xl-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .xl-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }  }      @media (min-width: 1400px)  {   .vl-hide   {   display: none;   }   .vl {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%;   }   .vl-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none;   }   .vl-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%;   }     .vl-1-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 12.5%;   max-width: 12.5%;   }   .vl-10-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 87.5%;   max-width: 87.5%;   }     .vl-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%;   }   .vl-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%;   }   .vl-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%;   }   .vl-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%;   }   .vl-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;   }   .vl-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%;   }   .vl-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;   }   .vl-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%;   }   .vl-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%;   }   .vl-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%;   }   .vl-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;   }  }    @media (min-width: 576px) {}  @media (min-width: 768px) {}  @media (min-width: 992px) {}  @media (min-width: 1200px) {}        @media print  {   *,   *::before,   *::after {   text-shadow: none !important;   box-shadow: none !important;   text-decoration: underline;   }   @page {   size: a3;   }   body { min-width: 992px !important; }   .container { min-width: 992px !important; }   .navbar { display: none; }   .badge { border: 1px solid #000; }   .table { border-collapse: collapse !important; }   .table td,   .table th { background-color: #fff !important; }   .table-bordered th,   .table-bordered td {   border: 1px solid #ddd !important;   }  }    @media (max-width: 767px)  {   .margin-7-hide-on-sm   {   margin: 7px 0px !important;   }    }    h1, .h1 { font-size: 180%;}  h2, .h2 { font-size: 140%;}  h3, .h3 { font-size: 120%;}  h4, .h4 { font-size: 110%;}  h5, .h5 { font-size: 80%;}  h6, .h6 { font-size: 60%;}  .img-fluid { max-width: 100%; height: auto;}  .centerX{ justify-content: center;}  .centerY{ align-items: center;}    .right {   position: absolute;   right: 0px;  }  .left {   position: absolute;   left: 0px;  }      .text-left {text-align: left !important}  .text-left {direction: ltr !important}  .text-right {text-align: right !important}  .text-center {text-align: center !important}  .text-lowercase {text-transform: lowercase !important}  .text-uppercase {text-transform: uppercase !important}      @media (min-width: 1px) and (max-width: 575px)  {   .vs-only-hide   {   display: none;   }   .vs-only-show   {   display: block !important;   }  }    @media (min-width: 576px) and (max-width: 767px)  {   .sm-only-hide   {   display: none;   }   .sm-only-show   {   display: block !important;   }  }    @media (min-width: 767px) and (max-width: 992px)  {   .md-only-hide   {   display: none;   }   .md-only-show   {   display: block !important;   }  }   .itm { position: relative; align-content: center !important;overflow: hidden !important ; align-content: center !important; display: flex !important; flex-wrap: wrap !important; height: 100% !important; background: linear-gradient(to right, #ffffff20, #0030a010) !important; white-space: nowrap }      .rXN1w { direction: ltr;}  .ze6Hd { width:80px; text-align:right; padding: 0px 5px; }              .yGaBC { font-weight: bold; color: #007000; background: #00d06020;}  .eya2I { color: #008020}    .w0inu { font-weight: bold; color: #a00000; background: #ff305020;}  .mDHyt { color: #e00000}      .gm3XP { background: #00a0ff20; color: #019 }  .oYvWg { background: #00a0ffa0; color: #fff }  .rAFlk { background:#0080ffc0; color: #fff; }      .n4gjX { background:#00e08020; color: #081 }  .qmoCI { background:#00ffa020; color: #072; font-weight: bold; }    .qciRO { background:#ff005015; color: #801 }  .xpaCx { background:#ff005020; color: #702; font-weight: bold; }    .hruqA { position: relative; height: 100%; width: 100%; direction: rtl; }  .rVSlq { position: absolute; height: 100%; width: 100%; right: 0px; top: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;}  .uGHsn { position: absolute; height: 100%; right: 0px; top: 0px; z-index: 1; background: #0050f020; }    .cVMcu { background: #00c05020; }  .vzLGT { background: #00a0b020; }  .qJbjG { background: #a0a00020; }  .mri4C { background: #c0200020; }      .wVDNr { background: #20406020; height: 100%; width: 100%; }  .zB6UJ { background: #20406020; height: 1px !important; width: 100% !important; }      .jLap2 {   margin: 4px 3px 8px 3px; border-radius: 5px; overflow: hidden;   box-shadow: 0px 5px 12px #00306010, 0px 2px 5px #0030a020 ;   margin: 3px 6px 8px 6px; background: #ffffff20; position: relative;   outline: 1px solid #4060a060;  }  .nnvGL {   width: 100%; padding: 0px;   color: #203050;   background: linear-gradient(to bottom , #ffffff50, #eaf5ffa0, #ffffff50 );   display: flex;   backdrop-filter: blur(3px);   box-shadow: 0px 0px 5px #406080a0;   cursor: pointer; transition: .2s;;  }  .nnvGL:hover { color: #002080; box-shadow: 0px 0px 5px #2060a0c0; background: linear-gradient(to bottom , #ffffffa0, #a0e0ffb0, #ffffffa0 ); }  .fEIjB { width: 325px; overflow: hidden; white-space: nowrap ; padding: 5px 12px 5px 2px; }  .u2vnH { width: 80px; overflow: hidden; white-space: nowrap ; padding: 5px; }  .zSIVT { display: flex; flex-wrap: wrap; }        .maWWG { display: none !important; }      .nsb { direction: rtl;position: relative;height:100%;width:100%}  .hgh0 {direction: rtl; height: 100%; margin: 0% 0% 0% 0%; width: 100%; ; position: relative; }  .hgh1 { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;flex-wrap: wrap;display: flex;align-content: center;justify-content: center;color: #002050;z-index:3;font-size:115%;direction:ltr }  .hgh1mo { color: #008000 }  .hgh1ma { color: #c00000 }  .hgh2 { position: absolute; top:0px; right: 43px; bottom: 0px;background: #00005030; width: 1px;z-index:2 }  .hgh3 { position: absolute; top:0px; right: 0px; bottom: 0px; background: #00f03050; z-index:1 }  .hgh4 { position: absolute; top:0px; left: 0px; bottom: 0px; background: #ff200050; ;z-index:1 }        .fxUyL { position: absolute; top: 0px; left: 0px; bottom: 0px; }    .atNoH { right: 6px; z-index: 20; display: flex; align-items: center; color: #103050; }  .vXtP4 { z-index: 10; background: #00a0ff40; }        .qeny9 { position: absolute; top: 0px; bottom: 0px; }    .iqbRi { right: 0px; left: 0px; justify-content: center;; z-index: 20; display: flex; align-items: center; direction: rtl; }  .rRPlC { color: #902500;; }  .b02Yl { color: #008025;; }    .u3qQ9 { z-index: 10; background: #b0001030; left: 0px; }  .kvUiy { z-index: 10; background: #00f08040; right: 0px; }            .hb { position: relative; height: 65px; margin: 5px; border: 1px solid #0050f050; padding: 5px; color: #002060; }    .dEzwp { position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; flex-wrap: wrap;justify-content: space-around; align-items: center; bottom: 0px; align-items: center; z-index: 100; direction: ltr; text-align: left; }  .wP3Ld { transition: .2s; opacity: 0; animation: xNykG 4s 1; padding: 2px 12px; font-size: 25px; background: linear-gradient(to right, #c0f0ff20, #c0e0ffe0, #c0e0ffe0, #c0f0ff20); color: #0000a0; white-space: nowrap; }  .gfocz { width: 100%; direction: rtl; text-align: right; }  @keyframes xNykG { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .hbb { position: absolute; top: 0px; left: 0px; bottom: 0px; background: linear-gradient(to bottom, #e0f8ff, #d0f0ff, #e0f8ff); box-shadow: inset -50px 0px 50px -50px #80a0f0a0; z-index: 1 }  .hbd { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .hba { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 0px 10px; font-size: 140%;background: linear-gradient(to bottom, #c0f0fff0, #e0fffff0, #c0f0fff0); z-index: 0; opacity: 0; transition: .2s; text-align: left; display: flex;;direction: ltr;}  .hb:hover > .hba{ opacity: 1; z-index: 100; }    .hbh0 { display: flex; flex-wrap: wrap; }  .hbh1 { font-size: 18px ; padding: 8px 7px 1px 0px;}  .hbh2 { font-size: 25px ; padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative;}  .hbhm0 { font-size: 85% ; display: flex; flex-wrap: wrap; }  .hbhm1 { padding: 1px 8px 1px 0px;}  .hbhmd { color: #0050a0; padding-right: 5px; }  .hbhm2 { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}            .yTinB { position: relative; box-shadow: 0px 0px 10px 2px #ffffffa0, inset 0px 0px 3px #2040a030; background: #d0faff10; border-radius: 4px; height: 25px; margin: 4px 5px; padding: 5px 7px; }  .mPFAo { height: 28px; margin: 4px 5px; }  .wD1oC { position: absolute; font-size: 90%; top: 1px; bottom: 1px; display: flex; align-items: center; right: 7px; z-index: 2; }  .bqwLh { position: absolute; top: 1px; bottom: 1px; left: 7px;display: flex; align-items: center; direction: ltr ; z-index: 3;; }  .raNV7 { position: absolute; border: 1px solid #0060c020; border-radius: 4px 0px 0px 4px ; top: 0px; left: 0px; height: 100%;   border-bottom: 2px solid #0080f050; border-right: 3px solid #0080f050;   box-shadow: inset -50px 0px 50px -50px #0080f070, 0px 0px 5px 1px #fff;   background: linear-gradient(to top, #9dc9fb42, #c8defd42);   }   .qG6ep { background: linear-gradient(to top, #90c0f042, #c0d0f050); }  .fwlfA { border: 1px solid #00503030; border-bottom: 2px solid #00805050; border-right: 3px solid #00805050;   box-shadow: inset -50px 0px 50px -50px #00807070, 0px 0px 5px 1px #fff; background: #f0f5ff;   background: linear-gradient(to top, #d0f0f0, #e0fff0);  }  .gibD0 {color: #0050a0; padding-right: 5px; }  .yHkZ5 { z-index: 10; position: absolute; top: 0px; left: 0px; height: 100%; background: #f0ffff; border: 1px solid #00e0e0; border-radius: 4px;;   display: flex; height: 100%; width: 100%; transition: .2s; opacity: 0;  }  .yTinB:hover > .yHkZ5 { opacity: 1; }            .rs0eY { position: relative; height: 50px; margin: 10px 5px; border: 1px solid #0050f050; }  .cTrDQ { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }  .j0rPD {height: 100%; width: 100%; display: flex; padding: 6px 5px; }  .nm6w1 {height: 100%; width: 33%; text-align: center; }  .upyZS {height: 100%; width: 34%; text-align: center; }  .dObh4 {height: 100%; width: 33%; text-align: center; }    .cykRB{ font-size: 80%; color: #a080a0; }  .wvreG{ padding: 4px 0px;}  .ma3ZI{ font-size: 120%; color: #0050a0;}    .mtjB8 { position: absolute; top: 0px; left: 0px; height: 100%; background: #ffe8f0; }            .mhDxH { position: relative; margin: 10px 5px; border: 1px solid #0050f050; display: flex; }  .hvspf { width: 25%; }  .yjnQx { text-align: center; padding: 5px; }  .ynqEa { font-size: 90%; color: #607080; }    .lY3sy { background: #ffd0dc; color: #a02020; }  .tmVcw { background: #d0ffea; color: #00a040; }  .p9Z4o { background: #ffffe0; color: #808000; }      .rkxBS { position: relative; margin: 12px 10px 0px 10px; color: #607080; font-size: 90%; display: flex; }  .uLMQM { width: 35%; }  .wnFPY { padding: 4px; white-space: nowrap; display: flex; }  .hNQtG { text-align: right; direction: ltr; border-radius: 5px; padding: 0px 3px; }  .wILd9 { color: #b00010; background: #ff002005; }  .a47M9 { color: #008020; }  .zp5ht { color: #008000; background: #00f05005; font-weight: bold; }  .ynUOF { color: #805000; background: #f0c00015; }  .yPPFv { justify-content: end; direction: ltr; }    .fvRaU { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; }  .spCWQ { }              .f5ho5{border: 1px solid #b0d0f0; background: #ffffff80;}    .wFiYQ { border: 0px solid #a0b0f0a0 !important; margin: 7px !important; font-size: 85%; background: #ffffff50; }  .rowsOfSahmHajm1 { display: flex; flex-wrap: wrap; width: 100% }  .hajmRows_Header1 { border-bottom: 1px solid #40506040; padding: 5px 0px 0px 0px ;}  .hajmRows_Header1s { font-size: 90%;}  .hajmRows_Header0 { padding: 6px; font-size: 90%; opacity: 0.7;}    .etHbx { height: 25px; }  .yoCMi { width: 50%; background: linear-gradient(to right, #b0ffd050, #e0fff010) ; display: flex; flex-wrap: nowrap !important; align-items: center; position: relative; }  .sIgLU { width: 50%; background: linear-gradient(to left, #ffe0e050, #ffe0f010); display: flex; flex-wrap: nowrap !important; align-items: center; position: relative;}  .niMIu { position: absolute; top: 1px; left: 0px; bottom: 1px; background: #a0f0c0a0 ; z-index: 1; border-radius: 0px 3px 3px 0px; box-shadow: inset 0px 0px 10px #50f0a0}  .bxCNV { position: absolute; top: 1px; right: 0px; bottom: 1px; background: #ffc0c0a0 ; z-index: 1; border-radius: 3px 0px 0px 3px ; box-shadow: inset 2px 0px 10px #ff004040 }          .qHLvB { position: absolute; top: 1px; white-space: nowrap; bottom: 1px; width: 0px; overflow: hidden; z-index: 5; text-align: right; background: #e0e0fff0 ;width: 100%; opacity: 0}  .iIdCj { display:flex; padding: 0px 4px; direction: ltr; white-space: nowrap; overflow: hidden; width: 100%; flex-wrap: nowrap;}  .dfLtz { left: 0px; }  .phW4C { right: 0px; }  .etHbx:hover > .qHLvB { opacity: 1 }    .j6Ots { color: #008020; }  .zubIB { color: #a00020 ; }    .xbjYz { padding: 0px 3px; z-index: 2; padding: 5px; direction: ltr; }    .gsNIM { text-align: right; min-width: 30px; padding: 0px 2px ; }  .smk7v { text-align: right; min-width: 40px; }  .jJQ70 { text-align: right; }  .pHO24 { text-align: left; }  .nI7xX { text-align: left; }  .mLN66 { min-width: 32px; padding: 0px 2px; text-align: center; direction: ltr; z-index: 5; }    .hajmRows_LTedad1 { text-align: left; min-width: 30px; padding: 0px 2px; }  .xqFI6 { text-align: left; min-width: 40px; }  .requestRows_LHajm1 { text-align: left;; }  .requestRows_LPrice1 { text-align: right; }  .requestRows_LDarsad1 { text-align: right; }    .rowsOfSahmSarane1 { position: relative; }  .rowsOfSahmSaraneHint1 { position: absolute; top: 0px; white-space: nowrap; bottom: 0px; width: 0px; left: 0px; bottom: 0px;transition: .2s; z-index: 500; text-align: center;; font-size: 80%;color: #200040; text-shadow:0px 0px 11px #f0f0ff; font-weight: bold; ;width: 100%; opacity: 0 }  .rowsOfSahmSarane1:hover > .rowsOfSahmSaraneHint1 { opacity: 1; background:#a0d0ff80 }    .ffmFO { padding: 10px 2px; color: #0050a0; text-align: center; font-size: 105%; }            .mjasa {color: #e0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 5px 0px 20px;}  .rrYtT {color: #ffe0f0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 5px;}  .gfvUI { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }  .wD7Go { background: #10a050b0; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .zFtVQ { background: #b54550b0; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .dxcQq { background: #009050f5; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; border-radius: 5px 0px 0px 5px; }  .fs4gn { background: #b04050f5; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; border-radius: 0px 5px 5px 0px }          .ybeWM { direction: rtl;position: relative;height:100%;width:100%; }      .iiIRS {color: #007010; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 6px 0px 20px;}  .wRJbb {color: #900000; z-index:11;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 6px;}  .hwGCo { background: #baf0d5; background: linear-gradient(45deg, #b5f0d0, #caffe0); box-shadow: inset 1px 0px 2px #00801020; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; border-radius: 3px 0px 0px 3px; }  .tQFqx { background: #ffe5e5; background: linear-gradient(-45deg, #ffe0db, #fff0eb); box-shadow: inset -1px 0px 2px #d0000020; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; border-radius: 0px 3px 3px 0px }    .nyC1A { background: #a0f0c0; background: linear-gradient(45deg, #90f0c0, #c0f0e0); box-shadow: inset 5px 0px 8px #00801020; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; border-radius: 3px 0px 0px 3px; }  .z19An { background: #ffd0d0; background: linear-gradient(-45deg, #ffcbd0, #ffe0e5); box-shadow: inset -5px 0px 8px #d0000020; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; border-radius: 0px 3px 3px 0px }            .nD1FV { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2px 1px; }  .gzwut { max-height: 25px; width: 100%; display: flex; direction: rtl; }  .mRTC2 { max-height: 25px; position: relative;}    .wefVM { background: #00c04010; width: 50%; height: 100%; position: relative; display: flex; }  .uJOin { background: #c0203010; width: 50%; height: 100%; position: relative; display: flex; direction: ltr; }  .uV5Ve { width: 16%; padding: 0px 3px; }  .hTmFz { width: 50%; padding: 0px 4px; }  .mkdCD { width: 34%; padding: 0px 3px; font-size: 90%; direction: ltr; }    .jFwbQ { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #00903540; z-index: -1; }  .w7U86 { position: absolute; top: 0px; bottom: 0px; right: 0px; background: #b0103040; z-index: -1; }    .sugjR { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #0060f0b0; z-index: -1; }  .fJFq2 { width: 45px; padding: 0px 4px; }  .pxMAn { width: 35px; padding: 0px 4px; font-size: 85%; }  .pevvx { padding: 0px 5px; direction: ltr; text-align: left; flex-grow: 1; }          .eipRA { display: flex; }  .eipRA > div { }      .xoZ2o { position: absolute; height: 1px; width: 100%; left: 0px; right: 0px; background: #50607020; }  .t0Ywf { background: #0040a035; }      .x6N6V { width: 100%; height: 100%; display: flex; padding: 6px 1%; direction: rtl; background: #ffffff20; position: relative; }  .l10FO { position: relative; flex: 1; max-width: 20px; }  .k5QLf { position: absolute; top: 0px; right: 220%; min-width: 100px; display: none; z-index: 1000;   padding: 5px; font-size: 85%; margin: 5px 15px;   background: #f5faffea; border-radius: 4px; box-shadow: 2px 4px 10px #20406030;  }  .jD4iB { background: #a0b0c020 !important; }  .ehSsW { position: absolute; bottom: 0px; left: -1px; right: -1px; height: 5px; border-radius: 50%; background: #0050e0a0; }  .bjzfu { right: auto; left: 220% !important; }  .l10FO:hover { background: #fff; }  .l10FO:hover > .k5QLf { display: block; }  .q0AYd { margin: 0px 1px;; }  .iFwnY { margin: 0px 0.2px;; }    .o77wM { display: flex; padding: 2px 5px; }  .gMtWD { min-width: 75px; white-space: nowrap; padding-left: 5px ; }  .yV4f7 { min-width: 50px; direction: ltr ; }    .nPTQU { position: absolute; left: 2%; right: 2%; bottom: 0px; border-radius: 4px 4px 0px 0px; background: #0050c0a0; }    .sbrZw { position: absolute; left: 50%; right: 2%; bottom: 0px; background: #00a050; }  .u6Utp { position: absolute; left: 2%; right: 50%; bottom: 0px; background: #f04040; }    .wDcBz { position: absolute; left: 2%; right: 2%; bottom: 50%; background: #00a050; border-radius: 4px 4px 0 0; }  .rZki9 { position: absolute; left: 2%; right: 2%; bottom: auto; top: 50%; background: #f04040; border-radius: 0 0 4px 4px; }    .te5m0 { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #00a050; border-radius: 4px 4px 0 0; }  .q9ndI { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #f04040; border-radius: 4px 4px 0 0; }    .pAamR { opacity: .6; }      .o6sww { position: absolute; left: 0px; right: 0px; }    .malLf { width: 100%; padding: 5px; }  .yjm2N{ direction: rtl; height: 98%; width: 98%; background: #ffffff50; border-left: 1px solid #60a0d040;border-right: 1px solid #60a0d040; position: relative; }  .q1Q9s{ direction: rtl; height: 100%; width: 100%; position: relative; }    .kandel_Saye1 { position: absolute; top:45%; height: 10%; background: #909090; }  .kandel_Badane1 { position: absolute; top:20%; height: 60%; }  .sMV7I { background: #00ca70; }  .hqli2 {background: #f04040; }  .duPHc {background: #808590; }  .kandel_Sefr1 { position: absolute; top:0px; height: 100%; width: 1px; background: #a0b0c080; }  .kandel_Payani1 { position: absolute; top:5%; height: 25%; width: 3px; background: #c000f0a0; }  .kandel_Last1 {position: absolute; top:20%; height: 60%; width: 1%; }  .kandel_Last01G { background: #00c000; }  .kandel_Last01R { background: #c00000; }    .eUzgI{ direction: rtl; height: 98%; width: 98%; background: #ffffff80; position: relative; }  .oTMN4{ direction: rtl; height: 98%; width: 98%; background: #ffffff; position: relative; border: #20406030; }    .oMh2Q { position: absolute; left:45%; width: 10%; background: #909090; }  .bWIJk { position: absolute; left:41%; width: 18%; background: #909090; }  .tHpv1 { position: absolute; left:20%; right: 20%; min-height: 1%; }  .pQzLE { position: absolute; left:10%; right: 10%; min-height: 1%; }  .olsE0 { background: #00ca70; }  .iVXCJ {background: #f04040; }  .rxu2Q { position: absolute; left:0px; width: 100%; height: 1px; background: #a0b0c080; }  .otktn { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f080; z-index: 5; }    .ho0vG { position: absolute; left:40%; height: 100%; top: 0px; right: 40%; background: #909090; }  .pTop0 { position: absolute; left:42%; right: 42%; background: #909090; }  .fImXl { position: absolute; left:8%; right: 8%; min-height: 1% !important; }  .gakqk { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f0a0; z-index: 5; }        .gixiw { padding: 1px 0px 0px 0px; margin: 2px 0px 5px 0px; box-shadow: 0px 5px 8px -5px #00508050; }  .qklL8 { padding: 1px 0px 0px 0px; margin: 1px 0px 9px 0px; box-shadow: 0px 5px 8px -5px #00508060; border: 1px solid #20407020; }  .lr8aM { border : 1px solid #20406030; background: #ffffff70; }  .gXqwZ { width: 100%; display: flex; }  .gXqwZt { padding-top: 2px; }  .gXqwZb { padding-bottom: 1px; }    .aio9r { text-align: center; padding: 2px; direction: ltr; display: flex; justify-content: center; align-items: center;}  .hk7Mq { width: 30%; }  .hk7Mqm { color: #406080; }  .hk7Mqmf { font-size: 90% ; }  .bPq7S { width: 40%; }  .bPq7St { color: #607090; font-size: 90%; }  .bPq7Sm { color: #003070; }  .bPq7Smf { font-size: 118% ;}  .b7nrh { width: 30%; }  .b7nrht { }  .b7nrhm { color: #506070; }  .b7nrhmf { font-size: 90% ; }  .oBsrfp { padding: 8px; }  .oBsrfp > hr { border: 1px dashed #e0f0f0; margin: 8px; }      .eachBaze_barBox1 { background: #ffffffa0; width: 100%; position: relative; height: 7px; }  .mnxtI { position: absolute; top: 0px; bottom: 0px; right: 0%; background: #f05050; }  .vPQMn { position: absolute; top: 0px; bottom: 0px; left: 0%; background: #20d060; }        .b8vX0 { width: 100%; display: flex; }    .yRgIO { flex-grow: 1; min-width: 50%; padding: 4px 5px 3px 5px; border-top: 1px solid #e0e0f0; }  .yRgIOs { background:linear-gradient(55deg, #00d04010,#00d04010,#00d04000); color: #005020; }  .yRgIOg { background: linear-gradient(-55deg, #f0200010,#f0200000,#f0200000); color: #700020; }  .ldvS2 { background: #ffffff; border: 1px solid #c0d0e0;}  .ldvS2tit { color: #b0c0c0; font-size: 60%; display: flex; justify-content: center; align-items: center;}  .ldvS2dar { font-size: 120% ; direction: ltr; display: flex; justify-content: center; align-items: center;}      .yk11v { position: relative; z-index: 1; }  .yk11v:hover { z-index: 400; }  .soerC { position: absolute; content: 'i'; z-index: 300; bottom: 2px; right: 2px; height: 12px; width: 12px; background: #0050ff10; border-radius: 50%; justify-content:center; display: flex; align-items: center; cursor: help; }  .mUgJp { height: 18px; width: 18px; background: #00a0a070; bottom: -10px; }  .soerC:hover { z-index: 400; }  .pOrYF { font-size: 11px; z-index: 300; padding-top: 1px; color: #0080d0; font-family: monospace; }  .dA4su { font-size: 14px; z-index: 300; text-shadow: 0px 1px 4px #001080; padding-top: 1px; color: #fff; font-weight: bold; }  .oBsrf { display: none; font-size: 95%; transition: .2s;position: absolute; top: 100%; top: calc(100% + 5px); box-shadow: 0px 2px 8px #a0c0e0 ; right: -1px; width: auto; min-width: 200px; inline-size: max-content; max-width: 350px; background: #fffffff0; border: 1px solid #d0daf0; z-index: 10; }  .uweiU { max-width: 320px !important }  .oBsrf::before { position: absolute; top: -12px; right: 0px; content: ''; border-width:6px; border-style:solid; border-color:transparent transparent #d0d0e0 transparent}  .soerC:hover > .oBsrf { display: block; z-index: 400; }  .yk11v:hover > .oBsrf { display: block; animation: igdAN .2s 1 }  @keyframes igdAN { 0% { opacity: 0; top: calc(100% + 15px); right: 12px; } 50% { top: calc(100% + 12px); right: 1px; } 100% { opacity: 1; top: calc(100% + 5px); right: -1px; } }                .mn { padding-right: 8px; color: #d00 !important; }  .pn { padding-right: 8px; color: #092 !important; }      .eQ5O3 { color: #d00 !important; }  .t2Sg9 { color: #092 !important; }        .myfoX1X01 { display: flex; flex-wrap: wrap; height: 100%; direction: rtl; font-size: 15px; position: relative; z-index: 500; top: -10px; right: -10px; }  .myfoX1X_item01 { background: linear-gradient(to right, #ffffff50, #0000c010); white-space: nowrap; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 0px;}  .myfoX1X_itemTime01 { min-width: 73px; justify-content: flex-end !important; }    .openShowRelative1 { position: relative; }  .openShowContent1 { position: absolute; display: none; direction: rtl; text-align: right; z-index: 10;}  .openShowContentItem1 { direction: rtl; text-align: right; }  .openShowRelative1:hover > .openShowContent1 { display: block; }    .openShowContent1br1 { top: 100%; right: 0px; }  .openShowContent1bl1 { top: 100%; left: 0px; }  .openShowContent1tr1 { bottom: 100%; right: 0px; }      .aloneIcon1 { height: 40px; width: 40px; padding: 3px; }                                #HistoryContent {padding: 0px !important; margin: 0px !important; }      .pDJx7{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .hT1xf{ z-index:2;}      .ngxMr { position: relative; width: 100% !important; background: #ffffff; font-size: 14px; white-space: nowrap; }    .r4f27{ height: 40px; width: 100%; background: #d0e0ff; color: #200060; display: flex; flex-wrap: wrap; min-width: 700px !important; position: absolute;top: 0px; right: 0px; }  .cxLBp{ padding: 9px 8px; position: relative; background: linear-gradient(to right, #f0f0ff15, #0000f015) ; z-index: 200; }  .flM9Z{ padding: 8px 8px !important; border: 1px dashed #80a0ff !important; cursor: pointer; }  .flM9Z:hover{ border: 1px solid #5080ff !important; background: linear-gradient(to right, #a0ffff35, #00a0f035); z-index: 200; }    .ipIwd { display: none; position: absolute; top: 100%; right: 0px; max-width: 400px; background: #fffffff0; box-shadow: 0px 5px 10px #a0a0a0a0; }  .x9aVr { display: flex; flex-wrap: wrap; min-width: 240px; }  .yYFGu { padding: 6px 6px; cursor: pointer; text-align: center; min-width: 40px; }  .yYFGu:hover { background: #0080f0; color: #ffffff; }    .t6XAh { cursor: auto; background: #f0f0ff !important; color: #808080 !important; }    .flM9Z:hover > .ipIwd{ display: block;}        .tUgrO{ height: 40px; position: absolute;top: 40px; right: 0px; z-index: 100; width: 100%; background: #6050ff;display: inline-block !important; color: #ffffff; display: flex; flex-wrap: wrap; height: 40px;box-shadow:0px 0px 15px #50308040; direction: rtl; text-align: right; transition: .2s; }            .qBuwO { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }  .qBuwO { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }    .qBuwO > div { align-content: center !important;display: flex !important; flex-wrap: wrap !important; height:30px; position: relative; }  .qBuwO > div:nth-of-type(even) { background-color: #eaf0f5; }  .qBuwO > div:nth-of-type(odd) { background-color: #ffffff }  .qBuwO > div:hover { box-shadow: inset 0px 0px 2px #0000a0; background: #f0fff0 }                                              .opdivleft1{ position: fixed; left: 1%; top: -40px; height: 40px; width: 40px; transition: .2s; }  .opdivleft1A1{ width: 300px; background: #0090a0 ; }  .ops1 {background: #9060e0; height: 40px; width: 40px; border: 1px solid #ffffff50; transition: .2s; cursor: pointer; font-size: 20px; position: absolute; right: 0px;}  .ops1:hover { border: 1px solid #ffffffa0; background: #c00060 }      .pindivleft1{ position: fixed; left: -40px; top: 40px; height: 40px; width: 40px; color: #c0f0ffa0 ;background: #8080f0e0;border: 1px solid #ffffff30; cursor: pointer; transition: .2s; }  .pindivleft1:hover{ border: 1px solid #ffffffa0; background: #7070f0; color: #f0f0f0 }  .pindivleftO1{ left: 40px }  .mpin1 { font-size: 20px;top: 40px; height: 40px; transform: rotate(45deg);}  .pindivleftA1 > .mpin1 { font-size: 20px;top: 40px; height: 40px; transform: rotate(0) !important;}      .panelLeftRefreshIcon1{ width: 0px;font-size: 20px; color: #f0f0f0 ;background: #c000a030; cursor: pointer; transition: .2s; z-index: 21000; }  .panelLeftRefreshIcon1:hover{ border: 1px solid #ffffffa0; background: #c000a050; color: #ffe0ff }  .panelLeftRefreshIconActive1 { width:40px; border: 1px solid #ffffff30; }    .fEclZ { position: fixed; left: -280px; top: 40px; height: 40px; width: 270px; transition: .2s; display:flex; direction: rtl; text-align: right; background: #ffffff50}  .lPdQE { left: 80px; }    .panelLeftInstaIcon1{ padding:0px 5px; color: #f0f0f0 ;background: #0090b0;border: 2px solid #ffffff30; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .panelLeftInstaIcon1 > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .panelLeftInstaIcon1 > .infI{ padding:0px 5px; font-size: 22px; }  .panelLeftInstaIcon1:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .panelLeftInstaIcon1:hover > .inf{ display:block }  .panelLeftInstaIcon1A { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .panelLeftInstaIcon1A > .inf{ }                                            .tI9jA { width: 100%; padding: 2px 5px;; }  .uDARB { background: #ffffff80; height: 28px; font-size: 105%; width: 100%; margin: 2px; position: relative; display: flex; border-radius: 4px; }  .zTmlj { height: 30px; font-size: 115%; }  .g3iTc { height: 26px; font-size: 95%; }   .cCOSu { align-items: center ; padding: 0px 12px 0px 2px; height: 100%; font-size: 90%; display: flex; }   .u2ill { flex-grow: 1; display: flex; align-items: center ; padding: 0px 4px; height: 100%; direction: ltr; border-radius: 4px; }   .zytn0 { font-size: 120%; min-width: 95px; justify-content: center; display: flex; padding: 0px 4px; }   .ze2tw { min-width: 90px; justify-content: center;display: flex; padding: 0px 4px }   .hiiAG { color: #006020; background: linear-gradient(35deg, #00e08020,#00ff2010,#00e08000); border-left: 4px solid #00c00060; box-shadow: inset 30px 0px 30px -30px #00b00040; }   .bjJ8G { color: #501010; background: linear-gradient(35deg, #ff408020,#f0200010,#00e08000); border-left: 4px solid #ff000060; box-shadow: inset 30px 0px 30px -30px #ff000030; }   .hiiAG > .zytn0 { color: #008000; text-shadow: 1px 3px 5px #00ff5080; }   .bjJ8G > .zytn0 { color: #800000; text-shadow: 1px 3px 5px #ff206060; }     .x4sUj { position: absolute; right: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; z-index: 100; direction: ltr; }   .ttIgQ { transition: .2s; padding: 0px 10px; opacity: 0; animation: q4ebr 7s 1; padding: 5px 10px; display: flex; border-radius: 4px; }   .fvxVn { min-width: 60px; display: flex; justify-content: center; height: 100%; align-items: center; padding: 0px 4px; }   .n7DlF { background: #ffe0f0; color: #a00000; }   .fujHV { background: #d0fff0; color: #009040 ; }     @keyframes q4ebr { 0% { opacity: 0; transform: translate(-30px,0); } 10% { opacity: 1; transform: translate(0,0); } 90% { opacity: 1; transform: translate(0,0); } 100% { opacity: 0; transform: translate(20px,0); } }                .mJTCT { display: flex; white-space: nowrap; }  .xFhL9 { background: #ffffff; min-height: 50px; border-radius: 8px; box-shadow: 2px 1px 5px #20406010; width: 50%; margin: 5px; border: 1px solid #20405020; direction: ltr; position: relative; }  .bzsng { outline: #5050f050 solid 1px; border-radius: 0px; }      .bQBCg { background: #fff6f8; color: #501010; border: 1px solid #ff404070; }  .cMGQr { background: #f0fff7; color: #006020; border: 1px solid #00c06070; }    .sVO8t { text-align: center; width: 100%; position: relative; }  .iW4DB { position: absolute; left: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; }  .jQ7Ov { transition: .2s; opacity: 0; animation: q4ebr 5s 1; padding: 5px 10px; font-size: 80%; }  .ntgzW { background: #ff505020; color: #a00000; }  .dM8uo { background: #00a05020; color: #009040 ; }    .zv0p8 { padding: 8px 0px 0px 8px; font-size: 110%; }  .tf563 { padding: 1px; font-size: 120%; direction: ltr !important; }  .aqYgg { font-size: 80%; opacity: .6;; position: absolute;   width: 50px; height: 100%; top: 0px; right: 2%; display: flex; align-items: center; justify-content: center;  }    .bQBCg > .tf563 { color: #a00000; }  .cMGQr > .tf563 { color: #008020; }            .kW0XY { position: relative; height: 55px; box-shadow: 1px 1px 10px #20406015; margin: 5px; border: 1px solid #0050f040; padding: 5px; color: #002060; }    .tablo_dEzwp { position: absolute; left: 30%; top: 2px; display: flex; flex-wrap: wrap; align-items: center; z-index: 1001; direction: ltr; text-align: left; }  .wP3Ld { transition: .2s; opacity: 0; box-shadow: 0px 1px 3px #5070a030,0px 4px 9px #5070a020; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; animation: xNykG 7s 1; padding: 3px 10px; background: #fff; color: #002080; white-space: nowrap; font-size: 110%;}  .gfocz { width: 100%; direction: rtl; text-align: right; }  @keyframes xNykG { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .jeQfV { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #e0f0ff; background: linear-gradient(to bottom, #f0f8ff, #e0f0ff); box-shadow: inset -50px 0px 50px -50px #80a0f0a0; z-index: 1 }  .dVikX { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .qYet5 { display: flex; flex-wrap: wrap; }  .e8py7 { padding: 8px 7px 1px 0px;}  .xIgPS { padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative; font-size: 125%;}  .z5Zoo { font-size: 85% ; display: flex; flex-wrap: wrap; }  .emVw5 { padding: 1px 8px 1px 0px;}  .gRGC5 { color: #0050a0; padding-right: 5px; }  .edMDO { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}        .jYMaa { height:50px; background: #ffffff; border: 1px solid #20406020; box-shadow: 2px 1px 9px #20406012; }        .hWOd9 { height: 100%; width: 50px; padding: 0px 6px; display: flex; white-space: nowrap; z-index: 1; font-size: 13px;   justify-content: center; align-items: center; position: relative; }            .lusBl{direction: rtl; height: 100%; background: #ffffff80; position: relative; display: flex;; }  .pw2Os { display: flex; width: 50%; justify-content: center; align-items: center; }  .u5DTi { font-size: 80%; opacity: .7; padding-left: 7px;; }  .p2CYF { font-size: 90%; opacity: .8; padding-left: 8px; direction: ltr; }  .uYTQC { }                        .eJaSU { display: flex; flex-direction: column; width: 100%; height: 100%; }  .ewW0w { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10% 0%; }    .v2y { height: 50%; width: 100%; }  .wOlom { height: 50%; width: 100%; display: flex; justify-content: center; align-items: center; }                    .ArrowDown { width: 16px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABpklEQVQ4jY2RvW7TUBTHfzZ2oFNdC7W1EyQGkJC6WErE0AEpGyxIgGBCPAEPw8wTMPSDhQ3hvUqlSijwAFFUkEttFKsJyfU9DHGuEsdFnO2ec/5f91hU6uPurjR8H6kOgGma8uz83FruOdUlAZ48fbMG/n3L5sv7d2v9NQKsucD3dIBojYiACO6D+zWe6gjKysYj0HpOUhRs6aI21rUEojWiFFIUhmTh7p8ECxU9mTBJEmZ5jrq64ub29n9GKFUuTk7QSpm3Go/rIxwHgRjlJYvLYAO0LA5aLfOU0kH28PFzL9y5U+tksX1vM2D/9VszztILPn/6kFnHQRBZrhvf3X/k3djYIOv3EaVIfg5XlG/vNLEdh829PSZJwo9vX7Pp9E/XAjgKw8h23Xir3fYALk9PKZQyYAFsx8HvdFB5TtrvZ0D31WBwZkIfhWFkuW7sdzoewK9eD10Uc44SPMtzsiUwwMphD8MwshuN2G+3PSmdCNQqm3TVsxw2mytOBK4FA9hVghfD4ZmezbqXvV4GoEajNdsrx6o2FnXQakUCcfmR3Zc1YIC/8jzRCbYNZzUAAAAASUVORK5CYII=); }  .ArrowUp { width: 16px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB00lEQVQ4jZWSPWhTURiGn/N70yrNHURBFG2sJrSDii6CoEFxcxccBAc7qNS6OYmDiFKR4lA6qIvi4OaiYCFmcXCKXYpOggFxEINwm5zcP4d7Caa5Fnvg43A+vvfh5T2f4F9nmSNAI3/VmaVVNCY3E1+vzvv3ji74Y2q8kff+A5CLr1Vv+NXyDD/dby5NXfGNtA2WRiGySHy1NucfKk+z0n7P2q8vaDwuTl72bWIbPBqGiELxxDQr7Sb9uE9CAgIO+pN0w4AXq886fefq3MoyEUO2c/G7dpNe7IjTiIQUIVKklFT9KVy4zvOPTzuu5+rcoSUGgdXmM9vfmnTjHutxQBAFuMSBgJgIrTTHdhwmCUNefXjZcd1eXXGetbnaTf/EzpN87/5AScWB8n5ef31DEAeE9ElEzNk9p6lM7GPclNg2tp3Krkpp9XPrgmCZdGOy948v8uDTIp42eNpiteHc3jqP3z6EiKzC7NbM/hUkwBKplBKjNFYZrDaUTAYhAu4Oz4/uQQRSZACjNdYYPGMxSmeATfdgABAYpQYuPJ05IdwCQMkcoDVWm605EDlAKYXOQVqpQoAuBABndp/CM1mAJeOhpCwEiJHObdKNXzWoGHgyrPkDdGqej7PMgTEAAAAASUVORK5CYII=); }  .j0sCu { padding: 2%;; overflow: auto; }    .uyjf3 { display: flex;margin: 10px 0 20px 0; }  .dyJcV { width: 125px; overflow: hidden; white-space: nowrap; }  .dSQWL { width: 100px; color: #008030;;}    .mC1Eh { display: flex; }  .uA9ly { padding: 4px 6px; display: flex; align-items: center; height: 30px; overflow: hidden; white-space: nowrap; border: 1px solid #20406020; }    .cWp9s { width: 300px; }  .nya8m { width: 60px; }  .hVXRX { width: 180px; color: #0020a0; white-space: nowrap;}  .dSQWL { width: 80px; color: #008030;;}    .xhOtu { width: 80px; cursor: pointer; padding: 6px 10px; background: #ffffff80; color: #008030; animation: yCXW1 3s 1;;}      .gfNE5 { padding: 8px; ; background: #fafcff; font-size: 13.5px; overflow: auto; min-height: 100%;}  .y6WCi { position: fixed !important; background: #fafbfd; top: 41px !important; right: 0px; bottom: 1px; height: auto !important; z-index: 20; width: 100% !important; }    .ptXBV { display: block !important; padding: 10px 5px; text-align: right; direction: rtl;}  .lG7E8 { padding: 0px 10px; color: #074; cursor: pointer; }  .oM6DS { padding: 10px 20px 5px 5px; font-weight: bold; color: #05a;}  .wV9hh { padding: 5px 10px; color: #246; text-align: right; min-width: 1200px;;}  .hUH3B { padding: 20px 20px 5px 5px; font-weight: bold; color: #a50;}  .yszm4 { padding: 5px 10px; color: #531;}    .iyXNH{ width: 1200px; padding: 5px 0px 10px 0px; display: none;}  .wM6pL { display: flex !important }    .z68t6 { background: #ffffffe0; border-radius: 8px; box-shadow: 0px 0px 3px #00305010,1px 3px 10px #40608025; cursor: pointer; transition: .2s; margin: 4px; display: flex; flex-wrap: wrap; height: 30px; width: 5000px; }  .z68t6:hover { background: #ffffff; box-shadow: 0px 1px 4px #00305015,1px 3px 10px #1050a025; outline: 1px solid #00a0f050; }  .my45g { background: #ffffff; box-shadow: 0px 1px 4px #00305025,1px 4px 12px #1050a040; outline: 1px solid #00a0f040; margin-top: 12px; }  .itDCg { background: #ffffffe0; overflow: hidden; width: 582px; border-radius: 0px; box-shadow: 0px 0px 3px #00305010,1px 3px 10px #40608025; border: 1px solid #00a0a070; border-top: none; border-bottom: none; transition: .2s; margin: 2px 4px; display: flex; flex-wrap: wrap; height: 35px; }  .grfEC { cursor: pointer; background: #ffffffe0; overflow: hidden; width: 1120px; border-radius: 0px; box-shadow: 0px 0px 3px #00305010,1px 3px 10px #40608025; border: 1px solid #00a0a070; border-top: none; border-bottom: none; transition: .2s; margin: 2px 4px; display: flex; flex-wrap: wrap; height: 35px; }  .in80w { box-shadow: 0px 0px 3px #00305040,1px 3px 10px #40608045; border: 1px solid #00a0c0a0; margin: 8px 4px; height: 40px; }        .nWveh { width: 4000px; background: #f5faff; border-top: 1px solid #4060a050; border-radius: 8px 8px 0px 0px; box-shadow: 5px 3px 10px #40608020; margin: 4px; display: flex; flex-wrap: wrap; height: 45px; ; }  .bPvIq { width: 582px; overflow: hidden; background: #f5f5ff; border: 1px solid #00a0a080; border-bottom: none; border-radius: 8px 8px 0px 0px; box-shadow: 5px 3px 10px #40608020; margin: 4px; display: flex; flex-wrap: wrap; height: 45px; }  .cXiVg { width: 1120px; overflow: hidden; background: #f5f5ff; border: 1px solid #00a0a080; border-bottom: none; border-radius: 8px 8px 0px 0px; box-shadow: 5px 3px 10px #40608020; margin: 4px; display: flex; flex-wrap: wrap; height: 45px; }    .vVo5t { background: #f5fffa; border: 1px solid #20a06070; border-bottom: none; border-radius: 8px 8px 0px 0px; box-shadow: 3px 3px 12px #40806025; margin: 11px 4px 2px 4px; display: flex; flex-wrap: wrap; width: 4000px; height: 40px; }  .w79tZ { background: #fff5fa; border: 1px solid #a0305070; border-top: none; border-radius: 0px 0px 8px 8px; box-shadow: 3px 3px 12px #80406025; margin: 2px 4px 9px 4px; display: flex; flex-wrap: wrap; width: 4000px; height: 40px; }  .eOyuU { background: #f0ffff; width: 582px; border: 1px solid #00a0a070; border-top: none; border-radius: 0px 0px 8px 8px; box-shadow: 3px 3px 12px #00a0a025; margin: 3px 4px 12px 4px; display: flex; flex-wrap: wrap; height: 40px; }  .sahamdaranSum04 { background: #f0ffff; width: 1042px; border: 1px solid #00a0a070; border-top: none; border-radius: 0px 0px 8px 8px; box-shadow: 3px 3px 12px #00a0a025; margin: 3px 4px 12px 4px; display: flex; flex-wrap: wrap; height: 40px; }    .zJMYB { position: relative; border-left: 1px solid #40608020; height: 100%; display: flex; justify-content: center; white-space: nowrap; overflow: hidden; align-items: center; padding: 0px 0px; }    .z68t6 > .zJMYB:nth-of-type(even) { background-color: #eaf5ff25; }  .z68t6 > .zJMYB:nth-of-type(odd) { background-color: #ffffff20 }    .rUCWz { justify-content: start; transition: .2s; padding: 0px 10px; }  .rWoF7 { border-left: 4px solid #30508025 }  .cxjJB { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #40a0ff20; box-shadow: inset 5px 0px 8px #00a0ff40; }  .mSGfk { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #40b0c020; box-shadow: inset -5px 0px 8px #00c0d040; }    .gtsRI { position: absolute; left: 2px; bottom: -2px; padding: 0px; font-size: 85%; color: #804000; display: flex; white-space: nowrap; background: #ffffffd0; }    .wuPV7 { font-size: 85%; opacity: .8; padding: 0px 2px;; }    .vTYBC { padding: 5px 6px; border-radius: 10px; box-shadow: 0px 2px 10px #3050a015; background: #fff; outline: solid 1px #2050a040; margin-left: 6px;}  .f6O4H { padding: 0px 5px; font-size: 85%; opacity: .8;; }  .xWya0 { padding: 0px 0px 0px 1px; color: #003090; }      .bAhfO { font-size: 85%; }  .hJwCY { direction: ltr; }  .kUZq7 { direction: ltr; }  .soYIa { direction: ltr; color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .xEnEW { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }  .ljyeo { color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .hwobx { color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }          .hBkoO { display: flex; position: relative; margin: 8px; min-height: 250px; border: 1px solid #20406050; overflow: hidden; background: #40608005; }  .mXnDF { position: relative; z-index: 1; transition: .2s; }  .kvI8F { cursor: pointer;}  .sHnFz { background: #ffffff; box-shadow: inset 0px -90px 80px -90px #20a0f0a0 !important; cursor: auto !important; }  .qnLGX { margin-right: 16px; }  .hdkjI { position: absolute; background: #ffffffa0; z-index: 20; right: 16px; top: 5px; min-width: 100px; display: none; text-align: right; padding: 6px; backdrop-filter: blur(4px); box-shadow: 2px 3px 10px #20406040; }  .cI76H { right: auto; left: 16px; }  .hdkjI > div { padding: 3px; white-space: nowrap; }  .mXnDF:hover > .hdkjI { display: block; animation: g71UO 1 .25s; }  .mXnDF:hover { background: #ffffff; z-index: 2; }  .c1dvY { position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 4px solid #20406050; z-index: 5; }    @keyframes g71UO { 0%{ opacity: 0; transform: translate( -50px, 10px) scale(0.9); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      .oExbd { box-shadow: inset 0px 40px 40px -50px #00a050; border-top: 5px solid #00904085; }  .gcWgk { box-shadow: 0px -20px 1px -1px #b0201050; border-top: 5px solid #a0100085; }        .e4XVc { position: absolute; border-radius: 10px; right: -2px; top:204px; font-size: 90%; opacity: .85; height: 20px; left: -2px; display: flex; justify-content: center; align-items: center; }    .p9rSE { position: absolute; border-right:1px solid #5080b030; background: linear-gradient(to left, #5080b012,#ffffff20); top: 0px; height:100%; opacity: .85; }  .oloLh { z-index: 100; position: absolute; display: flex; justify-content: center; align-items: end; padding: 5px; bottom: 0px; }                                .s2JCl { top: 0px; height: 30px; background: linear-gradient(to top, #f2faff, #f0f7ff, #f2faff);   padding: 1px 5px; font-size: 90%;   box-shadow: 0px 0px 10px #20407030; position: absolute; right: 0px; left: 0px; display: flex; }   .uA8Hu { height: 100%; display: flex; justify-content: center; margin: 0px 4px; align-items: center; cursor: pointer; padding: 0px 7px; }   .brAhf { border: 1px solid #00406020; background-color: #ffffff50; }   .q0TFv { cursor: auto; border: 1px solid #20407030; background: var(--yq9pG); box-shadow: var(--bdBEO); color: var(--oi1d0); border-radius: 4px; }    .d77mF { top: 30px; position: absolute; right: 0px; left: 0px; display: flex; bottom: 0px; overflow: hidden;; }  .gs7La { top: 30px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto;; }  .cJs5j {position: relative; width: 100%; height: 100%; }   .yCwrs { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }   .eeqy5 { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; padding: 2%; }   .jFaTc { width: 100%; text-align: center; padding: 10px 5px; }   .j3L2D { width: 100%; height: 50px; padding: 10px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }   .wlRfU { display: block; }      .lUdc6 { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }  .ldR17 { }  .mi5fh { width: 100%; height: 100%; position: relative; overflow: auto; }  .uycfF { display: flex; flex-wrap: wrap; }  .cJ37T { display: flex; z-index: 100; position: absolute; height: 30px; background: #f0f5ff; top: 0px; right: 0px; width: 100%; }   .xTkoI { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030;white-space: nowrap; }  .eTcFM { display: flex; z-index: 50; height: 30px; background: #f2faff; border-bottom: 1px solid #20406020; box-shadow: 0px 0px 12px #20407025; }  .pSokH { top: 30px; }  .rAizi { position: static; }   .xxbnv { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030; line-height: .8; }  .sHtlR { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; overflow: auto; }  .jmfgy { }  .h6hoP { bottom: 0px; }  .fvDQG { display: flex; position: absolute;left: 0px; right: 0px; height: 30px; bottom: 0px; left: 0px; overflow: auto; background: #f0fafc; box-shadow: 0px 0px 8px 1px #20406020; }  .cxUT6 { display: flex; padding: 0px 8px; justify-content: center; align-items: center; height: 100%; }  .hBlQG { cursor: pointer; color: #0020a0; }  .bItlw { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; }   .hnLrm { transition: .2s; overflow: hidden; }   .xMeqY { transition: .2s; overflow: hidden; }   .hYSMj { border: 1px solid #00306040;border-right: 4px solid #00308040; margin: 10px 6px; background: #fff; border-radius: 4px; }   .cqg2P { cursor: pointer; height: 30px; display: flex; border-bottom: 1px solid #20406030; }   .jzmbG { height: 100%; display: flex; align-items: center; border-left: 1px solid #20406030; padding: 0px 9px; white-space: nowrap; position: relative; }   .kos1T { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #0050f020; }     .ovjay { height: 100%; display: flex; align-items: center; justify-content: center; }   .zGGnV { direction: ltr; }   .zUGVP { color: #005010; font-weight: bold; background: #00b02050; }   .hoZGM { color: #302000; background: #c0a00040; }   .eym2F { color: #500000; background: #f0000020; }   .bNnlk { color: #500000; background: #f0000040; font-weight: bold; }   .hZQfc { padding: 0px; background: #ffffff80; }         .wHkay { min-height: 30px; flex-wrap: wrap; display: none; border-bottom: 1px solid #20406030; padding: 8px; align-items: center; }   .kIXwJ { min-width: 300px; }   .dnpQW { display: flex; background: #f0f8ff; }   .wNtAY { margin: 2px 6px; padding: 4px 8px; font-size: 90%; transition: .2s; border: 1px solid #0050b050; cursor: pointer; border-radius: 4px; }   .wNtAY:hover { border: 1px solid #0050b0a0; color: #003090; background: #fff; }   .tILot { margin: 0px 15px 0px 8px; }   .b3NWV { width: 100%; padding: 5px;; }   .xydqf { display: flex; }   .heXHE { width: 100%; padding: 4px 10px 10px 5px;; }     .ogzqn { padding: 8px; max-width: 700px;}   .nZGxQ { border: 1px solid #20406030; margin: 20px 8px; border-radius: 5px;; box-shadow: 0px 6px 14px -6px #20407030; background: #f5faff; padding: 25px 10px 10px 10px; position: relative; }   .dZwPd { border: 1px solid #20406030; background: #fff; border-radius: 4px; position: absolute; top: -15px; right: 10px; padding: 5px 10px;; }     .bukc9 { display: flex; min-width: 450px; border-bottom: 1px solid #20406030; }   .vEwo5 { display: flex; min-width: 380px; border-bottom: 1px solid #20406030; }   .cINdo { padding: 4px 7px; border-top: none; }   .m13fU { border-left: 1px solid #00305015; }   .uxJaV { width: 250px; }   .nLCsc { width: 130px; direction: ltr; }   .ts0h1 { width: 70px; direction: ltr; }   AgendaItem, presidiummember, NewsPaper { display: block; padding: 2px 5px 2px 5px; ; }        .sa4FS { display: flex; flex-wrap: wrap; padding: 5px;; }     .aunQw { min-width: 300px; }   .zANaZ { display: flex; border: 1px solid #20406010; }   .lmgzY { width: 135px; padding: 4px 9px; border-left: 1px solid #20406020; }   .lnwRi { width: 200px; padding: 4px 10px 4px 2px;; }   .c0cGt { width: 360px; padding: 4px 10px 4px 2px;; }   .zieYd { direction: ltr; text-align: right; font-family: sans-serif !important; }     .t0rLO { min-height: 250px;; }   .fu3EN { background: #fbfdff; box-shadow: 0px 8px 8px -4px #20407020; margin-bottom: 1px;}   .i7lyz { padding: 5px 5px 12px 5px;; }      .olgFF { border: 1px solid #20406030; }  .olgFF > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .olgFF > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }      .olgFF > table { border: 1px solid #20406050; margin: 10px 0px; }  .olgFF > table > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .olgFF > table > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }        .table1 { border: 1px solid #20406030; border-bottom: none; border-left: none; }  .table1 > thead { border: 1px solid #20406030; }  .olgFF > tbody > tr { border-bottom: 1px solid #20406030; }  .table1 > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .table1 > tbody > tr:hover { background: #a0c0f050 !important; }  .table1 > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px 6px; max-width: 180px; border-bottom: 1px solid #20406030; }    .table1 > thead > tr:nth-of-type(even) { background: #ffffff50; }  .table1 > thead > tr:hover { background: #a0d0f030 !important; }  .table1 > thead > tr > td { border-left: 1px solid #20406030; padding: 4px 6px; max-width: 180px; border-bottom: 1px solid #20406030; }    section { display: flex; }                                                    #FastView { display: none !important;}  #Section_codal { display: none !important; }    div.tooltip div.more {   direction: rtl;   text-align: right !important;  }        .hl100 {height: 100%; width: 100%}  .centerY { display: flex !important; flex-wrap: wrap !important; align-content: center !important; }  .centerX { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }      .RelCompany { width: 100% !important; height: 270px !important;}        .row { display: flex; }    .fullGrow { flex-grow: 1;}  .centerY { display: flex !important; flex-wrap: wrap !important; align-content: center !important; }  .centerX { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; }      * { box-sizing: border-box; }        #MainBox{ background: #fdffff !important; margin: 5px 1% 10px 1% !important; max-width: auto; }  .bigheader { background: #e2ebff !important; height: 45px !important; box-shadow: 0px 0px 10px #c0d0e0 !important; position: relative; }  #ToolsBtn { position: absolute; top: 5px; left: 5px; }  .bigheader > .RealServerTime {display: none !important;}  #Section_bestlimit .content { padding: 0px !important; margin: 0px !important; }            .fRRHz { width: 100%; display: flex; flex-wrap: wrap; max-width: 1200px;}        .mder { padding: 5px; display: flex; }    .err { flex-grow: 1; }  .erl { direction: ltr; text-align: left; }    .cpms { color: #00a040; }  .cpmn { color: #ff0040; }        #TopBox { width: 100% !important; display: flex; flex-wrap: wrap; }    .sTBrb { padding: 1%; background: #ffffff20; flex-grow: 1; min-width: 300px; max-width: 500px;   flex: 1 0 320px;  }    .lYQH6 { max-width: 1000px; flex: 1 0 320px; padding: 6px; }  .g1V0r { max-width: 1000px; width: 100%; }      @media (min-width: 1px) and (max-width: 600px)  {   .fylTc { width: 100% }   .c3vx5 { width: 100%; }   .zosiJ { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 601px) and (max-width: 1000px)  {   .fylTc { width: 50% }   .c3vx5 { width: 50%; }   .zosiJ { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1001px) and (max-width: 1400px)  {   .fylTc { width: 33% }   .c3vx5 { width: 33%; }   .zosiJ { width: 34%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1400px)  {   #MainBox{ margin: 5px 1% 10px 1% !important; min-width: 70% !important; }  }