.lbIw9j { box-shadow: none; background: #ffffff10 !important; }  .f6UPRj { box-shadow: none; background: #ffffff80 !important; }  .bfp09j { background: url('https://vita-min.ir/asset/pic/bg/pat_eid.jpg') !important; }                .o7ohM{ padding: 8px 15px; color: #003060; background: #ffffff50; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .o7ohM:hover { color: #0030a0; background: #ffffff; border: 1px solid #0030a0a0 }      .ogBvj { padding: 5px 10px; color: #fff; background: #00a0f0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .ogBvj:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }    .mbe4u { padding: 5px 10px; color: #204080; background: #ffffff80; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .mbe4u:hover { color: #0040a0; background: #fff; border: 1px solid #0030a0; padding: 5px 15px; }      .d1Pwn { padding: 5px 10px; color: #004080; background: #ffffffa0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .d1Pwn:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }                    .jyDOb { padding: 4px 6px; white-space: nowrap; transition: .2s; cursor: pointer; border-radius: 3px; position: relative; display: flex; justify-content: center; align-items: center; }    .btnBgAsli { background: #00a0ff; color: #f0faff !important; border: 1px solid #f0a0f0a0; }  .btnBgAsli:hover { background: #0080e0 ; color: #ffffff !important; border: 1px solid #ffffff; }    .nxdyE { min-width: 28px; padding: 0px 1px 1px 2px; display: flex; justify-content: center; align-items: center;}    .gjPhC { position: relative; background: #d0b000 !important; color: #ffffe0 !important; border: 1px solid #f0a000 !important; text-shadow: 1px 1px 5px #a05000 !important; }  .gjPhC:hover { background: #d0b000 !important; color: #ffffff !important; border: 1px solid #a0a000 !important; }      .jF2BI { position: relative; background: #fffff0; color: #503000 ; border: 1px solid #f0a00010; text-shadow: 1px 1px 15px #a05000a0 }  .jF2BI:hover { }  .dnrD3 { 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);  }  .dnrD3:hover { opacity: 1; transform: scale(1) }        .vup5v { background: #ffffff20; color: #506070 ; border: 1px solid #50607050; }  .vup5v:hover { background: #ffffff ; color: #5080a0; border: 1px solid #5060a0a0; }    .tYWy3{ padding: 2px 5px; font-size: 85%; }      .lYzNq { padding: 4px 6px; }  .lOmt8 { margin: 4px 6px; }  .pEw3p { margin: 1px 6px; }                                        .sj0SJ { text-align: center; padding: 10px; font-size: 95%; color: #0060a0;}  .rjsde { text-align: center; padding: 10px; font-size: 95%; color: #20b080;}  .q3vfT { text-align: center; padding: 10px !important; color: #506080;}    .lxz9l { padding: 5px !important; direction: rtl !important; transform: scale(1) translate(-70px,0px) !important;}   .fnSV1 { 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; }   .fPtTv { height: 30px; margin: 3px 1px; background: #a0d0ff10; }   .o7bsJ { cursor: auto !important; margin-top: 10px; background: #ffffff00 !important; color: #006020 !important; }   .c25Xq { opacity: 0.65;; background: #f0a0d020 !important; cursor: auto; }   .fnSV1:hover { background: #a0d0ff60; color: #0050a0; }   .owSAb { display: flex; height: 100%; padding: 0px 12px 0px 0px; align-items: center; white-space: nowrap; }   .rtBCL { width: 50%; display: flex; height: 100%; padding: 0px 0px 0px 12px; align-items: center; direction: ltr; font-family: cursive; }   .a4TMz { flex-grow: 1; display: flex; height: 100%; padding: 0px 15px 0px 12px; font-size: 90%; align-items: center; justify-content: end; }      .hn5zH { 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;}               .eQGBr { cursor: pointer; color: #006030; height: 100%; ;}     .n5SwP { white-space: normal !important; width: 355px; display: none !important; transition: 0s !important; }   .wiJ4D { display: block !important; }   .bSsdQ { font-size: 95%; color: #720; }   .w4pgw { padding: 10px 10px 5px 8px; }   .k1hVb { 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; }     .fNt6P { padding: 2px 15px; display: flex; justify-content: center; align-items: center; }   .bfY25 { padding: 6px 15px; background: #0050b0; color: #f0f0f0; border-radius: 4px; cursor: pointer; transition: .2s; margin: 0px 5px 0px 15px; }   .bfY25:hover { background: #00a0ff; color: #ffffff; }         @keyframes s87qU { 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);} }   .tgAqa { line-height: 1.65; padding: 10px 12px; max-width: 600px; margin: auto; }   .zmwaU { padding: 5px 2px; }   .uYA2G { display: flex; padding: 0px 5px; height: 30px; ; margin-bottom: 8px;; }   .zgnMZ { height: 100%; display: flex; align-items: center; flex-grow: 1; font-size: 110%; font-weight: bold; }   .wQYqA { height: 100%; display: flex; align-items: center; padding: 0px 5px; }   .jwoDa { 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;; }   .qFLf7 { margin: 0px 5px; padding: 4px 10px; }   .jwoDa:hover { background: #ffffff; color: #003070; border: 1px solid #0040a0; transform: scale(1.05); }       .kJOCF { font-size: 85%; opacity: .85; padding: 0px 5px; ;}   .wZaXb { font-size: 85%; opacity: .85; padding: 0px 2px; ;}   .qJzEB { font-size: 85%; opacity: .85; padding: 0px 0px 2px 0px; ;}       .jXqVX { padding: 5px; overflow: auto;}     .qsGl5 { padding: 5px; overflow: auto;}   .f9drV { padding: 10px; }     .blFFo { display: flex; min-width: 760px;}   .lOPwU { padding: 5px 0px; ; }   .uqJqE { 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;; }   .zcP3n { border: solid 1px #20406020; background: #2080b0; color: #fff; min-height: 40px; display: flex; justify-content: center; align-items: center; }     .enCJI { width: 120px; }   .tiRGj { width: 170px; font-size: 85%; display: block; padding: 7px 9px; }   .vBmXc { padding: 2px 0px; display: flex; }   .xobre { min-width: 80px; display: block; }   .kuWce { width: 130px; font-size: 85%; display: block; padding: 7px 9px; }   .izCuS { width: 75px; }   .soDi5 { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100; background: #d0e0f080; backdrop-filter: blur(1px); }             .b3tCQ { cursor: pointer; color: #2050a0;; }     .jP74w { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 30px 40px; background: #00005010;backdrop-filter: blur(8px);; z-index: 100; direction: rtl;}   .z4Yek { 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; }       .babBD { top: 0px; left: 0px; display: flex; flex-direction: column; min-width: 200px; overflow: auto; overflow-y: scroll;}   .msJiq { top: 0px; left: 0px; background: #f0f5ff50; width: 170px; overflow: auto; }   .s43UJ { display: none !important; }       .cgECs { height: 42px; background: #faffff80; border-bottom: 1px solid #2050a050; display: flex; box-shadow: 0px 1px 10px #20406040; z-index: 10;}   .sP70O { display: flex; justify-content: center; align-items: center; }   .oEYBw { width: 40px; height: 40px; margin-bottom: 1px; background: #a0203020; color: #a10; border-radius: 7px; font-size: 25px; transition: .25s; cursor: pointer;; }   .biHCl { padding: 0px 5px; flex-grow: 1; display: flex; justify-content: start; }   .t12Su { padding: 0px 10px;border-left: 1px solid #4060a050; }   .fuRp6 { display: block; padding: 4px 10px;margin: 0px 6px; border-radius: 4px; font-size: 90%;; color: #ffffff !important; background: #0090f0; border: 1px solid #0050d0; }   .fuRp6:hover { background: #0000ff; border: 1px solid #0000a0; }   .nh6YW { padding: 10px; background: #00a0f020;color: #0050b0; cursor: pointer; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .jXSo3 { padding: 10px; background: #ffb00020;color: #604000; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .frzfJ { padding: 10px; position: absolute; top: 50px; right: 10px; left: 10px; background: #fffffff0; box-shadow: 2px 5px 20px #20406040; display: none; }   .jXSo3:hover > .frzfJ { display: block;}     .o91je { position: relative; display: flex; flex-grow: 1; overflow: hidden; }     .o56tV { height: 40px; min-width: 900px; display: flex; background: #f0f5fa50; padding: 0px 7px 0px 25px;}   .dSHrx { height: 100%; padding: 8px; display: flex; align-items: center; background: linear-gradient(to right, #ffffff20, #0080a010); border-left: 1px solid #4060a030; }   .cLPRN { width: 250px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .rBEmL { width: 200px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .iOYGO { width: 100px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }   .mQGOb { width: 60px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }     .f7pLr { width: 90px; overflow: hidden; justify-content: center; ; }   .wgnmW { width: 90px; overflow: hidden; justify-content: center; border-left: 4px solid #4060a025 !important; ; }   .bw3gn { flex-grow: 1; min-width: 900px; }       .yFumI { min-width: 900px; background: #ffffff80; box-shadow: 1px 2px 8px 1px #00408030; margin: 6px 6px ; border: solid 1px #30507030; border-radius: 7px; overflow: hidden;; }   .qLRCb { display: none !important; }   .usgyQ { 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; }   .jhFLA { font-size: 85%; opacity: .85; padding: 1px 6px 0px 0px; }   .ves1g { display: flex; border-bottom: solid 1px #20406020; font-size: 94%; }   .sGO3E { border-top: 4px solid #4060a025 !important; font-size: 85%;; opacity: .85; }   .wSzeI { background: #f5f5ff; }   .jcA8H { height: 35px; padding: 8px; display: flex; align-items: center; border-left: 1px solid #4060a030; white-space: nowrap;}     .tUm3Q { min-width: 900px; background: #ffffffa0; display: flex; padding: 0px 7px 0px 25px; border-bottom: solid 1px #20406030;; }       .wOSoJ { direction: ltr; color: #072; text-shadow: 0px 1px 12px #00ffa085; background: #00d08007; outline: 1px solid #00f00025; outline-offset: -1px }   .ir8S2 { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff808085 ; background: #d0000006; outline: 1px solid #f0000025; outline-offset: -1px; }     .o5Lip { margin: 6px; border: 1px solid #20406050 ; border-radius: 8px; overflow: hidden; background: #ffffff80}   .dGHMH { padding: 5px 10px; color: #5000a0; background: #ffffff60; box-shadow: 0px 1px 10px #00206050; }   .qU1hM { padding: 1px 3px; color: #708080; cursor: pointer; display: flex; transition: .2s }   .leHYh { padding: 4px; flex-grow: 1;; }   .oMtvw { padding: 4px; }   .lCvuT { color: #038; text-shadow: 0px 1px 12px #40a0f0; }     .wY7BJ{ display: flex;}   .tBT7X{ 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;  }    .qsEfX { background: #f5faff; }  .o8qoZ { background: #f0f5fb; }      .rXQTL { color: #102040; }  .ize9d { color: #405060; }        .fCgiN { box-shadow:2px 5px 10px #00205030, 1px 2px 3px #00305020; outline: 1px solid #5070a040; }  .fCgiN > div:hover { box-shadow: inset 0px 0px 8px #b0d0f0 !important; }  .fCgiN > div:nth-of-type(even) { background: #d5eaf560; background: linear-gradient(to top, #d0e0f080, #ffffff00); }  .fCgiN > div:nth-of-type(odd) { background: #ffffff20; background: linear-gradient(to top, #fffffff0, #ffffff00); }  .fCgiN > 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;}  .wWgMT { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .wWgMT:hover { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .ob4f0 { background: #00b0b0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .ob4f0:hover { background: #00a0a0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }        .fCgiN {   margin:0px !important; direction: rtl; text-align: right; transition: .2s;   align-content: center; white-space:nowrap ; height:34px;   display: flex; line-height: .9;  }  .zzYEp { position: relative; z-index: 1000; box-shadow: none; }  .ktS9J { 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;  }  .fDX71  {   right: auto; left: 0px;;  }  .qYBCq { cursor: pointer !important; }  .u6n3h { font-size: 85%; line-height: 1 !important; }  .v9ogE { font-size: 75%; line-height: .95 !important; }    .fCgiN > div:hover > .ktS9J { display: block; }      .ktS9J { background: #ffffff; box-shadow: 2px 2px 10px #a0b0c0; }      .ttmtj:nth-of-type(even) { background: #f2f7fc85; }  .ttmtj:nth-of-type(odd) { background: #ffffff85; }    .ttmtj{ height: 100%; border-left: 1px solid #20406030;}        .aWP3Z { border-top: dashed 1px #a0a000; font-size: 90%; color: #700080; }      .hXAsO { 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; }  .hXAsO:hover { background: #f0a000 !important; color: #fff !important; text-shadow: 1px 2px 8px #b08000; outline: 2px solid #805000; outline-offset: -2px ; }                                        .qiMen  {     --gcCvY : #d0e0f020;   --sCR27 : #f6fbffd8;   --mVOtx : #f5f9fdd0;   --j8r9Q : 0px 0px 15px #20406025;     --xksNA : #ffffff10;   --xTTqX : 1px solid #a0b0c010;   --lGltp : #ffffff;   --m5Jas : 1px solid #2050a030;       --rT9LG: #f0000005;   --xEw9g: #a02010;   --hXn7r: #d0002020;   --sGfor: #c03000;     --uMTWX: #f0a00005;   --kBeiG: #805000;   --jBht8: #f0a00020;   --rnQs3: #a08000;     --sWG5o: #00e00005;   --beTC4: #009040;   --d1DGt: #00b04020;   --rBs6g: #00b050;     --rfINP: #0080f005;   --vBvRn: #0040a0;   --sHLzZ: #00a0ff20;   --vz42q: #0050b0;       --ac3St: #a0c0d010;       --y1alN: #20406010;   --iImNi: #20406020;   --qhfBN: #20406030;   --jdFCk: #20406040;   --ekuab: #20406050;       --zs1fu: #00408020;   --cuTOu: #00406020;   --cPtdn: #00406030;   --o5cWc: #00406050;       --gXmc6: #20406010;   --ejRJC: #20406020;   --eveJH: #20406030;   --oneQd: #20406040;   --pXq41: #20406050;       --r8QZb: #ffffff10;   --o8r0D: #ffffff20;   --ol8zv: #ffffff30;   --sIN8o: #ffffff40;   --azNFF: #ffffff50;   --koZTu: #ffffff80;   --ud0rx: #ffffffa0;     --a10es: #f5faff10;   --j45xi: #f5faff20;   --hFXLP: #f5faff;         --ipU0b : #ffffff;   --u6vj6 : #00a0ff !important;   --mtb2N : inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important;         --yNar6: #0080d0;     --wv0dR: #003060;    }              .qgb9O{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 7px; }  .lsIT2{ background: #00a0a0; cursor: pointer; }  .umLUT{ color: #ffffff; font-weight: bold; text-shadow: 1px 1px 7px #005050; }      .x9vgC {   background: linear-gradient(135deg, #ffcc33, #ff6699);   color: white;   padding: 20px; border-radius: 10px;   max-width: 600px;   margin: 20px auto;  }  .i7ZsI { color: #fff; font-weight: bold; margin: 20px 5px; text-shadow: 1px 1px 12px #b000a080; font-size: 22px; }  .sWaiv {   font-size: 20px;   font-weight: bold;   margin: 15px 0;   color: #ff3366;  }  .eALTS {   background: #ffffffb0;   color: #123;   padding: 15px;   border-radius: 8px;   margin-top: 15px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);  }  .ze5QD {   font-size: 16px;   color: #555;   margin: 10px 0;   line-height: 1.6;  }  .yGrQ4 {   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; }  .t2Wrh { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }  .m7dsa { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }    .iQA4O { position: relative; width: 100%; height: 100%; overflow: hidden;; }      .Notification{display: none !important}  .load_spin { display: none !important; }  #ModalWindowOuter2 { display: none !important;}        .q2boW { padding: 0px; transition: .3s; cursor: pointer; border: 1px solid #50607020; display: flex; position: relative; }  .z1nEf { max-width: 150px; white-space: nowrap; overflow: hidden; }  .ih32n { display: none; position: absolute; top: 0px; right: 99%; max-height: 200px; overflow: auto; background: #fffffff0; min-width: 150px; border: 1px solid #20406030; box-shadow: 1px 2px 5px #50608030; }  .q2boW:hover { background: #00a0ff30; color: #002070; border: 1px solid #0060a060; }  .q2boW:hover > .ih32n { display: block; }  .cGaWv { width: 30px; min-height: 20px; display: flex; justify-content: center; align-items: center; opacity: .7; transform: scale(0.9) translate(1px,-2px); }  .cyX3a { padding: 2px 6px; font-size: 90%; flex-grow: 1; }  .k5jtk { direction: ltr; text-align: right; }          .xSnyX { margin-bottom: 10px; }  .eAE8Z { padding: 15px ; }  .w9Zkt { padding: 15px 20px; }    .aWvH5 { cursor: pointer; background: #f0f5faa0; position: relative; display: flex; transition: .2s;   border-bottom: 1px solid #20406020; height: 75px;   border-top: 1px solid #20406020;   margin: 1px 0px;;  }  .aWvH5:hover { background: #ffffff; z-index: 5; box-shadow: 1px 2px 20px #20407030; }  .sDSPJ { background: #e0f0ff !important; height: 30px;; cursor: auto !important; border: 1px solid #20406040; background: linear-gradient(to bottom, #ffffffa0, #d0e0ffa0 ) !important; z-index: 10; padding: 5px 0px; box-shadow: 1px 5px 15px -5px #20406070 !important; margin-bottom: 5px; }  .iRqg1 { overflow: hidden; white-space: nowrap; direction: ltr; position: relative; border-left: 1px solid #20406030; display: flex; justify-content: center; align-items: center; }  .cv2z3 { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 0px; }  .gG2sA { padding: 8px 0px; }  .x5bEa { opacity: .9; font-size: 85%; padding: 5px 0px; }  .rjU13 { width: 100%; flex: 1; display: flex; align-items: center; direction: ltr; padding: 0px 6px;; position: relative; }  .i6XZj { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; padding: 0px 6px;; position: relative; }  .wAjkG { padding-left: 10px; font-size: 90%; }  .yxUX0 { font-size: 85%; }  .d1qsg { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .vV8TY { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .s1r5x { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0ff50; }  .rmRrC { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a02025; }  .m3QlR { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #b0002020; }  .oJMuc { z-index: 100; }  .r9hyE { direction: rtl; font-size: 105%; color: #204070; }    .qoqDi { background: #00b03005; text-shadow: 1px 2px 10px #00a03060 ; }  .wHxjy { background: #e0100005; text-shadow: 1px 2px 10px #d0100060 ; }    .uJEFO { padding: 0px; }        @media (max-width: 700px)  {  .a0kZx { display: none; }  }      .t2nYH { position: absolute; left: 45px; display: flex; height: 33px; padding: 0px 4px; background: #fff0f0;   border-radius: 0px 0px 3px 3px; box-shadow: inset 0px 0px 20px #ffffff, 1px 1px 4px #60006060;   animation: 1s fkWTI 1; transition: .25s; transform: translate(0px,0px); outline: 1px solid #f0a0f0;  }  .aOAao { transform: translate(0px,-1px) scale(.9) !important; }  .eAQGa { transform: translate(-2px,-2px) scale(.8) !important; }    .f7G7o { 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; }  .f7G7o:hover { height: 40px; padding: 0px 6px; opacity: 1; border: 1px solid #008050a0; background: #ffffff; color: #00a050; box-shadow: 0px 0px 8px #0040a050;}    .rFBDX { position: absolute; left: 0px; height: 0px; top: 40px; }  .agI29 { 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 kdCib 1; animation-fill-mode: forwards;   background: #fff; transform: translate(-400px,0px); min-width: 320px; max-width: 350px; }   .wktxN { border-right: 4px solid #c00020; color: #800010; }   .j0Bq6 { border-right: 4px solid #00a060; color: #006010; }  .a7g5w { animation: 5s kdCib 1; animation-fill-mode: forwards; }  .smvMR { animation: 6s kuFoG 1; animation-fill-mode: forwards; }  .pe5vX { animation: 7s kuFoG 1; animation-fill-mode: forwards; }  .kyIAV { animation-delay: 0.5s; }  .x1yFA { animation-delay: 1s; }      .hqElQ { display: flex; height: 100%; }  .kULx7 { width: 200px; padding: 0px !important; border: 1px solid #ffa000 !important; overflow: hidden !important; }   .eiNb8 { position: relative; transition: .2s; padding: 8px 2px 2px 2px !important; cursor: pointer; background: linear-gradient(to bottom,#ffa0e0e0, #fff0e0e0); }   .eiNb8:hover { background: linear-gradient(to bottom,#f080e0, #ffead0); }   .anNnI { padding: 3px 2px !important; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); }  .sgkyq { height: 100%; }  .ySm7C { height: 100%; border-radius: 10%; }  .g4Yma { height: 100%; aspect-ratio: 1/1; min-width: 30px; transition: .2s; color: #506070; }  .gNklh { height: 100%; padding: 0px 5px; min-width: 35px; overflow: hidden; display: flex ; flex-wrap: nowrap ; align-items: center; justify-content: center; }    .yQz4P { font-size: 85%; }  .nfRSP { opacity: .5 ; }  .dG2tV { opacity: .85 ; color: #00a030; }  .tJ9Nu { opacity: .85 ; color: #d0c000; }  .oRrJy { opacity: .85 ; color: #d01000; }    .lbhJg { position: absolute; top: 5px; left: 5px; color: #d02000; animation: 1.5s lbhJg 1; opacity: 0; }  .q5A8L { position: absolute; z-index: 1000; top: 5px; left: 8px; color: #008040; animation: 1.2s q5A8L 1; opacity: 0; }      .myExitIcon1 { transition: .2s; color: #a06070; height: 100%; width: 40px; }  .myExitIcon1:hover { color: #b00020; background: #f0405020 }  .xnfZQ { height: 100%; }  .bWMnU { height: 100%; transition: .2s; min-width: 35px; }  .ia1wl { transform: scale(1.1) translate(0px, 2px) !important; opacity: .7; }  .bWMnU:hover { background: #f0e0ff; }  .myExitExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap;}  .myExitExtraItem1:hover { background: #f0405030 ; color: #600000; }                  .fj0cH{ z-index: 14000; position: absolute; top:0px !important; left:0px !important; right: 0px ; bottom: 0px; overflow: hidden;}  .tyics{ z-index: 14000; position: absolute; top:30px !important; left:0 !important; right: 2px ; bottom: 26px; }  .wDufB{ z-index: 14000; position: absolute; top:32px !important; left:0px !important; right: 0px ; bottom: 0px;}  .aytWc{ bottom: 0px; top: 0px !important; }  .cRe5a{ overflow: auto; }    .hD5FR{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}  .fCA3t{ width: 100%; height: 100%; position: relative;}  .t2bh5{   z-index: 2;   background: #f5fcffd0;   box-shadow: 0px 12px 15px -12px #20406020;  }  .yVkOb{ z-index: 2; }  .bfcVE{ flex-grow: 1; overflow: hidden; z-index: 1; position: relative; }    .nO16S { 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;}  .b1qfD { position: relative; z-index: 2;height: 30px; font-size: 85%; margin: 3px 0px; max-width: 90%;display: flex; direction: rtl; text-align: right;}    .vgye7 { height: 100%; max-height: 32px; line-height: 1.1; 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;}    .vgye7:hover{ background: #ffffff50; border: 1px solid #a0b0c050; z-index: 10;}    .keAgO { min-width: 20px; animation: .4s keAgO 1 ; max-width: 180px;}  .vgye7:hover > .keAgO { max-width: fit-content}  .c56sF { min-width: 20px; animation: .4s keAgO 1 ; max-width: 225px;}  .jUtxp { font-weight: bold;}  .a0kZx { font-size:75%; animation: .4s keAgO 1 ; }  .zbWlh { font-size:85%; animation: .4s keAgO 1 ; }    .zrIXf { display: flex; height: 100%; padding: 1px; }     .b7t82{   height: 100%; background: #00a0ff20; position: relative; z-index: 100;   margin: 0px 2px 0px 2px; font-size: 110%; outline-offset: -1px; overflow: hidden;   outline: 1px solid #c000a050; padding: 0px 7px; border-radius: 3px;   display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;   }   .b7t82::after { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -2; background: #ffffffa0; }   .b7t82::before { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -1; opacity: 0.6; transition: .2s; }   .b7t82:hover{ opacity: 1; }   .b7t82:hover::before{ animation: q6S93 3s linear 1; opacity: 1; }     .qMsG4{ outline: 1px solid #c000a050; color: #600040; }   .qMsG4::before{ background: #00a0ff30; background:linear-gradient( -45deg,#ffa0f0,#ffffff,#ff80e0 ); }   .qMsG4:hover{ background: #00a0ff30; outline: 1px solid #d000a0a0; }     .wJ7xO { position: relative; }     .clFit { outline: 1px solid #0050a050; color: #001070; }   .clFit::before { background: linear-gradient( -45deg,#80c0ff,#ffffff,#b0d0ff ); }   .clFit:hover { outline: 1px solid #0050f0a0; }     .miQA0 { outline: 1px solid #00a05050; color: #006000; }   .miQA0::before { background: linear-gradient( -45deg,#50f0e0,#ffffff,#a0f0e0 ); }   .miQA0:hover { outline: 1px solid #00d050a0; }   .ev5vM { opacity: 0.6;}     .nTvlj { outline: 1px solid #90600060; color: #605000; }   .nTvlj::before { background: linear-gradient( -45deg,#e0a000,#ffffff,#f0d080 ); }   .nTvlj:hover { outline: 1px solid #a05000a0; }     .hMJNn { 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 ; }   .aIrHV { display: block; transform: translate(0px,0px); }   .awtss { padding: 5px ; display: flex; justify-content: center; }   .jr6ED { padding: 10px 10px; }   .l3bj5 { border: 1px solid #20406030; margin: 7px 5px; box-shadow: 2px 5px 10px -4px #20406020, inset 0px 0px 5px #fff; background: #ffffff50; border-radius: 3px; position: relative; z-index: 1; }   .l3bj5:hover { z-index: 22; }   .u3qTq{ opacity: 0.7; }   .mI29H { display: flex; z-index: 10; height: 32px; position: relative;; border: 1px solid #20406020; background: #e0f0ff10; }     .ieYDf { border-right: 3px solid #b000b0 !important; }   .o5i2Q { border-right: 3px solid #00a0ff !important; }   .pfuUS { border-right: 3px solid #00c050 !important; }   .oVbzD { border-right: 3px solid #ff2030 !important; }     .gkHnr { opacity: 1 !important; color: #d00000 !important; }   .gkHnr > .gg-heart { background: #ff7080; }   .gkHnr > .gg-heart::after { background: #ff4050; }   .gkHnr > .gg-heart::before { background: #ff4050; }     .nY1aW { display: flex; transition: .2s; cursor: pointer; height: 100%; align-items: center; padding: 0px 12px 0 0; min-width: 80%; background: linear-gradient(to right, #e0f0ff00, #e0f0ff00, #00a0ff10 ); }   .nY1aW:hover { background: linear-gradient(to right, #e0f0ff00, #ffffff50, #00a0ff30 ); padding-right: 16px; }   .mx3km { display: flex; height: 100%; align-items: center; padding: 0px 0px 0px 5px; background: linear-gradient(to right, #f5faff50, #f5faff50 ); position: absolute; top: 0px; left: 0px; bottom: 0px; }   .s5mwg { height: 100%; }   .xzAuE { transition: .2s; opacity: .8; font-size: 90%; padding: 0px 3px; margin: 0px 2px; display: flex; height: 100%; align-items: center; border-radius: 0px; cursor: pointer; }   .sjiqW { display: flex; height: 100%; transition: .5s; opacity: .65; width: 25px; justify-content: center; align-items: center; }   .v1ioV { display: flex; height: 100%; padding: 0px 2px 0px 4px; justify-content: center; align-items: center; }   .xzAuE:hover { background: #00a0ff20; opacity: 1; }   .xzAuE:hover > .sjiqW{ color: #0020f0; transform: scale(1.2) rotate(360deg); }   .xzAuE:hover > .v1ioV{ color: #0020b0; }     .r9luO { display: flex; transition: .2s; padding: 0px 7px; height: 25px; font-size: 90%; cursor: pointer; overflow: hidden; opacity: .75; background: #ffffff30; }   .r9luO:hover { opacity: 1; background: #ffffff50; }   .zgs2g { white-space: nowrap; padding: 0px 5px; display: flex; align-items: center; height: 100%; background: linear-gradient(to right,#ffffff50, #a0d0ff10); }   .y7Teo { padding: 2px 0 0 3px; font-size: 85%; }     .hOrVm { display: none; padding: 7px; flex-wrap: wrap; }     .zqHsg { border: 1px solid #0040a050; margin: 12px 5px; background: #fff; box-shadow: 2px 5px 15px -5px #20406020; }   .zqHsg > .r9luO { display: none; }   .zqHsg > .hOrVm { display: flex; }        .oFGjA{ background: #ffa00000; cursor: pointer; outline: 1px solid #f0002010; margin: 0 5px; padding: 0px 6px; outline-offset: -1px; }  .zn3by{ background: #ff005000 !important; opacity: 1; cursor: auto; outline: 1px solid #f0002020 !important ; }  .oFGjA:hover{ background: #ff000015; opacity: 1; }          .lkp7x { display: flex; height: 100%; padding: 1px 0px; align-items: center; }   .rFwDk { padding: 6px; color: #204060 !important; background: #ffffffe0; width: 275px; }   .mIGbi { margin-right: 2px; 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; }   .iOk6T { border: 1px solid #f050c0a0; background: #fff5fa; color: #800000; }   .c6COi { border: 1px solid #20a0c0a0; background: #f0faff; color: #006030; margin-right: 5px; }   .u4BeQ { color: #004080; }   .mIGbi:hover { border: 1px solid #0000f0; }   .iOk6T:hover { border: 1px solid #f050c0; }   .c6COi:hover { border: 1px solid #20a0c0; }   .w65Q1 { border: 1px solid #0000f0 !important; background: #fff !important; }     .cgYzu { display: flex; height: 100%; padding: 1px 0px; align-items: center; transition: .3s; width: 0px; }   .vN5vC { padding: 1px 5px; width: 100px; }   .leohb { height: 100%; min-width: 35px; padding: 0px 4px; display: flex; justify-content: center; align-items: center; }   .ix02T { width: 50px !important; }      .lZ6Qk { display: flex; flex-wrap: nowrap !important; align-items: center; padding: 0px 6px; }  .rGnP5 { display: flex; flex-wrap: nowrap !important; white-space:nowrap }  .s1LL7 { display: flex; flex-wrap: nowrap !important; height: 100%; }  .hbslB { font-size: 90%; }  .q97sj { font-size: 80%; }    .jbwT5 { display: flex; padding: 0px 5px; }  .xrg32 { display: flex; align-content: center !important; justify-content: center; padding: 0px 5px; line-height:1.1; flex-wrap: wrap; }  .n04Cl { position: relative; cursor: pointer; }  .xS00F { position: absolute; opacity: 0; animation: op7pJ 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; }  .xrg32:hover > .xS00F { display: flex; }    .fpNME { padding: 0px 6px 1px 8px; font-size: 90%; white-space: nowrap; border-radius: 0px 5px 5px 0px; }  .fV6Wb { color: #065; padding: 2px 5px 0px 5px }  .aDofq { color: #05a; background: linear-gradient(to left, #00aff020,#00aff010) !important; border: 1px solid #0050af40; border-left: none; border-right: none; border-top: none; }  .aDofqt { margin-right: 4px !important; border: 1px solid #0050af40; border-left: none; border-top-style: dashed; }  .aDofqb { background: #00aff010; }  .pcwiv { color: #082; background: linear-gradient(to left, #00b05020,#00b05010) !important; border: 1px solid #00803040; border-left: none; border-right: none; border-top: none;}  .pcwivt { margin-right: 4px !important; border: 1px solid #00803040; border-left: none; }  .pcwivb { background: #00b05010; }  .xE4i4 { color: #c01; background: linear-gradient(to left, #ff500020,#ff500010) !important; border: 1px solid #c0001040; border-left: none; border-right: none; border-top: none;}  .xE4i4t { margin-right: 4px !important; border: 1px solid #c0001040; border-left: none; }  .xE4i4b { background: #ff500010; }  .e6VPY { color: #554; background: linear-gradient(to left, #a0a08020,#a0a08010) !important; border: 1px solid #60605040; border-left: none; border-right: none; border-top: none; }  .e6VPYt { margin-right: 4px !important; border: 1px solid #60605040; border-left: none; }  .e6VPYb { background: #a0a08010; opacity: .85; font-size: 85%; }        .z52xu{ margin-right: 8px !important }    .qZoIa{ left: 355px !important; }      .wVEWJ { padding: 14px; }  .vpgxs { display: flex; font-size: 105%; padding: 2px 5px; }  .gbwLV { display: flex; margin: 10px 7px; justify-content: center; padding: 4px 10px; }   .xNEN6 { max-width: 50% !important; height: 28px !important; }    .tcVuB { display: flex; flex-wrap: wrap; min-width: 202px; }  .kv4GO { width: 30px; display: flex; justify-content: center; align-items: center; }    .di6pM { padding: 4px; cursor: pointer; display: flex; position: relative; }   .tHvNw { min-width: 55px; padding-top: 2px; font-size: 85%; }   .ujsVt { min-width: 90px; font-size: 105%; }   .n5meU { min-width: 50px; text-align: left; direction: ltr ;}        .htFW7{ z-index: 1 !important; font-size: 14px; }  .htFW7 > div { position: relative; display: flex; flex-wrap: wrap; flex-direction:column; padding-top: 5px;; }  .rUyao{ z-index: -1 !important; position: absolute !important; top: 0px; right: 0px; bottom: 0px; display: flex; background: #ffffff35;}  .yiBGt{ right: 3px !important }    .htFW7  {   background: #f0faff60;   direction: rtl !important; text-align: right !important;   width: 100%; height: 100%; overflow: auto;  }  .n2rat { left: 355px !important; }                        .iHDaS { height: 100%; display: flex; align-items: center; width: 100%; }  .r4zvU { height: 100%; display: flex; padding: 0px; }   .v6rON { height: 100%; flex-grow: 1; position: relative; }   .owGBp { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; }   .yltWl { height: 100%; width: 100%; position: relative; display: flex; }   .wXXVq { transform: translate(0px,30px); transition: .8s; background: #f6fafe; z-index: 2; }   .q4hqd { transform: translate(0px,0px); }   .xl242 { display: flex; transition: .2s; position: relative; padding-left: 30px; height: 100%; border-right: 1px solid #20406040; background: linear-gradient(to right, #ffffff, #e0f0ff); align-items: center; margin: 0px; }   .xl242:hover { border-right: 1px solid #2040a060; background: linear-gradient(to right, #ffffff, #a0e0ff); }   .padGD { display: flex; cursor: pointer; position: relative; padding: 0px 4px; height: 100%; align-items: center; }   .wpQTi { display: flex; justify-content: center; cursor: pointer; position: absolute; left: 0px; top: 0px; height: 100%; align-items: center; }    .q2wc4 { height: 100%; display: flex; padding: 0px 5px; background: #f6fafe; }  .f6UPR{ 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 pylBo 1;  }    .p1PHO { display: flex; line-height: 1 ; height: 100%; align-items: center; padding-right: 9px;position: relative; }  .pxzCT { padding: 4px 6px !important; white-space: nowrap; }   .jY1E1 { align-items: center; white-space: nowrap; display: flex; }    .irDLb {display: flex; height: 100%; max-height: 40px; justify-content: center; align-items: center;}    .wOhHD { left: 355px !important; }  .uDWf0 { display: flex; height: 100%; position: relative; font-size: 110%;; }   .c8CMf { padding: 0px 7px !important; }   .znJlm { position: absolute; bottom: 0px; height: 5px; }  .gyXXe { 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;  }  .wSfDb { background: linear-gradient(to top, #5060ff, #00a0ff); padding: 0px 0px 0px 8px; font-size: 115%; }  .bfZkH { position: relative; height: 100%; }   .tn2Nk { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; }  .xSYYj { height: 100%; min-width: 80px; width: auto; padding: 0px 5px; justify-content: flex-start; direction: ltr; }  .vNeS3 { height: 100%; width: auto; direction: ltr; }  .agfi4 { color: #007090; }  .vrBgN { 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;}  .dtBaR { position: absolute; padding: 3px; left: 1px; bottom: -5px; border-radius: 50%; background: #ffffff50; z-index: 100; ; }  .gyXXe:hover { z-index: 2;}  .dicwz { font-size:75%; opacity: .9; padding-left: 5px; }   .kbeGU { color: #fff; }   .ex6Bj { padding: 0px 5px; margin-left: 6px; background: #ffffff50; height: 100%; display: flex; justify-content: center; align-items: center; }  .mNkOg { width: 42px; min-width: 40px; }  .gw8zu { opacity: 0.7; transform: scale(.9); }  .lmNCM { transform: scale(.95) translate(8px,0px); }  .mNkOg:hover >div > .gw8zu { opacity: 1; }  .gw8zu:hover { opacity: 1; }    .muhxj { padding: 7px 10px !important; font-size: 110%; color: #002050; background: #ffffffa0 !important; display: flex; justify-content: center; align-items: center; }  .f9vOo { padding: 0px 9px 5px 9px !important; font-size: 94%; opacity: .95; white-space: normal !important; }  .oUj1E { display: flex; border-bottom: 1px dashed #20406030; padding: 0px !important; background: linear-gradient( to right, #ffe0f050,#ffffff80 ,#d0fafa80 ) !important;}  .rorUH { justify-content: center; align-items: center;}  .hzeGx { display: flex; width: 105px; padding: 5px 10px; border-left: 1px dashed #20406030; }  .qixN6 { display: flex; padding: 5px 10px; white-space: normal; width: 150px; }    .wZD81{ color:#607090; opacity: .3; }  .sDYQ7{ color: #f00000; }  .sNriq{ color: #f0a000; }  .h0Vlj{ color: #008020; }      .iaQvu{ white-space: nowrap; display: flex; justify-content: center; align-items: center; }  .yfuiA { cursor: pointer; transition: .2s; opacity: .8; padding: 0px 10px 0px 0px; transform: scale(.9) translate(0px, -2px); }  .yfuiA:hover{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px); }      .gyXXe:hover > .vlNhb{ display: block; bottom: 100%; ; }      .sioZO { padding: 0px 6px; font-size: 95%; display: flex; justify-content: center; align-items: center; }  .tx3pS { width: 10px; height: 10px; border-radius: 50%; background: #e00000; margin: 2px 2px 4px 3px; opacity: .6; }  .yFFr2 { width: 10px; height: 10px; border-radius: 50%; background: #e0b000; margin: 2px 2px 4px 3px; opacity: .6; }  .axe1N { width: 10px; height: 10px; border-radius: 50%; background: #c000c0; margin: 2px 2px 4px 3px; opacity: .6; }  .jZ2eH { width: 10px; height: 10px; border-radius: 50%; background: #008020; margin: 2px 2px 4px 3px; opacity: .6; }  .re6xc { width: 10px; height: 10px; border-radius: 50%; background: #f0f020; margin: 2px 2px 4px 3px; opacity: .6; }  .jmwcv { width: 10px; height: 10px; border-radius: 50%; background: #c05050; margin: 2px 2px 4px 3px; opacity: .6; }  .mUHJt { width: 10px; height: 10px; border-radius: 50%; background: #708090; margin: 2px 2px 4px 3px; opacity: .6; }  .qJe0p { color: #e00000; padding: 3px 2px 2px 2px; font-size: 80%; }  .n8e3C { color: #204060; padding: 3px 2px 2px 2px; font-size: 80%; }  .rox19 { padding-right: 4px; }              .pEaEm { position: relative; overflow: hidden; }  .rzfoY { position: absolute; opacity: 0; transition: .2s; max-height: 500px;overflow: auto; padding: 1px; }    .rzfoY { background: #fffffff0; box-shadow: 2px 3px 8px #80a0b0a0; border: 1px solid #ffffff60; }  .xFgIn { padding: 7px; }  .hIJ7E { white-space: nowrap; }    .feRfo { background: #201040f0;border: 1px solid #f0f0f050; box-shadow: 5px 10px 30px #004040}  .rzfoY > div { padding: 5px 10px; transition: .2s; }  .kHWdA { padding: 0px; }  .zrchF { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .nr6l3 { opacity: .6; background: #50607010;}  .l51pM { opacity: .8; background: linear-gradient(to right, #ffffff00, #ffffff00, #50a0ff20); padding-right: 6px !important; border-right: 3px solid #00a0ff; border-radius: 4px; }  .tqPjF { cursor: pointer; transition: .2s; }  .tqPjF:hover { background: #e5f2ff; background: linear-gradient(to top, #00a0f020, #a0c0f010, #00a0f010) !important; outline: 1px solid #80b0ff; outline-offset: -1px ; }  .toA61 { opacity: .7; }    .xJkHQ { display: flex;}    .aWP3Z { margin-top: 5px; width: 300px; padding: 5px; white-space: normal; }    .d04E9 { top: 99%; right: 0px; transform: scale(.9) translate(20px, 8px); }  .wrwO5 { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .zvosE { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .mUStB { top: 125%; }  .xaPoT { bottom: 99%; right: 0px; transform: scale(.9) translate(20px, -8px); }  .p82QZ { bottom: 99%; left: 0px; transform: scale(.9) translate(-20px, -8px); }  .hXAsH { bottom: 125%; }  .pjHEz { top: 125%; }    .pEaEm:hover { overflow: unset; }  .xw11v { overflow: unset; }  .pEaEm:hover > .rzfoY { opacity: 1 !important; transform: scale(1) translate(0,0); }  .pEaEm:hover > .zvosE { opacity: 1 !important; transform: scale(1) translate(-100px,0); }  .wFndu { opacity: 1; transform: scale(1) translate(0,0); }    .feRfo { white-space: nowrap; font-size: 80%; }      .mF9lT { width: 100%; padding: 5px 0px 1px 0px; flex-direction:column; position: relative; display: flex; }  .uuCPt { width: auto !important; padding: 5px 0px 1px 0px; flex-direction: row !important; position: relative; display: flex; }  .sxQ30 { }  .mNQlT { flex-direction: column-reverse !important; }  .rGF88 { 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 }    .x2RET { border-right: 4px solid #0010f060 }  .kFQEu { border-right: 4px solid #00e01060; }  .nvnXL { border-right: 4px solid #f0002060; }    .rCec8 { border: 1px solid #20406050; border-radius: 4px; overflow: hidden; margin: 4px;; }    .pi1mL { align-content: center !important;display: flex !important;   background: #f8fafcd0;   outline: 1px solid #00204025;  }  .rYSEn {   box-shadow: 0px 0px 5px #20406020; margin: 2px 0px;   outline: 1px solid #00205050;  }    .pi1mL:hover { background: #2080ff20 !important; }  .yOuI8 { background: #ffe0e8; display: flex; overflow: hidden; }  .gTWqs { display: flex; align-items: center; padding: 0px 6px; height: 100%; }  .m9fHx { background: #fff0ff50; width: 50px; font-size: 90%; color: #d00000; justify-content: center; }  .oBlW7 { background: #ffffff50; width: 100px; }  .gMQNI { background: #ffffff50; font-size: 85%; }    .fmdfz { outline-offset: -1px; ; }    .uhqgU {   background: #00a0f020 !important;   background: linear-gradient(to top, #00a0f020, #a0c0f010, #00a0f010) !important;   border-right: 1px solid #00206060 !important;   border-radius: 3px;   color: #0030a0;     outline: 2px solid #0080e0a0;   margin: 1px 0px;   outline-offset: -1px;  }      .v38gd { animation: .2s v38gd 1 ;padding: 10px 8px; }  .zD1Ox { display: flex; flex-wrap: wrap; padding: 7px 1%; }  .zChew { display: flex; flex-wrap: wrap; padding: 15px 12px 10px 10px; }  .q2fQU{ margin: 5px; border: 1px solid #50607030; box-shadow: 3px 3px 5px #5070a020; background: #fff; }  .xQGwl{ border: 1px solid #a0000020; box-shadow: 3px 3px 5px #a000a020; background: #f0f0f5; }  .weQoS{ padding: 10px 7px 5px 7px; font-size: 95%; color: #405070; }  .p8Z1i{ padding: 0px 5px 5px 5px; font-size: 65%; color: #708090; }  .cCtTQ{ display: flex; flex-wrap: wrap; position: relative; }  .mMzLb{ 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; }  .mMzLb:hover { border: 1px solid #50607050; opacity: 1; color: #004080; }  .j8U9R{ position: absolute; white-space: nowrap; right: 0px; top: 105%; background: #fff; box-shadow: 3px 3px 5px #5070a050;   display: none ; font-size: 13px; padding: 5px 7px; z-index: 1; }  .mMzLb:hover > .j8U9R{display: block;}  .vd3kD { border: 1px solid #5060a0; box-shadow: 3px 3px 5px #0070a050; }  .fyM3S{ position: absolute; right: 0px; top: 105%; background: #fff; box-shadow: 3px 3px 5px #5070a050;   display: none ; font-size: 13px; padding: 5px; z-index: 10; white-space: nowrap; }   .ggMcI { display: flex; height: 30px; cursor: pointer; border: 1px dashed #20406030; transition: .2s; white-space: nowrap; }   .nmX4Z { color: #800010; }   .ggMcI:hover { border: 1px solid #2040a0a0; color: #5000a0; }   .kYiW9 { display: flex; height: 100%; opacity: 0.8; width: 30px; justify-content: center; align-items: center;; ; }   .dUslO { display: flex; height: 100%; padding: 0px 5px 0px 8px; align-items: center; white-space: nowrap;; ; }   .rZtB3 { height: 25px; font-size: 90%; border-radius: 4px; margin: 0px 1px; }   .rZtB3 > .dUslO { padding: 0px 5px; }   .rZtB3 > .kYiW9 { width: 25px; opacity: .5; transform: scale(.9); }  .cv2wO{display: block;}  .kFX14{ animation: .3s kFX14 1 }  .sfeS1 { animation: .3s sfeS1 1 }  .v63XC{ color: #406080; transition: .2s; padding: 10px 15px; cursor: pointer; }  .v63XC:hover{ color: #0000a0; outline: 1px solid #40a0f0; }    .hvnJl{ padding:10px 15px; font-size: 95%; color: #405060; width: 100%; line-height: 1.7; }    .fv8Ny{ padding:10px; color: #405060; width: 100%; max-width: 700px; }  .kJVLm{ padding:2px; width: 100%; }  .pUZkM{ padding-left: 8px; }  .ngRtv{ color: #a00000; cursor: pointer; transition: .2s; font-size: 100%; font-weight: bold; padding: 0px 4px;; opacity: .9;; }  .tg1Ci{ color: #058; cursor: pointer; transition: .2s; font-size: 92%; opacity: .9; padding-right: 10px; font-weight: bold; }  .tg1Ci:hover{ color: #05a; opacity: 1; }  .ngRtv:hover{ color: #b00050; opacity: 1; }    .eCzuu { outline: 1px solid #40608025; border-radius: 3px; box-shadow: 4px 4px 10px #40507025; padding: 8px; margin: 10px 5px; background: #ffffff; display: flex; flex-wrap: wrap; }  .o01wU { display: none !important; }  .iOTD4 { padding: 6px; min-width: 80px; }  .k0vy8 { flex-grow: 1; }  .zCQ23 { display: flex; flex-wrap: wrap; padding: 7px 5px 6px 5px; font-size: 90%; }  .vWOMD { display: none !important; }  .aqMz0 { white-space: nowrap; opacity: .9; min-width: 100px; }  .vPVZd { color: #304060; flex-grow: 1; padding: 0px 10px; margin: 0px 8px 0px 0px; border-right: 1px dashed #506070a0; min-width: 100px; }  .goIfp { color: #402020 !important; opacity: .5 !important; }  .bTVLV { position: relative;; }  .ht7Q3 { 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; }  .ht7Q3:hover { opacity: 1; }  .q8v77 { width: 100%; padding: 7px 10px 4px 5px; line-height: 1.6; font-size: 95%; border-radius: 4px; border-right: 4px solid #ffa000c0; }  .ag4eZ { padding: 7px 9px 10px 15px; font-size: 85%; }  .riy2d { display: none; }    .yAQ08 { border: 1px dashed #00408080; outline: none !important; padding: 4px 7px; border-radius: 5px; box-shadow: 2px 2px 5px #40506020; }  .ycVQM { width: 100%; max-width: 800px; height: 300px; ; }  .rsjps { text-align: left; direction: ltr; }  .ygtUx { width: 50px; }    .zhrS5 { padding-right: 7px; }        .vbv7i { display: flex; }  .jNrdv { display: flex; justify-content: center; align-items: center; padding: 5px;; }  .qTvve { display: flex; justify-content: center; align-items: center; padding: 5px;; }    .eXJ74 { width: 100%; max-width: 500px;;;}  .kIjek { padding: 5px; margin: 5px; }  .sHFJC { padding: 5px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }  .sHFJC:hover { padding: 5px; margin: 5px; border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }  .ydGjJ { display: flex; padding: 2px; width: 100%; max-width: 200px; height: 34px; align-items: center; ; }  .miX7d { display: flex; min-width: 100px; padding: 0px 5px;; }  .rHUgb { width: 50px; height: 100%; direction: ltr; }  .und1R { outline: 3px solid #00a0ff; outline-offset: -1px; border-radius: 4px; overflow: hidden; }  .mAkpy { width: 100%; height: 100%; background: #ffffffa0; outline: 1px solid #20406030 ; display: flex; justify-content:center; align-items: center; }      .kOB5z { width: 100%; display: flex; flex-wrap: wrap; }      .loHnC { display: flex; padding: 7px; }   .bp04P {padding: 7px 10px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }   .bp04P:hover { border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }   .gHRvh { border: 1px solid #2040a0a0 !important; outline: 2px solid #2040f0a0; background: #ffffff !important; box-shadow: 3px 4px 15px #2040a050; cursor: auto; }      .mikgq { display: flex; flex-direction: column; border: 1px solid #20406020; width: 100%; max-width: 450px; height: 600px; background: #ffffff50; }   .uss6L { display: flex; background: #ffffff50; box-shadow: 0px 5px 15px -5px #20406030; width: 100%; min-height: 40px; height: 40px; align-items: center; justify-content: space-between; }   .aNi8N { flex-grow: 1; padding: 5px; overflow: auto; }   .jqDOw { display: none; }   .g7RYO { display: block; animation: ty814 0.25s 1; }   .xRBAN { display: flex; padding: 3px 10px; border: 1px solid #20406020; cursor: pointer; transition: .2s; }   .xRBAN:hover { padding: 2px 15px; border: 1px solid #2040a040; }   .gs9GT { padding: 2px 5px; flex-grow: 1; }   .z3UVA { padding: 2px 5px; direction: ltr; text-align: left; flex-grow: 1; }        .fqMzA { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: relative; }  .iC2Sh { 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; }  .fJVJc { opacity: 1; z-index: 2; }  .o7bDG { height: 20px; border: 1px dashed #50607050; width: 20px; border-radius: 5px; background: #f0f0f0; cursor: pointer; position: relative; }  .o7bDG:hover { border: 1px solid #5060a0e0; }  .o7bDG:after , .o7bDG:before { content: ""; position: absolute; display: none;}  .xQFoG { background: #e0f0ff; }  .e4RC4 { background: #fff0e0; }  .hxy69 { background: #2196F3; }  .sOovY { background: #ff5050; }  .hxy69:after , .sOovY:after , .sOovY::before { display: block; }  .hxy69: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);  }  .sOovY: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);  }  .sOovY::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);  }      .yUHOb{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .pindivleft1 { z-index: 19300; }  .opdivleft1 { z-index: 19200; }  .wMk1d { z-index: 19200; }  .eX4hL { z-index: 19100; }    .f6UPR{ z-index: 1900000; }    .wMtDF { z-index: 18000 }            #ModalWindowOuter1{display: none !important;}  #infop{ display: none !important; }        .wgd8X { padding:10px; display:flex; flex-wrap: wrap; }  .dJWnM { min-height: 200px; }  .aW3vB { margin: 5px; display:flex; flex-wrap: wrap; position: relative; overflow: hidden; }  .zeVwZ { padding: 5px 5px 5px 20px; font-size: 95%; color: #404060; }  .iNZXe { display: none; }  .tR96V { min-width: 145px; }  .qGgoG { padding:6px; border: 1px dashed #c0c0c0; margin-left: 2px; cursor: pointer; transition: .2s; font-size: 90%; opacity: .7; border-radius: 8px; transition: .2s;}  .qGgoG:hover { border: 1px dashed #50a0c0; opacity: 0.8; }  .qGgoGA { border: 1px solid #50a0f0 !important; color: #5080c0 !important; background: #ffffff; opacity: 1 !important;}  .dCnTj { border: 1px solid #50a0f000 !important; color: #a0a0a0 !important; background: #ffffff; opacity: .8 !important;cursor: auto !important; }    .pQnuf { border: dashed 1px #1050a030 !important; padding: 5px; margin: 0px 2px; outline: none !important; max-width: 40px; color: #5070a0; }  .pQnuf:focus { border: dashed 1px #1050a050 !important; border-bottom: solid 1px #0050a070; color: #002050; }  .tP3m5 { 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; }  .tP3m5:hover { border: solid 1px #1050a0a0 ; color: #0050a0; }  .mDVvt { display: block !important; opacity: 1; transform: translate(0,0) scale(1) ; }    .tHME3 { display: flex; justify-content: center; align-items: center;}  .pJadn { padding: 5px 8px 5px 0px;;}  .m0Efy { max-width: 80px !important;}    .o7b5B {   border: 3px solid #2040a025;   position: fixed; top: 31px; z-index: 40000;   margin-top: 2px;   min-width: 250px;   min-height: 250px;   max-width: 100%;   max-height: calc(100% - 60px);   right: 1px;   background: #f6fafd;   min-width: 200px;   box-shadow: 8px 15px 40px #00408025, 2px 2px 6px #00205050, inset 20px 20px 50px -20px #ffffff80;   display: flex; flex-direction: column;  }   .u6HyO { position: absolute; z-index: 102; }   .u6HyO:hover { position: absolute; z-index: 102; background: #80a0e0; }   .mjdA7 { top: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .cR92X { bottom: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .qbuog { top: -2px; right: -4px; bottom: -2px; width: 5px; cursor: col-resize; }   .kWXQA { top: -2px; bottom: -2px; left: -4px; width: 5px; cursor: col-resize; }  .dYaoo { min-height: 85%; }    .pmL6l {   border: 0px solid #2040a025;   width: auto !important; height: 100% !important; max-height: 100%; background: #f0f5fae0;   top: 28px !important;   max-width: 100% !important; right: 0px !important; height: auto !important; left: 0px !important; bottom: 0px !important;  }  .pmL6l > .u6HyO { display: none !important; }  .pmL6l > .o2uIC > .ad6Ns { display: none !important; }    .mTxkP { 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;  }    .bxbez { display: flex; }  .z0DoD { animation: .35s ygI3k 1 ; }  .bFT6h { animation: .3s lIpza 1 forwards ; z-index: 50315477 !important; }  .v3f64 { animation: .35s diinN 1 ; }  .xtx2I { animation: .3s tjkW8 1 ; }  .w4a3w { display: none !important; }      .oxB3c { opacity: 1; }    .r58A1  {   direction: rtl !important; text-align: right !important; top: 80px; bottom: 0px;;   display: flex; flex-wrap: wrap; position: absolute; overflow: auto; right: 0px; left: 0px;  }    .wq48T { height: 40px; z-index: 10; position: absolute; }  .aZobe { height: 40px; min-height: 40px; z-index: 5;   position: absolute; top: 40px; right: 0px; left: 0px;  }  .fkRbR { flex-grow: 1; z-index: 1; overflow: auto; padding: 6px 0px; }                    .eX4hL { 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;  }  .eX4hLA { transform: translate(0,0); opacity: 1; }  .eX4hLA { left: 0px;}    .z2E7y {   position: absolute; width: 100%; top: 0px;height: 25px; right: 0px; z-index: 100;; display: flex;   background: #f0f5ff; padding: 0px 0px;  }  .j0FpV { flex-grow: 1; display: flex; justify-content: flex-end; padding: 0px 3px;; }  .m99Bk { 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; }  .m99Bk:hover { border-radius: 4px; border: 1px solid #0040a050; color: #0050b0; background: #ffffff }  .nGABf { cursor: pointer; transition: .2s; margin: 0px 0px; height: 100%; padding: 0px 6px; opacity: .8; font-size: 85%;   border-right: 1px solid #20406025; background: linear-gradient(-45deg, #0050b015, #ffffff50);   display: flex; justify-content: center; align-items: center; }  .cmSIA { background: #50a0ff; color: #fff; opacity: 1; }    .kqSaH { cursor: pointer; transition: .2s; margin: 0px 0px; height: 100%; opacity: .8; font-size: 90%;   border-right: 1px solid #20406035; background: linear-gradient(-45deg, #00a0f010, #ffffffa0); flex-grow: 1;   display: flex; justify-content: center; align-items: center; }  .a2ygI { background: #50a0ff; color: #fff; opacity: 1; }      .r1Pax { position: absolute; top: 25px;bottom: 0px;overflow: auto; display: none; width: 100%; }  .c7ds2 { display:flex;flex-direction: column; animation: gmarP .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%}    .urRc9 { display: flex; flex-wrap: wrap; max-width: 720px; }  .o28Pj { flex: 1; flex-grow: 1; max-width: 350px; }    .qaHAH { 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; }  .lG1v3 { margin: 25px 10px 10px 10px; min-width: 300px; flex-grow: 1; max-width: 350px; }  .qyBW7 { position: absolute; top: -12px; right: 8px; border: 1px solid #5000a080; padding: 4px 8px; border-radius: 6px; background: #f0faff;}  .jdD1c { overflow: hidden;}  .otk9v { margin: 25px 8px 10px 8px; }  .rbgps { font-size: 90%; }        .yYf74 { 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 }    .vfPsr { height: 35px; width: 35px; transition: .2s; cursor: pointer; display: flex; justify-content: center; align-items: center; }  .x6Abx { opacity: .9; transition: .2s; color: #304050; }  .x6Abx:hover { opacity: 1; }  .x6AbxActive01 { 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); }    .j62iq { position: absolute; left: 0px; top: 0px; background: #ffffffa0; border-radius: 5px; outline: 2px solid #00a0f0a0; outline-offset: -2px;; }  .tcSJB { position: absolute; left: -40px; }  .j62iq:hover { background: #0090f0; color: #fff; }  .afrsv { position: static !important; }    .t1jkl { left: -50px; }    .eqXV9{ position: absolute; left: 0px; top: 0px; transform: translate(-41px,0); background: #ffa0ff10; }  .q9lrv{ transform: translate(40px,0); ; }  .eqXV9:hover{ background: #ffa0ff20; }  .cmeWI{ background: #0080c020 ; color: #000050; transform: translate(0,0) !important; }    .wUnLo { width:96%; margin:10px 2% 2% 2%; height:50px; border: 1px solid #20406040; background: #ffffff40; }    .nXVQG {flex: 1; ;  }  .lMcHk {   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020,0px 0px 15px #00105030;   background: #c0d0ff10;}  .qpMbS { display: flex; }  .dn1xx {   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;  }  .bdyXf { position: relative; height: 100%; }  .yZDFk {   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;  }  .qVPiE {   display: flex; height: 30px; z-index: 10; position: absolute; top: 30px; z-index: 40;left: 0px; right: 0px;   box-shadow: 0px 5px 5px -4px #00105040; border-bottom: 1px solid #20406030;   background: #c0d0ff20;  }  .wBhQ8 { position: absolute; top: 60px; left: 0px; right: 0px; bottom: 0px; overflow: auto; overflow-x: hidden;}    .kqGel { display: block; }  .vLJ21 { display: flex; padding: 6px 7px; height: 35px; align-items: center; }  .vWDZj { display: flex; padding: 0px 5px;; }  .btEJr { display: flex; padding: 6px 8px; height: 100%; font-size: 85%; background: #00a0ff05; margin: 0px 8px; transition: .2s; border-radius: 4px; cursor: pointer; }  .btEJr:hover { background: #0080f0; color: #fff; }  .hY2wY { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; }  .oqrBR { display: flex; height: 100%; justify-content: center; align-items: center; }      .n8i0q { 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;  }    .wsdXo { display: none; padding: 10px 2%; line-height: 1.7 ; white-space: normal !important; }  .tU05g { display: block; }  .icCQI { padding: 5px 2px;; }    .w4Xy3 { height:100%; white-space: nowrap; display: flex;flex-wrap: wrap;align-items: center ; transition: .2s; justify-content: center; }  .jnL27 { min-width: 50px; animation: lD0oQ 0.2s 1; height:100%; white-space: nowrap; display: flex;flex-wrap: wrap; align-items: center ; transition: .2s; cursor: pointer;}  .jtvyn { cursor: pointer; border-radius: 4px; padding: 0px 5px; white-space: nowrap; display: flex; align-content: center ; height: 100%; }  .ivk4m { display: block;}  .jtvyn:hover { background: #0090ff; color: #fff; }  .yv64R { display: flex; width: 45px; height: 100%; }  .pqbIW { display: flex; font-size: 90%; justify-content: center; align-items: center; width: 45px; }  .yRBLV { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; font-size: 95%; }  .qjBm7 { width: 20px; padding: 3px 2px; font-size: 70%; opacity: .8; }  .o3viW { display: flex; align-items: center; height: 100%; padding-right: 4px;}  .qpT8b { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }  .lpTSC { transform: scale(.85); opacity: .9;}  .vj9cw { opacity: .7;}  .yIB6m { cursor: pointer; background: #f5faff80; width: 30px; margin-left: 1px; height: 100%; border: 1px solid #0050a050; border-radius: 3px; }  .yIB6m:hover { background: #00a0f030; border: 1px solid #0050a050}  .wIqcx { cursor: not-allowed !important; background: #a0b0c010 !important; opacity: .5; border: 1px solid #50404020}  .jfzwL { font-size: 90%; display: flex; flex-grow: 1; height: 100%; justify-content: flex-end; align-items: center; }   .xJSDv { height: 100%; padding: 0px 4px; display: flex; align-items: center; cursor: pointer; }   .rp2VT { padding: 0px 6px; color: #007020; white-space: nowrap; animation: lD0oQ 0.2s 1; background: #00ffd020; height: 100%; display: flex; align-items: center;}   .t7IP3 { padding: 0px 6px; color: #700010; white-space: nowrap; animation: fhJjO 0.2s 1; background: #ff50a020; height: 100%; display: flex; align-items: center;;}    .i2ZIS { height:100%; opacity: .9; display: flex;flex-wrap: wrap;align-content: center ; transition: .2s; justify-content: center; padding: 0px 10px;}      .lNPOV { display: flex; flex-wrap: wrap; width: 290px; }  .rtWhF { display: flex; flex-wrap: wrap; padding: 5px; }  .zynzv { min-width: 80px; padding: 4px; display: flex; white-space: nowrap; }  .sur2l { font-size: 80%; opacity: .9; padding: 0px 0px 0px 4px; width: 42px; ; }  .zhwFQ { font-size: 65%; opacity: .6; padding: 0px 2px 0px 0px;; }  .cdt3P { width: 100%; padding: 5px; margin: 4px 2px 2px 2px; background: linear-gradient(45deg,#e0f0ff00, #e0f0ff ); }    .jOwIf { padding: 9px; white-space: nowrap; }        .wMk1d { 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;  }  .ucMX7 { 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; }              .yLuc4 { padding: 5px 4px;; }  .oc2aO { padding: 15px 10px 5px 5px; }  .ruzoJ { 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; }  .sZ9rC { margin: 10px 0px; height: 32px; }  .ruzoJ:hover { border: 1px solid #0040a060; background: #fff; box-shadow: 0px 5px 11px -4px #20407020; }  .zG28J { margin: 5px 12px;; font-size: 90%; height: 28px; }  .krE5z { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; opacity: .6; }  .euro5 { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; }  .bfeYO { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; direction: ltr; flex-grow: 1; }  .kLx2a { display: flex; height: 100%; align-items: center; width: 30px; min-width: 30px; padding: 1px; border-radius: 4px; overflow: hidden;; }  .sqars { height: 100%; border-radius: 20%; }  .zG28J > .kLx2a { width: 26px; }  .zG28J > .krE5z { transform: scale(.9); }                                  .lEQWO { position: absolute; z-index: 1000; top: 10px; display: none; transform: translate(-100px, -50px); opacity: 0;   height: calc(100% - 125px); max-height: 700px; right: 100px; width: 99%; max-width: 500px; direction: rtl;   text-align: right; }  .ehMZW { transform: translate(0,0); opacity: 1; display: block !important; animation: aN76H .3s 1; }  .oeQY8 { animation: sG1ry .3s 1; }  .fpsrX { height: 100%; width: 100%; overflow: hidden; outline: 1px solid #20407050; position: relative;   outline-offset: -1px; max-width: 800px; margin: 0px auto;   background: #f2f6ff; box-shadow: 8px 15px 20px -8px #30508030, inset 0px 0px 30px 8px #ffffffa0; transition: .3s; border-radius: 2px ; }    .xWJrR { 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; }  .c8Lrb { right:0%; opacity: 1; }  .yimSg { height: 40px; min-height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .tLZsY {flex-grow: 1; width: 100%; overflow: hidden; }   .sgS3s { overflow: auto; width: 100%; padding: 10px; height: 100%; }   .eIGdS { padding: 14px 6px;; }   .qA2M9 { padding: 3px 5px;; }   .zeZv5 {display: flex; padding: 6px 5px; }   .kSCzr { width: 10%; height: 40px; opacity: .6; justify-content: center; display: flex; align-items: center; }   .rxMkQ { width: 90%; }     .izGVU { padding: 7px 5px; }   .rJoBu { font-weight: bold; }   .y3wmt { padding: 2px 7px 5px 2px; }   .k1Mj5 { 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%; align-items: center; display: flex; border-bottom: 1px solid #20406030; background: linear-gradient(to top,#ffffffa0, #e0f0ff50, #ffffff80); box-shadow: 0px 4px 20px -5px #2040a030; }  .myHelpBoxHeaderTitle1 { padding: 0px 12px; font-size: 110%; color: #300070; display: flex; flex-grow: 1; }  .jPJYy { height: 40px; width: 40px !important; }    .i06Gt { height: 80%; margin-left: 5px; padding: 0px 10px; background: #0080f020; border: 1px solid #c0d0ff; color: #204080; display: flex; align-items: center; border-radius: 3px; cursor: pointer; transition: .2s}  .i06Gt:hover { border: 1px solid #a0d0ff; color: #0020a0; }      .myFilterBoxHeader2 { display: flex; flex-wrap: wrap; padding-top: 4px;}  .fO4cd { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }  .tJP4p { display: none; padding: 0px 5px 5px 5px; transform: scale(.9); width: 100%; justify-content: center; align-items: center; }  .dTTvh { display: flex; animation: kUgQJ 0.3s 1; }        .a1uGo { max-width: 20%; flex-grow: 1; margin: 5px; position: relative; display: flex; height: 30px; margin: 0px 5px; padding: 0px 8px;; transition: .2s;   border-radius: 3px; box-shadow: 1px 5px 6px -2px #30507025, -4px -4px 5px -4px #ffffff, inset -8px -8px 15px -8px #ffffff;   background: #ffffff; border: 1px solid #00a0a030; justify-content: center; align-items: center;   color: #204070;cursor: pointer; white-space: nowrap; }  .a1uGo:hover { background: #e0f0ff; color: #0000a0; transform: translate(0,1px); }  .aIc3C { 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%; }  .yuzFY { 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% - 119px); width: 100%; overflow: hidden; position: relative; background: #ffffff40}  .ybQHE { height: calc(100% - 84px); }  .oCXdE { height: calc(100% - 44px); }  .eVbgi { height: calc(100% - 40px); padding-bottom: 10px; overflow: auto !important; }    .l605c { width:100%; transform: translate(100px,50px); position: absolute; top:0px; right:0px; overflow: auto; z-index: 1; height:100%; transition:.3s; display: none; }  .iR3Gv { padding: 20px 30px; font-size: 90%; opacity: .85; line-height: 1.7; }  .gtXY7 { padding: 15px 30px 5px 10px; }  .fdShow { display: block; transform: translate(0px,0px); animation: ty814 0.25s 1 }    .nso22 { width:100%; transition:.3s; display: none; }  .bztGH { width:100%; transition:.3s; display: block; animation: m3RZg 0.25s 1; }      .a0nUO { padding: 10px 30px 5px 10px; }   .a0RnB { padding: 0px 10px; }  .luZYh { padding: 10px 12px 5px 12px; }  .uzELm { padding: 10px 12px 5px 12px; line-height: 1.8; }      .e9McY { left: auto; right: 20px;}                      .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; }    .phfWL { padding: 5px; }  .lo2qU { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .lo2qU:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .nnz5q { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .nnz5q:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .r9wvQ { padding: 5px 10px; display: none; }  .sGVdn { margin: 7px; background: #e4f0ff00; }  .zejm8 { margin: 5px; }  .mbMD0 { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .vkjhs { 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;}  .xUiow { 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: flex; align-items: center; 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; display: flex; justify-content: center; align-items: center; }  .joRd4 { font-family: 'Calibri' ; background: #ffffffa0; outline: none !important; border: 1px dashed #00a0a0a0; padding: 2px 4px 2px 4px; border-radius: 5px; width: 65px}  .joRd4:focus { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .joRd4:active { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .tfcYO { width: auto; padding: 3px 7px;}  .prel { position: relative; background:#ffffffa0 }  .zaA78{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .nwbhh{ 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; }                  .cYSS7{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-right: 10px;}  .coURj{ padding: 5px 8px; opacity: .6; color: #505040; cursor: pointer; transition: .2s; margin: 0px 4px; white-space:nowrap; display: flex; }  .coURj:hover{ opacity: 1; }  .h0HIt{ opacity: 1; color: #004080 !important ; }  .rlufv{ padding-right: 5px; }      .dh5Zj { border: 1px dashed #40506050; box-shadow: 2px 5px 10px #40506010; margin: 8px 6px; min-width: 70%; border-radius: 4px; overflow: hidden;   background: #ffffff50; transition: .2s; }  .mkWoZ { margin: 30px; font-size: 120%; padding: 20px; background: #fff; border: 1px solid #00306025 !important ; box-shadow: 3px 6px 10px #40506015 !important; }  .dh5Zj:hover { border: 1px solid #00307030; box-shadow: 3px 6px 10px #40506020; }  .fvmnB { border: 1px solid #00206050 !important; background: #ffffffa0; }  .e3EHU { display: flex; cursor: pointer; width: 100%; padding: 8px 10px; box-shadow: 0px 0px 15px #40608080; background: #ffffff50; }  .nV583 { display: flex; cursor: pointer; width: 100%; min-width: 120px; font-size: 110%; padding: 0px 5px; }  .oMRCc { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .yjbud{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .kePU0 { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #20406005; }  .m1Yiy { padding: 8px 25px; font-size: 89%; opacity: .9; }  .limbU { 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; }  .fvmnB > .kePU0{ display: block !important; }      .tkPHl { background: linear-gradient(to bottom, #ffffffb0,#ffffff80); border-bottom: solid 1px #20406010; margin: 0px 4px; }  .tVly6 { height: 32px; display: flex; flex-wrap: wrap; padding: 0px 4px; transition: .2s; position: relative; align-items: center; }  .grvFi { 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; }    .tVly6:hover { background: linear-gradient(to bottom, #00a0ff20, #ffffff20,#ffffff20,#ffffff20, #00a0ff20); }  .yWzzL { width: 28px; height: 100%; border-radius: 3px; color: #505040; margin: 0px 1px;opacity: .3; cursor: pointer; min-height: 31px; display: flex; justify-content: center; align-items: center; }  .yWzzL:hover { opacity: .8; }  .c8cXy { opacity: 1; color: #0050a0; border: 1px solid #0050a050; box-shadow: 0px 0px 8px #40506030; background: #fff; transform: scale(1.05); }  .gUGhD { opacity: 1; color: #c00020; border: 1px solid #c0000050; }  .l1geL { transform: scale(1.7) !important; }  .c8cXy > .l1geL { transform: scale(1.9) !important; }  .yNefV { height: 100%; min-height: 31px; min-width: 85px;; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 0px 8px; border: 1px solid #40506000; margin: 0px 3px; opacity: .9; transform: .2s; }  .yNefV:hover { opacity: 1; color: #004080; }  .arqjU { opacity: 1; color: #0050a0; border: 1px solid #0050a0a0 !important; box-shadow: 0px 0px 5px #40506020; background: #fff !important; }  .tVly6:hover > .yNefV { border: 1px solid #4050a050; margin: 0px 5px 0 1px; opacity: 1; background: #ffffff50; box-shadow: 0px 0px 5px 1px #2040a020; }  .az2vU { margin: 0px 5px 0px 5px; font-size: 85%; opacity: .85; height: 30px; display: flex; align-items: center; border-top: none; }  .gQXbo{ border: 1px solid #20406040; border-bottom: 1px solid #20406050; margin: 4px 5px 5px 5px; box-shadow: 0px 2px 7px -2px #20406040; }  .tjNjo { display: flex; align-items: center; direction: ltr; padding: 2px 10px; font-size: 90%; opacity: .9; }   .kUYg3 { direction: ltr; text-align: left; padding: 2px 10px; }      .n0Maz { width: 28px; border-radius: 5px; color: #505040; margin: 0px 1px;opacity: .35; cursor: pointer; min-height: 30px; display: flex; align-items: center; justify-content: center; transition: .2s; }  .n0Maz:hover { opacity: .7; }  .xL4QN { opacity: 1; color: #2050b0; }   .xL4QN > .gg-bookmark::after { box-shadow: 0px 0px 1px 10px; }  .hFdlJ { opacity: 1; color: #c00020 !important }   .hFdlJ > .gg-heart { background: #ff7080; }   .hFdlJ > .gg-heart::after { background: #ff4050; }   .hFdlJ > .gg-heart::before { background: #ff4050; }      .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;}    .pm15w{ padding: 5px 5px 5px 10px; }    .luMvj { border: 1px dashed #40506050; margin: 0px; min-width: 70%; overflow: hidden; background: #ffffff50; transition: .2s; }  .luMvjmo { background: linear-gradient(to right, #50f060b0,#e0ffe0b0,#00ffa050); }  .luMvjma { background: linear-gradient(to right, #ff8050b0,#ffe0e0b0,#ff00a050); }  .luMvjo { background: linear-gradient(to right, #a080ffb0,#e0e0ffb0,#00a0ff50); }  .luMvj:hover { border: 1px solid #00306030; box-shadow: 3px 6px 10px #40506020; }  .g7afd { border: 1px solid #00206050 !important; margin: 7px 0px; }  .wYjSp { display: flex; cursor: pointer; width: 100%; padding: 6px 10px; box-shadow: 0px 0px 15px #40608080; }  .oLWaT { display: flex; width: 200px; white-space: nowrap; overflow: hidden; padding: 0px 7px; }  .fAoJR { display: flex; width: 100px; padding: 0px 7px; }  .fqYta { font-size: 85%; opacity: .8; padding: 0px 5px; }  .evzZy { width: 50px; padding: 0px 6px; direction: ltr; }  .cTMB8 { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .hwZIV{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .xO7h6 { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #ffffffc0; }  .g7afd > .xO7h6{ display: block !important; }      .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;}  .mxY4V {  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; }                        .namadFirstShow1 { display: flex; flex-wrap: wrap; padding: 0px}  .fHUl4 { display: flex; width: 100%; align-items: center; padding: 1px 5px;}   .uxJMt { padding: 6px 10px 1px 10px ; display: flex; text-align: left; direction: ltr; }   .izSgx { flex-grow: 1; font-size: 120% ; }  .htgZB { font-size:140%; padding:9px 12px 0px 0px; color: #600070;}  .uzYGG { animation: eAWvT 0.3s 1; }  .groTw { font-size:70%; padding:1px 10px 6px 0px; color: #5080a0;}  .dH3Si { animation: rSmxh 0.4s 1; }  .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;}    .gNX9W { color: #00a040; }  .w1SQR { color: #ff0040; }            .xufMm { margin: 1px 0px 0px 0px; padding: 3px 8px; position: relative; }  .hG0cn { position: absolute; top: 0px; left: 0px; bottom: 0px; animation: g8YMl 1s 1; 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;}  .xufMm: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; }  }      .wMtDF { 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;}  .wMtDFo { opacity:0; z-index: -1; }  .wMtDFh { color: #300080; font-weight: bold;}  .wMtDFhi { color: #506080; font-size: 80%; }    .rZw6X { 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}  .eoPmU { position: absolute;}  .rZw6X:hover { background: #e0f0ffd0 ; box-shadow: 0px 0px 20px #405080a0; border: 1px solid #50a0f0}  .rZw6Xh { background: #a0e0ff50 ; padding: 5px; transition: .4s ; color:#200080 }  .rZw6X:hover > .rZw6Xh { background: #a0d0ffa0 ; color:#4000b0 }  .rZw6Xc { font-size:85%; padding: 5px 7px; }  .rZw6Xct { color: #806070 }  .rZw6Xi { 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; }    .h5seBc { width: 100%; position: relative; }  .h5seBcs { padding: 15px; color: #00a050}  .h5seBl { 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};    .h5seB { flex-grow:1; overflow:auto; background:#e0f0ff ; }  .h5seBT { padding: 10px; font-size: 90%; color: #008050 }    .h5seBu { padding: 8px 17px 2px 17px; color: #003080; }  .h5seBf { padding: 3px 15px 8px 15px; }  .h5seBi { width: 100%; border: 1px solid #50e0a0; padding: 7px; border-radius: 7px; color: #206040; font-size: 90%; font-family: inherit;}  .h5seBit { min-height: 150px; max-width: 100% !important; min-width: 100%; }  .h5seBo {padding:0px 17px; font-size: 85%;}    .h5seBrm { padding: 0px 15px 8px 15px; font-size: 90%; }  .h5seBrmt { padding: 0px; font-size: 13px; color: #8080a0; padding: 0px 5px; cursor: pointer;}  .h5seBrmc { color: #104070; display: none; transition: .3s}    .h5seBb { 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}  .h5seBb:hover { color: #5060b0; background: #ffffff; box-shadow: 0px 2px 15px #80a0c0a0; }      .eGp2Y { padding:10px; display:flex }  .sccOt { padding:8px 12px; border: 1px solid #b0b0c0; border-radius: 8px; margin: 5px; cursor: pointer; transition: .2s;}  .sccOtA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; cursor: auto !important;}  .sccOtE { margin-right: 15px; border: 1px solid #00d0a0; background: #e0fff0; padding: 8px 18px; border-radius: 0px; font-weight: bold;}  .sccOtE:hover { border: 1px solid #00a050; background: #c0ffe0; color: #006030; }    .f2HeM { padding:10px; display:flex; flex-wrap: wrap; }  .pQBLk { padding:6px; border: 1px solid #b0b0c0; margin: 5px; cursor: pointer; transition: .2s; font-size: 90%; border-right: 3px solid #00000040 }  .pQBLkA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; box-shadow: 0px 0px 8px #a0a0f0a0; border-right: 3px solid #50a0f0 !important}    .yUHOb { 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}  .yUHObA { display: block; opacity: 1;}    .yUHObC { position: absolute; left: 0px; top: 0px; height: 40px; width: 40px; font-size: 22px; background: #f0000020; color: #700020;cursor: pointer;}    .yUHObH { 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}  .pQBLk:hover > .yUHObH { right: 0%;opacity: 1}  .sccOt:hover > .yUHObH { right: 0%;opacity: 1}                .xgQxOD{ padding: 8px 10px; font-size: 15px}  .xgQxOT{ font-size: 90%; color: #008040}    .xgQxON { padding: 5px; margin: 8px 0px 0px 0px}  .xgQxONT { font-weight: bold; color: #002070}  .xgQxONC { padding-right: 10px; color: #404050}              .byOiN { width: 100%; height: 40px; margin-top: 8px; position: relative; background: #ffffff; color: #fff; border: 1px solid #80b0f0}  .byOiNB { top: 0px; bottom: 0px; position: absolute; color: #303050; z-index: 100; }  .byOiNR { right: 0px; top: 0px; bottom: 0px; position: absolute; background: #00c050; color: #d0ffd0; justify-content: flex-start; padding-right: 6px; z-index: 10}  .byOiNL { 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; }        .xOAfq { padding: 5px; }  .wmvJg { padding: 0px 5px 6px 5px; font-size: 85%; opacity: 0.9; color: #d00000; }  .tzJon, sh77y { padding: 5px 8px; max-width: 90%; outline: 1px solid #2040a010 ; border: 1px dashed #00205040; border-radius: 4px;box-shadow: 1px 2px 4px #20406010, 2px 5px 12px -5px #20406020;}  .editUserValsInputLeft { text-align: left; direction: ltr; }  .onJF8 { max-width: 100%; width: 100%; }      .oB4y8 { padding: 7px 5px; font-size: 105%; 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; }  }            .bbXlA { background: var(--hFXLP); display: flex; padding: 0px !important; }  .xZk9P { border: 1px solid var(--qhfBN); position: relative; min-width: 175px;   background: var(--ol8zv); box-shadow: 1px 3px 12px var(--ejRJC);   margin: 12px 2px 14px 2px; padding: 28px 4px 5px 4px;  }  .meB6Q { min-width: 150px;}  .br0yp { border: 1px solid var(--jdFCk); padding: 5px 7px; backdrop-filter: blur(10px);   background: var(--azNFF); box-shadow: 1px 3px 5px var(--eveJH);   position: absolute; right: 7px; top: -10px;;  }  .epn5S { color: #840; font-size: 80%; padding-right: 4px; }    .c0u2q { padding: 6px 10px; color: #702000; text-align: center; opacity: .9; font-size: 90%; }  .uIrCy { width: 100%; position: relative; white-space: nowrap; overflow: hidden; padding-left: 75px;}  .vDTDd { padding-left: 30px;}  .hr7Aw { padding-left: 5px; }  .x5sHz { position: absolute; left: 0px; top: 1px; bottom: 1px; display: flex; z-index: 100; }                  .u9TMn { 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; max-width: 600px; max-height: 600px; overflow: auto; font-size: 110%;   -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);  }  .p4Wbt { background: #ffffff50; box-shadow: 0px 5px 5px -3px #20406020; font-size: 110%; font-weight: bold; padding: 10px 15px;; }  .aOZ8Z { padding: 16px 22px 12px 30px; line-height: 1.6; }  .tPiJv { padding: 10px 11px; display: flex; }  .n1red { padding: 5px 10px; opacity: .7; transition: .2s; cursor: pointer; border-radius: 5px; border: solid 1px #2040a050; }  .n1red:hover { opacity: 1; background: #ffffff50; border: solid 1px #2040a0a0; }                      .pNjCI { padding: 15px; ; }  .bcTcu { padding: 8px; display: flex ; font-size: 90%; }    .eQyeX { border: 1px solid #20406000; transition: .2s; }  .tWAHJ { border: 1px solid #20406000; margin: 2px; padding: 2px 4px; border-radius: 5px;; }    .yqBX5 { display: flex; padding: 2px 5px; width: 200px; border-radius: 5px; overflow: hidden; cursor: pointer;; }  .rYAQq { padding: 4px 6px; flex: 1; flex-grow: 1; }  .m5SZ0 { padding: 4px 6px; font-size: 90%; }    .bu7pg { display: none; padding: 5px; border-radius: 7px; background: #ffffff50; }  .jPPAs { display: flex; flex-wrap: wrap; }  .cIEfl { padding: 3px 5px; cursor: pointer; background: #ffffff70; border-radius: 4px; border: 1px solid #20406020; margin: 2px; }  .uM5Th { padding: 3px 5px; cursor: pointer; background: #ffffff50; border-radius: 4px; border: 1px solid #20406000; margin: 2px; }  .kvlG4 { border: 1px solid #0040d060; color: #0040d0; }  .um80q { border: 1px solid #00903060; color: #009030; }  .r7pq9 { border: 1px solid #a0200060; color: #a00000 }        .hbAwA { display: flex; padding: 0px; }  .s1aki { display: flex; padding: 0px; flex-wrap: wrap; }  .q65hw { font-size: 90%; }  .i3Vkv { font-size: 90%; display: flex; padding: 1px 4px; }  .souH0 { font-size: 90%; display: flex; padding: 1px 0px 0 0; }   .cqexN { text-align: center; padding: 4px; color: #fff; width: 33.33%; flex-grow: 1; }   .b0773 { flex-grow: 1; text-align: center; padding: 4px; margin: 0px 2px; border-radius: 4px; cursor: pointer; color: #fff; opacity: .9; transition: .2s; }   .b0773:hover { opacity: 1; }   .uzZ2P { border: 1px solid #800000; background: #a00010; }   .mPHVs { border: 1px solid #005020; background: #008020; }   .ovN8J { border: 1px solid #001050; background: #002080; }    .sCX5N { display: flex; flex-wrap: wrap; padding: 10px 5px; }  .bssjW { 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;  }  .mznqb { max-height: 90%; max-width: 500px; cursor: auto; }  .xdkht { min-width: 180px; }  .ajUnd { flex-grow: 1; cursor: pointer; }  .bssjW:hover { border: solid 1px #2040a0a0; background: #ffffffc0; transform: translate(0px, -3px); box-shadow: 0px 12px 25px -10px #20406080; }  .dtPwb { display: flex; height: 26px; justify-content: center; align-items: center; background: #ffffff; border-bottom: solid 1px #20406030; box-shadow: 0px 6px 10px -4px #20406030; }  .lSMCw { display: flex; flex-wrap: wrap; height: 70px; border-bottom: solid 1px #20406030; }  .xuiLz { display: flex; justify-content: center; align-items: center; background: #a0c0ff20; height: 100%; width: 25%; border: solid 1px #20406030; }  .yb0bF { background: #f0f0ff10; width: 75%; height: 100%; padding: 1px;}  .dGqIw { padding: 2px 10px; white-space: nowrap; }  .r0G8N { text-align: left; direction: ltr; }  .uDIpp { font-size: 85%; padding-left: 10px; }    .tGdpJ { display: flex; height: 30px; }   .xSyyO { display: flex; height: 100%; width: 50%; cursor: pointer; transition: .2s; font-size: 85%; border: solid 1px #20406030; background: #f5faff; }   .xSyyO:hover { background: #fff; color: #0020a0; border: solid 1px #2040a0a0; }   .qxSCH { background: #50608050 !important; opacity: 0.3; color: #506070 !important; border: solid 1px #20406010 !important; cursor: not-allowed; }   .ra5w6 { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; }   .dPUiL { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }   .aQWWe { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }      .xJjAh { display: flex; height: 25px; margin: 5px; justify-content: center; align-items: center; font-size: 90%; }    .q53dc { width: 94%; position: relative; }  .lWjoS { position: absolute; left:45%; width: 10%; background: #909090; top: 0px; bottom: 0px; }        .zE53D { min-height: 180px; width: 100%; }  .bQBss { width: 100%; }  .xwZ5l { width: 100%; }  .wqfYG { bottom: 2px; left: 0px; right: 3px; padding: 5px 8px; position: absolute; z-index: 300;; background: #f0faffd0; }    .s0THy { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50000000; }  .oeQtx { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);   background: #f5faff60;  }    .ca06q { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }    .mFzPQ { height: 50px; padding: 7px; display: flex; background: #00f08008; justify-content: center; align-items: center; }  .vG69J { 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; }  .gPLDk { margin: 0px 20px; opacity: 1; color: #a00030; ; }  .pH8VU { opacity: 1; background: #0080ff; color: #ffffff; }  .oFAEO { flex: 1; display: flex; background: #0000f020; justify-content: center; align-items: center; flex-wrap: wrap; overflow: auto; }      .fgO7P { padding: 7px; font-size: 110%; }  .gTNWf { padding: 6px 15px; cursor: pointer; margin: 6px; border-radius: 4px; border: 1px solid #20406040; background: #fdffff; display: block; display: flex; }  .z8kge { justify-content: flex-end; font-family: cursive !important;}  .yPfWj { font-size: 95% ; white-space: nowrap;}  .h4EEZ { display: flex; justify-content: center; align-items: center; padding: 0px 15px; opacity: .7; transform: scale(.95); }      .kyoL2 { max-width: 400px; min-width: 200px; margin: 15px 15px; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 10px 20px -8px #20406050; }  .wCrm8 { padding: 5px 9px; font-weight: bold; }  .y5dRV { display: flex; height: 30px; border-top: 1px solid #20406020; }  .pu9Ba { display: flex; align-items: center; padding: 0px 8px; }  .ryiag { display: flex; align-items: center; padding: 0px 8px; justify-content: flex-end; flex-grow: 1; }  .okRPa { display: flex; align-items: center; padding: 0px 3px; direction: ltr; flex: 1; flex-grow: 1; }   .ofUxu { display: flex; align-items: center; padding: 0px 3px; min-width: 100px; }   .t8Dar { display: flex; align-items: center; padding: 0px 3px; direction: ltr; min-width: 40px;; }        .uuDd6 { padding: 15px; line-height: 1.5; }  .hi9R4 { padding: 5px; margin: 10px 4px; box-shadow: 0px 3px 8px -2px #20406050; line-height: 1.5; background: #ffffff50; border: solid 1px #20406030; }   .mMIon { padding: 4px 6px; margin: 2px 0px; font-size: 110%; color: #007070; font-weight: bold; }   .zEsWl { padding: 3px 10px; margin: 2px 0px; opacity: .9; }   .oRA9v { padding: 5px 15px 5px 5px; margin: 1px 0px; box-shadow: 0px 3px 7px -2px #20406020; }   .ykYN5 { padding: 3px 5px; margin: 0px 0px; border: solid 1px #20406020; background: linear-gradient(to top, #ffffff80, #c0e0ff10); }   .eMrvx { padding: 4px 5px; margin: 2px 0px; font-size: 110%; color: #005080; }   .a0ywo { padding: 2px 8px; margin: 1px 0px; opacity: .9; }                .xGPSr { display: flex; height: 23px; padding: 1px 2px !important; border-bottom: 1px solid #20406020; }  .hxb2Y { display: flex; height: 100%; align-items: center; width: 154px; }   .sxwLG { width: 100%; }   .aN7ST { padding: 2px 7px;; }  .njYCh { display: flex; height: 100%; border-right: 1px solid #20406020; align-items: center; width: 32px; justify-content: center; opacity: .8; font-size: 90% ; }                .hGIHY { margin: 5px 8px; border-radius: 4px; overflow: hidden; border: 1px solid #20406035; background: #ffffff60; }   .aZwXc { background: #ffffff50; cursor: pointer; display: flex; height: 35px; padding: 0px 5px; box-shadow: 0px 4px 10px -5px #20406050; border-bottom: 1px solid #20406030; }   .u6WzT { display: flex; height: 100%; align-items: center; }   .gTp4R { padding: 0px 8px; }   .edDpu { padding: 2px 5px 0 0; font-size: 90%; opacity: .85;; }     .b4FF3 { }   .jbak3 { display: flex; height: 30px; }   .uAsVr { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; border-right: 1px solid #20406020; }   .ydfV5 { justify-content: start; padding-right: 8px; ; }   .vmFl6 { border-left: 3px solid #20406020 ; }   .iyf9e { justify-content: start; padding-left: 8px; direction: ltr; }     .qjkQn { text-shadow: 0px 1px 12px #00f080a0; color: #071; outline: 1px solid #00f00020; outline-offset: -1px; background: #00d08004; }   .ecYBy { text-shadow: 0px 1px 12px #f0505080; color: #710; outline: 1px solid #00f00020; outline-offset: -1px; background: #d0000004; }     .uOukd { position: absolute; z-index: -1; background: #0070c020; border-left: 1px solid #0050c050; top: 0px; right: 0px; bottom: 0px; }       .h1xxo { margin-top: 3px; border-top: 1px solid #00408020; background: #00c0ff20; font-size: 94%; color: #003070; height: 28px; }        .nmDy0 { border-bottom: 1px solid #20406035; background: #ffffff60; display: flex; height: 30px; }  .cdFPW { border-top: 2px solid #20406020; background: #ffffff60; display: flex; height: 30px; }  .egxui { border-bottom: 2px solid #00407030; background: #f0f8ff50; display: flex; height: 28px; margin-bottom: 0px; font-size: 90%; ; }            .nSjqk { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406020; }  .qQdNd { border: solid 1px #20406050; background: #ffffffb0; margin: 4px 0px; }  .bvcTw { border: solid 1px #20406050; background: #ffffffb0; }  .nSjqk:hover { z-index: 100; }   .n9ghq { padding: 0px 10px; display: flex; align-items: center; cursor: pointer; width: 100%; }   .esmad { cursor: auto !important; background: linear-gradient( to right, #ffffff00, #00a0ff) !important; font-weight: bold; border-right: 3px solid #0050ff; text-shadow: 0px 1px 5px #0040e0a0; color: #fff; }   .eiZwX { cursor: auto !important; background: #a0c0e005; opacity: .7; }      .hDzBZ { height: 25px; overflow: hidden; margin: 0px 5px 7px 5px; display: flex; align-items: center; font-size: 80%; opacity: .7; border: solid 1px #20406040; border-top: none; box-shadow: 0px 2px 8px #20406020; background: #ffffff30; }  .zfa0f { font-size: 90%; opacity: .9;;}   .ruHsn { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-left: solid 1px #20406020; }   .d8m07 { direction: ltr; width: 30px; font-weight: bold; }   .fjlIC { width: 250px; white-space: nowrap; overflow: hidden; }   .knZqR { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-right: solid 1px #20406020; }   .ydq4a { font-size: 105%; font-weight: bold; padding: 0px 5px; }  .gneDD { height: 45px; overflow: auto; margin: 0px 5px 0px 5px; border: solid 1px #20406040; border-top: none; background: #ffffff30; }    .pl55t { display: flex; align-items: center; flex-wrap: wrap;}      .rQQlb { margin: 2px 0px; }  .xel3E { margin: 2px 0px 7px 0px; }   .pnuVX { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406050; }     .bvf0J { height: 25px; overflow: hidden; margin: 0px 5px 0px 5px; display: flex; align-items: center; font-size: 90%; opacity: .9; border: solid 1px #20406040; border-top: none; box-shadow: 0px 2px 8px #20406020; background: #ffffff30; }   .j3hyD { direction: ltr; text-align: left; }      .amQbf { width: 100%; line-height: 1.7; padding: 80px 1%; display: flex; flex-wrap: wrap; justify-content: center; }    .vbRW2 { width: 100%; max-width: 1600px; display: flex; flex-wrap: wrap; justify-content: center; }  .vZoZj { width: 100%; max-width: 2000px; display: flex; flex-wrap: wrap; justify-content: center; }      .bOGrM { padding: 30px 0px; }   .bPCD0 { width: 100%; max-width: 400px; }   .lxfky { width: 100%; max-width: 1000px; }    .vMERP { padding: 10px 0px; }        .xVi5G { width: 100%; line-height: 1.7; padding: 50px 1%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; }  .drVik { width: 100%; max-width: 1100px; overflow: auto; }      .qy8Cl { width: 100%; min-width: 600px; background: #ffffff50; padding: 16px;; }   .bHMxe { display: flex; align-items: center ; padding: 1px 0px; }   .wi7AC { padding: 4px 8px;; }   .ruv4O { padding: 4px 8px !important; margin: 0px 5px 0 0; font-size: 95%; display: flex; }   .e1stm { display: flex; align-items: center ; padding: 5px;; }   .kwJER { 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; }   .kwJER:hover { background: #fff; outline: 2px solid #00a0f0a0; }   .xfqNw { font-size: 110% ; padding: 5px; white-space: nowrap; }   .sL2Pw { font-size: 80% ; padding: 0px 4px; white-space: nowrap; }   .erlA7 { font-size: 85% ; padding: 0px 5px; white-space: nowrap; }   .i2x74 { color: #5080b0; }   .oZnxj { color: #20b050; }   .dEQe7 { color: #b06050; }    .clVMR { width: 100%; min-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-around; }   .zIQPX { border: 1px solid #20406040; border-radius: 4px; overflow: hidden; width: 510px; margin: 0px; background: #ffffff80; }   .xp5x1 { min-height: 35px; display: flex; }   .uBkQ2 { border: 1px solid #20406030; display: flex; justify-content: center; align-items: center; width: 65px; overflow: hidden; white-space: nowrap; }   .rl7tV { color: #007040; direction: ltr; padding: 2px; }   .lP94n { background: #b0d0f020; }   .cvwpv { width: 120px; }   .wgOr6 { font-weight: bold; }   .mqpSF { width: 100%; padding: 5px 12px; font-size: 90%; margin-bottom: 8px; }   .yJR2z { color: #002040; cursor: pointer; transition: .2s; }   .yJR2z:hover { color: #fff; background: #00a0c0; }            .wNU8F { width: 100%; padding: 1%; position: relative; line-height: 1.8; overflow-x: hidden; }  .jIHcQ { display: flex; justify-content: center; align-items: center; width: 100%; }  .oRiHS { position: relative; width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; }  .hfm4N { position: relative; width: 100%; overflow: auto; margin: 10px 0px;; }   .vejHk { padding: 5px 30px; font-size: 120%; }  .oRhEo { display: flex; justify-content: center; padding: 10px 5px; }  .c7XxF { display: flex; padding: 10px 5px; }    .fcVN4 { position: relative; z-index: 100; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(3px); background: linear-gradient(to left, #ffffff00, #ffffff40, #ffffff80, #ffffff40, #ffffff00); font-size: 17px; line-height: 1.7; }   .mZSpD { display: flex;width: 250px; height: 64px; }   .hMtfz { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; position: relative; transition: 1s; border-radius: 50%;}   .hMtfz:hover { transform: scale(1.2) rotate(400deg); }   .oRiHS:hover > .mZSpD > .hMtfz { transform: scale(1.2) rotate(400deg) }   .agZx9 { padding-right: 14px; }   .nVvIe { font-size: 130%; }   .qAjVn { font-size: 90%; opacity: .8; top: -5px; position: relative; }     .yUvtr { display: flex; min-width: 250px; height: 64px; align-items: center; padding: 0 30px 0 0; flex-grow: 1; flex-wrap: wrap;}   .tGDL3 { padding: 0 25px 0 22px; position: relative; }   .u2qcb { 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; }   .b76Ia { padding: 4px 6px; border-radius: 4px ; }   .b3IMv { display: flex; flex-grow: 1; direction: ltr; height: 100%; max-height: 40px; align-items: center; flex-wrap: wrap; overflow: hidden; }    .jx1p6 { min-height: 100vh; padding-top: 60px; overflow: hidden; font-size: 17px; }  .rbvz5 { padding-top: 20px; font-size: 17px; }    .xzSGf { min-height: 600px; }  .riHa5 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 700px; min-height: 400px; }   .m0b5i { 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; }   .m0b5i:hover > .z2mJm > .cJEgf { transform: rotate(3deg) translate(0,-7px) scale(1.06); }   .m0b5i:hover > .z2mJm > .oFPZQ { transform: rotate(-3deg) translate(0,-7px) scale(1.06) }   .m0b5i:hover > .z2mJm { color: #b0c0d0; font-weight: normal; }   .m0b5i:hover > .mnFSx > .xzdjc { outline: 1px solid #0000a0; }   .m0b5i:hover > .mnFSx > .llRNe { outline: 1px solid #00a000; }   .m0b5i:hover > .mnFSx > .dHw8f { color: #00b050; font-weight: bold; transform: scale(1.05) translate(3px,0); text-shadow: 2px 5px 12px #00f05080; }  .ywl1Z { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }    .bM0d3 { 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);  }    .cDNrt { font-size: 130%; color: #405060; font-weight: bold; padding: 0px; opacity: .9; }  .z2mJm { font-size: 170%; color: #002040; font-weight: bold; padding: 7px 0px; display: flex; transition: .3s; flex-wrap: wrap; }   .cJEgf { 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); }   .oFPZQ { 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) }  .rGnsg { font-size: 125%; color: #002040; padding: 8px 0px; }  .mnFSx { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 10px; }   .dHw8f { color: #00a070; padding-left: 10px; transition: .3s; }   .lItTh { color: #fff; padding: 3px 15px; margin: 0px 10px; cursor: pointer; transition: .2s; border-radius: 5px; }   .lItTh:hover { transform: scale(1.1); box-shadow: 0px 4px 12px -3px #005080a0; }   .xzdjc { background: #50a0f0; transition: .3s; }   .llRNe { background: #00d080; }    .firstBoxTitleB { font-weight: bold; font-size: 105%; color: #0080ff; }      .tzxg7 { background: #ffffff80; padding: 5px 10px; border-radius: 4px; margin: 2px; }  .mlq9m { box-shadow: 0px 10px 20px -8px #50402020; color: #a07000; border: 1px solid #80002060; }  .eiHjB { box-shadow: 0px 10px 20px -8px #00408020; color: #204060; border: 1px solid #00406060; }    .loQQj { justify-content: center; padding: 40px 0px; }    .fBdTE { padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;   box-shadow: 0px 20px 30px -15px #0050a020; border-radius: 10px; background: #ffffff80; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);   background: linear-gradient(to bottom, #ffffff50 , #ffffffa0); border: 2px solid #ffffff; }  .qu0U0 { padding: 10px; min-width: 100px; border-radius: 5px;   margin: 10px; transition: .25s; position: relative;   background: linear-gradient(150deg, #f0ffffa0, #f0f0ffa0, #ffe0ffa0);   box-shadow: 4px 20px 10px -10px #40608030;   outline: 2px dashed #00a0ffa0;   cursor: pointer;  }  .qu0U0: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);  }  .qu0U0:hover > .hphcb { font-weight: bold; color: #0040a0; transform: scale(1.1) translate(0px,-5px); }  .qHPBj { 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; }    .hphcb { padding: 5px 5px 10px 5px; color: #205080 ; text-align: center; transition: .3s; }  .q2rZA { padding: 5px 5px 10px 5px; text-align: center; color: #005090; font-weight: bold; }    .sQ1bP { display: flex; padding: 5px 10px;; }  .xH9co { width: 25px; height: 25px; margin: 3px 4px; position: relative; z-index: 1;; }  .w5xCL { display: none; position: absolute; white-space: nowrap; top: 0px; right: 120%; background: #fafcffe0; padding: 3px 4px; font-size: 70%; border-radius: 5px; }  .xH9co:hover { z-index: 50;}  .xH9co:hover > .w5xCL { display: block; z-index: 100; }    .m8ONR { opacity: .2; }  .q5sgv { width: 100%; height: 100%; }      .gIPhc { 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;  }  .w9Iyl { padding: 10px; display: flex; justify-content: center; font-size: 120%; font-weight: bold; color: #007030; }  .icvMN { padding: 3px; }      #gNQhB { scroll-behavior: smooth; }    .oZQAe { padding: 0px 0px 0px 0px; background: #e0f0ff20; color: #304050; position: relative; }    .liWvq  {   padding: 60px 1%; display: flex; justify-content: center; align-items: center; position: relative;  }  .kPdHs { opacity: .92; transform: scale(.92);}    .iAws3 { display: flex; padding: 10px 2% 10px 7%;   perspective: 200px; position: relative; }  .kFlrp { justify-content: end; }  .kttlY {   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;;  }  .bvJL3 { 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; }  .uxQ4h { min-width: auto; }  .rYL8r { width: 100%; display: none; }  .dfwao { color: #808890; position: absolute; top: 108%; right: 40px; display: none; z-index: 2; white-space: nowrap; }  .gQAFc { display: block; animation: wtlde .4s 1; }  .t3wJ8 { display: block; animation: tQ2Jw .4s 1; }    .biTa1  {   min-height: 300px;   font-size: 110%; width: 100%; max-width: 350px;   position: relative; transition: .2s; display: flex; flex-wrap: wrap; z-index: 2;  }  .tYfg9 { display: flex; align-items: center; padding: 3px 10px 3px 5px; }    .biTa1:hover  {  }        .gnPvN  {   flex-grow: 1; padding: 15px 2% 15px 2% ; font-size: 110%;  }  .ea2MF  {   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;  }  .r3R51 { font-weight: normal; opacity: .9; transform: scale(.9); border-right: none !important; padding-right: 20px; }  .plrR7  {   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;  }    .ea2MF:hover { opacity: 1;   border-right: 8px solid #00a0f0d0; color: #2070e0;  }  .emL1i  {   position: absolute; height: 100%; left: 15px; top: 0px; display: flex; align-items: center;   font-family: monospace; font-size: 85%; opacity: .85;  }  .mMDRe  {   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;  }  .ea2MF:hover > .mMDRe { opacity: 1; box-shadow: -5px 5px 1px #00a0ff80 ; }  .ygC6J  {   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;  }      .rPm1s  {   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;  }  .rPm1s:hover {   background: linear-gradient(to left, #0070fff0, #0070ffb0); color: #ffffff;  }  .wEwpn { background: #507090 !important; cursor: auto !important }  .srAmT { padding: 0px 2%; }      .tfXj6 { 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);  }  .frS0T { display: flex; width: 100%; justify-content: center; }  .x7V6o { display: flex; justify-content: center; align-items: center; }  .af3v1 { 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;  }  .af3v1:hover { background: #fff; border: 1px solid #50a0d0; }        .aslwp { background: #304050; color: #f5faff; padding: 30px 1% 50px 1%; display: flex; justify-content: center; }  .iZyfo { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; }    .lJJFW { flex: 1 0 300px; padding: 5px 10px; }  .ygEAI { display: flex; padding: 5px; }  .bl2Yd { display: flex; }    .mck0E { min-width: 270px; display: flex; justify-content: center; }  .lxLTy { padding: 5px 0px; width: 100%; }  .fFhY2 { font-size: 115%; color: #b0ffe0; padding: 0 0 6px 0; }  .r92u4 { display: flex; padding: 4px 1px; }  .zF5YV { flex: 1; padding: 0px 5px; }  .xLMh1 { padding: 0px 5px;; }      .cb7wl { position: absolute; top: -25%; right: -20%; bottom: -25%; left: -20%; z-index: -10;   display: flex; justify-content: center;   transform: rotate(-15deg);  }   .qexv4 { height: 100%; width: 8%; margin: 0 3%;   background: linear-gradient(to top, #ffffff00, #ffffff20, #ffffff50, #ffffff90); }      .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%;  }  .kUmsL { 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;  }  .bXmec { 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 );  }    .hYcDs  {   position: absolute; ; top: 0; right: 0; left: 0; bottom: 0; z-index: -121;   background: linear-gradient(to right,#fff5ea,#ffe0fa) ;  }      .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) } }      .m3Y5N { 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;}              .w6VGY { padding: 20px 10px 50px 10px; height: 150px;;}  .sDSgf { margin: 10px; height:100px; max-width: 80px; }  .goGLl { height: 100%; cursor: pointer; }  .cT3sO { height: 100%; }              .rbelO { width: 100%; position: relative; padding: 50px 0px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }  .eCvCm { 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);  }  .iT8cM { width: 100%; position: relative; overflow: hidden; min-height: 400px; }    .hHzzL { width: 90%; max-width: 900px; padding: 10px; margin: 10px 6px;   overflow: hidden;  }  .zRu4B { padding: 5px 5px 0px 5px; white-space: nowrap; font-size: 120%; }  .cqnkb { padding: 5px 0px 5px 5px; white-space: nowrap; font-size: 80%; }        .y93Xi {   width: 90%; max-width: 900px; position: relative; min-height: 500px; overflow: hidden; display: flex; flex-wrap: wrap;  }  .p79ap { background: red; height: 500px; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }  .oImu1 { background: blue; padding-top: 5px; }      .nGDwE { font-weight: bold; color:#002060; padding: 6px 2px 2px 1px }        .bigger { font-weight: bold; }            .dY9tB { position: relative; padding: 50px 2%; }  .mvZ5W { overflow: auto; }      .aILhz { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }    .d3Uqg { margin: 5px 10px; padding: 8px 15px; font-size: 120%; background: #ffffffa0; color: #002060; }  .wJSBO { width: 100%; }  .yle3u { margin: 5px 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }  .bz1BE { margin: 5px 10px; padding: 5px 10px; font-size: 120%; background: #fff; color: #002060; display: flex; flex-wrap: wrap; }    .paOqo { 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);; }  .rgwzi { width: 400px; height: 100%;; }   .c96kz { font-size: 130%; margin: 10px; padding: 7px; }   .iYWuL { font-size: 100%; margin: 10px; padding: 7px; }   .p8EMv { font-size: 100%; margin: 10px; padding: 7px; }   .mhHzZ { font-size: 100%; max-width: 100px; margin: 4px 20px; display: flex; justify-content: center; align-items: center; }  .xIWSt { width: 300px; height: 300px; position: relative; overflow: hidden;; }   .s5lFB { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; opacity: 1; transform: translate(-310px,0); transition: .25s;}   .gmne2 { opacity: 1; transform: translate(0,0); }   .pbRHX { height: 100%; border-radius: 5px; border: 1px solid #0080c040; }     .tzhu1 { position: absolute; height: 20px; left: 8px; right: 8px; bottom: 2px; z-index: 11; display: flex; justify-content: center; align-items: center; }   .hxlCq { 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; ; }   .c0Wfv { display: flex; justify-content: center; align-items: center; width: 30px; height: 100px; cursor: pointer; transition: .2s; }   .vs2GO { width: 20px; height: 20px; border-radius: 50%; background: #a0b0c0; margin: 0px ; transform: scale(.5) ; cursor: pointer; transition: .2s; }   .x8vaO { transform: scale(.9); background: #0050c0; margin: 0px 4px; }          .mThDp { 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;}  .rds2p { width: 100%; max-width: 1400px; }    .pdrei { display: flex; flex-wrap: wrap; padding: 0px 20px 0 0;}  .a8ULG { display: flex; flex-wrap: wrap; justify-content: center;}    .mtm5H { 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;}  .mtm5H:hover { background: #ffffff; box-shadow: 0px 5px 18px -4px #20406060; outline: 2px solid #20a0ff; }  .pHuIz { font-size: 120%; padding: 5px; max-width: 222px; }  .yIiQm { font-size: 85%; padding: 0px 4px; }  .cBX4U { font-size: 100%; padding: 2px 5px; border-radius: 4px; background: linear-gradient(to left, #f0b00040, #f0b00000); }  .nESHQ { max-width: 205px; font-size: 100%; padding: 3px 5px; border-radius: 4px; background: #ffa0f050; text-align: center; font-weight: bold; }  .qBxMn { font-size: 90%; color: #502060; padding-left: 4px; }   .fHfQO { 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; }   .mtm5H:hover > .fHfQO { opacity: 1;}        .r7LeD { padding: 10px; width: 200px; background: #fafbfd; border-radius: 5%; outline: 1px solid #a0b0c0a0; margin: 10px; }   .jZa0j { padding: 2px; font-size: 120%; display: flex; justify-content: center; align-items: center; }   .qw3rk { 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; }    }            .s340V { padding: 50px 3%; width: 100%; display: flex; justify-content: center; }  .lZJNZ { width: 100%; max-width: 1250px; display: flex; flex-wrap: wrap; line-height: 1.6; }  .iQi64 { width: 100%; max-width: 900px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffffa0; box-shadow: 10px 0px 50px #20408020; }  .zmSIU { width: 100%; max-width: 300px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffff50; box-shadow: 0px 0px 50px #20408010 }      .yzhyG { padding: 8px 5px;; }  .xfavC { 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;}  .xfavC: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); }  .xfavC::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; }  .oTmGc::after { border: 20px solid #e0900060; }  .xfavC:hover::after { border: 20px solid #0070f0b0; border-right: none; border-top: none; left: -12px; }  .oTmGc:hover::after { border: 20px solid #e09000b0; border-right: none; border-top: none; left: -12px; }  .hREBD { text-align: center; white-space:nowrap }    .gD5nz { 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;}  .gD5nz: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); }  .gD5nz:after { display: none !important;}      .ui5OJ { display: none !important; }    .r0XxI { margin: 30px 20px; font-size: 15px; line-height: 1.7; }  .kdRJf { padding: 10px 25px; border-radius: 8px; background: linear-gradient(to left, #0080f020, #b0fff030, #0080f000); font-size: 120%; cursor: pointer; }  .yP05U { padding: 15px; border-radius: 8px; background: #ffffff50; }  .pERHv { display: none; }   .vVgGI { padding: 10px; font-size: 110%; line-height: 2; }   .bYwzk { padding: 10px; border-radius: 8px; background: #ffffff50; color: #007030; }  .hhlGa { padding: 10px; display: flex; flex-wrap: wrap; }          .wm0c6{ 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;  }   .lGapU { width: 95%; max-width: 1000px; background: #ffffff; border-radius: 5%; padding: 20px; border: 3px solid #0080f0; font-size: 16px; line-height: 1.7; }   .c2VyZ { padding: 5px; }   .wE9r7 { padding: 6px 0px; }   .rOGGg { padding: 15px; display: flex; justify-content: center; width: 100%; }   .woQno { padding: 5px 12px; cursor: pointer; border-radius: 5px; border: solid 1px #00a0f0; cursor: pointer; opacity: .5; }   .woQno:hover { opacity: 1; }                    .ocSeD { width: 100%; padding: 20px 40px 20px 10px; line-height: 1.7; }  .arNLL { width: 100%; padding: 5px 1%; line-height: 1.7; }   .rLwj6 { padding: 5px; font-size: 120%; display: flex; position: relative; display: flex; }   .vX43Z { color: #00b030; }   .cBdz1 { padding: 5px; display: flex; flex-wrap: wrap; }   .iP8nI { padding:0px 8px; display: flex; color: #204060; font-size: 85%; }   .aE55J { padding:0px 5px; min-width: 50px; }     .hYsHL { padding:10px 5px; }   .vgxIz { display: none; }       .mC1bs { padding:10px 5px; }     .n0pcV { padding: 5px;; }   .zexM7 { display: flex; height: 50px; align-items: center; background: linear-gradient(to left, #00a0ff30, #ffffff20); border-radius: 8px; }   .u7sDb { height: 100%; width: 40px; justify-content: center; align-items: center; display: flex; }   .adahZ { width: 200px; display: flex; padding: 0px 15px; font-weight: bold; color: #000040; position: relative; }   .pMJkH { padding: 0px 8px; display: flex; margin-right: 8px; height: 100%; align-items: center; }   .eachInstaPostHeaderSendDiv0Sent1 { background: #00a020 !important; opacity: .7 !important; cursor: auto !important; }     .h1BfW { display: flex; height: 90px; align-items: center; }   .by02U { display: flex; height: 100%; align-items: center; margin: 0px 4px; position: relative; }   .o80m0 { position: absolute; top: 0px; right: 0px; left: 0px; height: 100%; background: #0060f040; animation: kDzbO 4s linear 1 ; animation-fill-mode: forwards; }   .xiNUV { outline: 2px solid #00a030; outline-offset: -2px; }   .oJORo { height: 100%; }                                      myBG{ position: absolute; top:-20px;left: -20px;bottom: -20px;right: -20px; }      .sh77y { font-family: IRANSansWeb; }        .yTMkj { position: absolute; direction: rtl;text-align: right;margin:0px !important; border-bottom: 1px solid #20406020;   background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff);   box-shadow: 0px 0px 60px #3060a010, 0px 1px 4px #3060a020;  }  #sNyzI { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100% }    .tGtRu { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100%; padding: 0px 2px;}  .jxs6y { }  .tEEZn { flex-grow: 1; }  .tmhEt { }    .xnih0 { margin-left: 4px; ;}    .t3Wz2 { height: 22px; }  .iNCwL { height: 18px; }  #myDate { font-size: 13px; padding: 0px 5px; }  #yPX20 { padding: 0px 5px 0px 8px; direction: ltr; text-align: left; }  .yPX20 { 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: 471px)  {   ::-webkit-scrollbar { width: 9px; height: 9px; }   ::-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;}                          .lW3gh{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 1000000; transition: .3s; color: #204060; overflow: auto; }  .t0Z30 { font-size: 50px; padding: 0px 10px 30px 10px; width: 100%; }  .kA2VN { width: 90%; max-width: 700px; font-size: 18px; }  .mbGVD { font-size: 90%; padding: 12px; background: #ffffffa0; }  .bJzjw { margin: 20px 0px; background: #ffffffda; border-radius: 8px; color: #304050;   box-shadow: 3px 4px 7px #40608030,8px 10px 15px #40608030;  }  .anqzy { margin: 20px 0px; background: #ffffff; border-radius: 7px; color: #203040;   box-shadow: 1px 2px 7px #40608010, 3px 5px 15px #40608030; line-height: 1.75;  }  .hN4Si { border-right: 10px solid #00d0d0; padding: 10px; }  .ouBBt { border-right: 10px solid #50a0ff; padding: 10px; }  .oik0D { border-right: 10px solid #00e090; padding: 10px; }  .kcQ8T { border-right: 10px solid #f000a0; padding: 10px; }  .udFSB { padding: 10px; font-size: 120%;width: 100%; }  .rzSGO { padding: 10px; border: dashed 1px #506080a0; transition: .2s; cursor: pointer; border-radius: 8px; }  .rzSGO:hover { border: dashed 1px #0060a0; background: #fff; }  .eFh8y{ position: relative; width: 100%; height: 100%; padding: 20px; overflow: auto;; }      .sF9P4{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 100000000; display: none; transition: .3s; }  .zPRyG{ display: block; animation: k4U93 0.4s 1 ; background: radial-gradient(#a0b0c0, transparent); }  .kkCpZ{ position: relative; width: 100%; height: 100%; overflow: auto;; }    .bfp09{   opacity: .85;   background: #f0f8ff60;   position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;  }  /* .bfp09{ 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"); } */  /* .bfp09{ 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-b3jdl 493L539 269 237 261 370 nDmxw 382L539 269M390 jQvf0 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 tcVeh 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"); } */  .bpBvX{  }          .v4SJY { position: relative; }    #myShakhesKolTaghir1 { display: flex; white-space: nowrap;; }  .oiSh3 { height: 22px; font-size: 13px; padding: 0px 5px; }  .mtsIO { height: 18px; font-size: 12px; padding: 0px 5px; }  .myShakController1 { width: 40px; background: #00f0f020; display: none; font-size: 20px; flex-wrap: wrap;}  .sVNSg { display: flex; flex-wrap: wrap; padding: 0px 8px; }  .v4SJY:hover > .sVNSg { display: flex;}    .lmjCe { display: flex ; flex-wrap: nowrap ; flex-grow: 1; }  #zkRg9 { display: none; }  #j3aQw { height: 40px; width: 40px; background: #f0a0f030; display: none; font-size: 20px; flex-wrap: wrap; }  #skhif { display: flex ; flex-wrap: nowrap ; }  .lmjCe:hover > #skhif { display: flex }          #ldIVT { 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}  .kQltt { width: 100%; text-align: center; font-weight: bold; font-size: 20px; justify-content: center; display: flex; align-items: center; }  .pvmRD { 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; }                                  #pJksi { direction: rtl; text-align: right; margin:0px !important; position: absolute; display: flex !important; flex-wrap: wrap !important; transition: .3s ; }  .xOAVN{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;   box-shadow: 3px 2px 15px #40608020, 1px 1px 4px #40608025;  }  .myRightPan { overflow: auto; }                #j5hFR {position: absolute; transition: .3s; }        #kLp8C {position: absolute; transition: .3s; overflow: hidden; box-shadow: 3px 2px 15px #40608020, 1px 1px 4px #40608025; }    .fhFrP{ min-width: 40px; padding:0px 5px; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .fhFrP > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .fhFrP > .infI{ padding:0px 5px; font-size: 22px; }  .fhFrP:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .fhFrP:hover > .inf{ display:block }  .r2fXk { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .r2fXk > .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; } }                                      #oeRJr {position: absolute; overflow: hidden; border: 1px solid #20406040; }          .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; }                .ad6Ns { padding: 0px ;}  .nrqpq { padding: 0px 10px; font-weight: bold; font-size: 105%; line-height: 1; }            .myAsliHeaderAnime {animation: myAsliHeaderAnime 0.2s 1; }    .myMainTabsAnimeRTL1 { animation: myMainTabsAnimeRTL1 0.3s 1; }  .myMainTabsAnimeLTR1 { animation: myMainTabsAnimeLTR1 0.3s 1; }  .qs57v { animation: qs57v 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)  {   #skhif { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .lmjCe:hover > #skhif { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #j3aQw { 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; }   .sVNSg { 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%; }                          .oLkUn { padding: 5px; background: #fff0ffa0; border: 1px solid #e0000020; text-align: center; font-size: 95%; border-radius: 4px; color: #800000; }  .hZimu { width: 100%; padding-top: 15px; }  .gGjS8 { width: 100%; height: 180px; }  .qhdd8 { width: 100%; height: 300px; }  .nT1iA { width: 100%; padding: 4px 7px; font-size: 85%; }  .hR75b { width: 100%; height: 70px; }  .mAHI3 { width: 100%; height: 77px; padding: 0px 5px; z-index: 10; }    .u6X8R { display: flex; align-items: center; }  .bFyS9 { display: flex; align-items: center; margin: 0px 15px; transform: scale(1.1); }   .zPuCt { border: 1px solid #20406030; padding: 4px 6px; margin: 0px 1px; cursor: pointer; background: #fff; border-radius: 4px; }   .g0WRu { 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 }  .csbwv { 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; }                .fullGrow { flex-grow: 1;}    .lS3IA {color: #fff; background:linear-gradient(to bottom, #00f050,#00c050,#00f050); ; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .cocmt { background: linear-gradient(to bottom, #ff5040,#c04040 ,#ff5040);; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }  .cocmt { 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;}      .zNpJp { background:#00ff0020; color: #00d050; }  .lHJJw { background:#00ff0030; color: #00d050; ; font-weight:bold;}  .puGe7 { background:#ff000020; color: #e08080; }  .fcPzB { background:#ff000030; color: #e08080; ; font-weight:bold; }        .gVZZs { 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: ynonN 0.25s 1;   box-shadow: 3px 3px 10px #40608030, 15px 20px 30px #40608030; border: 1px solid #4060a040;  }  .ctoqX { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }  .vfbok { height: 100%; text-shadow: 1px 1px 10px #00000050; font-size: 120%; padding: 10px 20px; line-height: 1.7 !important; }  .hX5O5 { background: #a00050e0; color: #fff; }  .onpXO { background: #00a050e0; font-size: 110%; color: #fff; }  .e7B8k { background: #0050a0e0; font-size: 110%; color: #fff; }    .aP0P3 { padding: 10px; font-size: 150%; font-weight: bold; color: #2050a0; }  .e0qg3 { padding: 10px; font-size: 90%; font-weight: bold; color: #800040; }    .vqpJ2 { padding: 10px; line-height: 1.6 !important; }    .b0T2b { padding: 10px 5px 8px 2px; }  .vLSSY { padding: 2px 5px 0px 5px; font-size: 80%; color: #a20; }  .m75Lt {   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;  }  .jvN06 { text-align: center !important; width: 100px; font-size: 140%; }    .cDXhe{ padding: 5px 20px; color: #fff; background: #0090e0; transition: .2s; cursor: pointer; border-radius: 4px; font-size: 120%; }  .cDXhe:hover { color: #fff; background: #00a080; }    .pTZqh { padding: 5px 20px; color: #607080; background: #fff; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50607020; border: 1px solid #50607020 ; }  .pTZqh:hover { color: #005080; border: 1px solid #50607020 }    .h0Uwp { padding: 5px 20px; color: #a02000; background: #fff0fa; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50007020; border: 1px solid #50007020 ; }  .h0Uwp:hover { color: #a00000; border: 1px solid #50007050 }    .rUACF { transform: scale(.6); opacity: .85; }    .jlhPi {border: 16px solid #f3f3f3;border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: r9NMv .6s linear infinite; }    @keyframes r9NMv { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }        .kFVt7 { display: flex;flex-wrap: wrap; padding: 0px 0px 10px 10px; min-width: 150px; min-height: 150px; position: relative; }  .f31m4 { height: 200px; }  .xALE9 { margin: 10px 10px 0px 0px; }  .mVzRD { background: #5050a0e0; color: #fff; display: flex; }  .sfltC { height: 100%; }  .krFVP { height: 100%; }  .mLRuH { }  .hJ9km { font-size: 120%; padding:5px 5px 0px 5px; }  .eYM96 { font-size: 90%; padding:0px 5px 5px 5px; }    .fV4py{ width: 100%; height: 80px; font-size: 200%; font-weight: bold; color: #a0ffe0; overflow: hidden; transition: .3s; }  .vPhLM { height: 0px !important; opacity:0 !important; }      .yAHFL { background: #5050a0e0;border: 1px solid #adf; background: linear-gradient(to left, #007090, #70209050); color: #fff; display: flex; transition: .3s; cursor: pointer;;}  .yAHFL:hover { background: #5050a0e0;border: 1px solid #fff; background: linear-gradient(to left, #5050a0, #5050f0 ); box-shadow: inset 0px 0px 20px #ffffffa0; }  .onsiP { height: 100%; }  .iDmpB { height: 100%; }    .kuabA { display: flex; flex-direction: column; min-width: 180px; }  .m4vL8 { flex-grow: 1; }  .sYCTm { height: 40px; padding: 0px 5px; overflow: hidden; transition: .3s;}  .pFM2b { height: 0px; opacity: 0;}  .mqcgt { padding: 0px; height: 0px; color: #fff; box-shadow:inset 0px 0px 200px #a0ffe0; opacity: 0;overflow: hidden; transition: .3s }  .aWY7a { padding: 5px; height: 40px; color: #a0ffd0; box-shadow:inset 0px 0px 50px #50ffa050; opacity: 1; }                              #w9Iq7 { display: flex; flex-direction: column-reverse; }  .xEriP { animation: zc2kV 0.2s 1; }  .lYl89 { animation: vV5Tg 0.2s 1; opacity: 0; height: 0px; }    .w9Iq7 { overflow: hidden; }  .h4PEB { padding: 8px 10px; font-size: 95%; margin: 5px 10px; border-radius: 8px; }  .xq2hZ { border: 1px solid #005020; background: #007050c0; color: #fff; }  .dahgd { border: 1px solid #500020; background: #a02030c0; color: #fff; }  .clN3L { border: 1px solid #5050a0; background: #ffffffe0; color: #08c; }    .vTIoi { border: 1px solid #b0b000; background: #fffff0d0; color: #705000; border-right: 5px solid #a08000; font-size: 90%; }                  .wSWxQ { width: 100%; display: flex; flex-wrap: wrap; padding: 5px;; }    .ovX5C { border: 1px solid #20406030; margin: 1%; background: #fafcfea0; box-shadow: 2px 3px 10px #20406020; box-shadow: 3px 15px 20px -8px #00306025; }  .wbioh { border: 1px solid #20406030; margin: 2px auto; }  .s6xC0 { width: 100%; height: 2px; }  .bZYUx { height: 35px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .fGI9R { height: 30px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .geYdQ { height: 30px; display: flex; align-items: center; padding: 3px 6px 1px 0; box-shadow: inset 0px 8px 8px -8px #00406040; font-size: 90%; }   .yvpzJ { height: 100%; border-radius: 3px; background: #ffffff50; margin: 1px 2px; display: flex; align-items: center; justify-content: center; padding: 0px 7px; border: solid 1px #20406010; }   .j7faH { font-size: 85%; opacity: 85%; padding: 2px 1px 0px 5px; }   .r3csr { cursor: pointer; border: solid 1px #20406020; transition: .2s; }   .r3csr:hover { cursor: pointer; border: solid 1px #0040a030; background: #00a0ff10; color: #002080; }  .vaxCS { height: 35px; display: flex; position: relative; z-index: 100; }  .ulN3a { width: 100%; position: relative; padding: 4px 0px 1px 0px; background: #ffffff50; }              .hYoqI { display: flex; }  .e5RED { padding: 4px 8px; min-width: 100px;; }            .iwPlo { padding: 0px 4px; height: 100%; white-space: nowrap; position: relative; z-index: 100; }  .t8zur { white-space: nowrap; display: flex; align-items: center; padding: 0px 2px ; height: 100%; }  .blwxF { font-size: 90%; }  .cdvVZ { background: linear-gradient( to left, #fbf6a480, #fbf6a450, #a0c0f000 ); }  .rAp0l { background: linear-gradient( to left, #ffb55080, #ffb55050, #a0c0f000 ); }  .b9IDj { background: linear-gradient( to left, #ff607060, #ff706040, #a0c0f000 ); }   .lhIqG { padding: 0px 12px; height: 100%; display: flex; align-items: center; background: linear-gradient(to left, #00205005, #ffffff10); border-right: 1px solid #20406015; }   .bYYT8 { padding: 0px 7px 0 2px; text-align-last: left; direction: ltr; }   .fcluQ { padding-top: 1px; font-size: 90%; }   .qy2bf { box-shadow: inset 0px 0px 20px 2px #ff800040; color: #900000; }   .f4ANs { padding-right: 5px; color: #008020; }   .j24V0 { padding-right: 5px; color: #b00000; }     .jYGJV { cursor: pointer; }     .fMGJn { padding: 5px; color: #302010; }              .id328 {top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; }   .c25bt { z-index: 200; width: 100%; height: 30px; right: 0px; left: 0px; top: 0px; background: linear-gradient(to left,#f0f8ff,#faffff,#fffbff); position: absolute; box-shadow: 0px 0px 6px #20406050; }   .vRoye { z-index: 100; width: 100%; height: 30px; right: 0px; overflow-x: auto; overflow-y: hidden; left: 0px; top: 30px; background: #5080ff10; position: absolute; box-shadow: 0px 0px 6px #20406050; }   .n4Max { width: 100%; min-width: 300px; height: 100%; display: flex; }   .xrle9 {height: 100%; flex-shrink:0; min-width: 100px; margin-left: 8px; }   .cNgsZ { z-index: 10; width: 100%; position: absolute; right: 0px; left: 0px; top: 60px; bottom: 0px; overflow: hidden; }   .i398o { width: 100%; min-width: 300px; position: relative; overflow: auto; height:100%; }   .f9hZq { height: 30px; display: flex; align-items: center; white-space: nowrap; min-width: 300px; }   .jkxej { padding: 4px 8px; margin: 0px 0px; height: 90%; display: flex; align-items: center ; position: relative; }   .lVxDH { opacity: 0.5 !important; position: relative; }   .uHGje { 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; }   .lVxDH:hover > .uHGje { opacity: 1 !important; }   .d5HVV { height: 25px; width: 25px; transform: scale(0.8); color: #600010; border-radius: 10px; background: #ffffffc0; display: flex; justify-content: center; align-items: center; }   .fM3Wg { width: 100%; display: flex; ; }       .jtmRZ { box-shadow: none !important; background: transparent !important; }   .iZEmI { box-shadow: none !important; background: linear-gradient(45deg, #fff0a000, #fff0a050, #fff0a000) !important; }   .xwVOv { min-height: 500px; }       .arf8I { transition: .3s; }                 .u6Ch8 { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; display: flex; flex-direction: column; }   .xeDBi { width: 100%; height: 5%; z-index: 100; display: flex; position: relative; }   .hYXEG { width: 100%; flex: 1; flex-grow: 1; z-index: 10; }   .pscNE { width: 100%; height: 9%; }   .bCxfD { width: 100%; height: 9%; }       .lask0 { max-width: 1000px; margin: 7px 4px; }   .cwWus { display: flex; height: 30px; position: relative; z-index: 200;; }   .yzFNr { 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; }   .m6ADd { cursor: pointer; border: 1px solid #2040a040; }   .ycCCE { display: none; padding: 0px 6px; }   .p0Yib { cursor: pointer; border: 1px solid #2040a040; background: var(--u6vj6) !important; box-shadow: var(--mtb2N); text-shadow: 1px 1px 5px #0000a070; color: var(--ipU0b) !important; }   .p0Yib > .ycCCE { display: block ;}   .c3dTT { 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;; }   .emjQ8 { display: block; }   .qa888 { font-weight: bold; padding: 2px;; }   .icPVA { padding: 4px 5px 8px 5px; }     .wQvIi { display: flex; padding: 8px 7px 10px 7px; position: relative; }   .dSdLl { position: absolute; top: 2px; right: 5px; bottom: 2px; left: 5px; border-radius: 4px; z-index: 100; cursor: not-allowed; background: #d0e0f0a0; }   .sZ2Ct { display: flex; padding: 4px 7px; justify-content: center; width: 44%; margin: 0px 3%; cursor: pointer; border-radius: 4px; background: #ffffff50; border: 1px solid #20406030; }   .wDUJS{ background: var(--u6vj6) !important; box-shadow: var(--mtb2N); text-shadow: 1px 1px 5px #0000a070; color: var(--ipU0b) !important; opacity: 1;; cursor: default !important; border-radius: 4px; }     .mOu1g { padding: 8px; display: flex; }   .yFRnb { padding: 8px 3px; flex-grow: 1; max-width: 40px; }   .lEO9n { width: 100%; height: 170px; border-radius: 4px 4px 0 0; background: #0050f005; box-shadow: inset 0px 0px 5px #0060a010; position: relative; }   .oMof6 { 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; }   .tv406 { background: linear-gradient(to left, #a0b0f0, #d0e0ff) }   .p6CRx { width: 100%; height: 120px; display: flex; justify-content: center; padding: 5px 1px; position: relative;; }   .iND9V { transform: rotate(90deg); white-space: nowrap; position: absolute; top: 110px; left: 0; right: 0; bottom: -10px ; }       .l3fJW { min-height: 100px; padding:12px 8px 0px 8px; z-index: 10; position: relative;   border: 1px solid #20406050; margin: 15px 5px; box-shadow: 0px 0px 5px #20406030; }   .l3fJW:hover { z-index: 100 !important; }   .zxI4n { 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; }     .l3fJW > .s9TJN { padding: 0px !important; }   .mXPZe { padding: 24px 5px 8px 5px ; background: #e0eaf5; border: 1px solid #20406050; margin: 15px 10px; box-shadow: 1px 4px 15px -6px #20406050; }     .cqt3Y { padding: 0px !important; background: #ffffffb0; margin-top: 7px; width: 100%; display: flex; height: 30px; border: 1px solid #20406050; }   .qc7vA { height: 100%; display: flex; align-items: center; padding: 0px 12px; background: linear-gradient(to right, #ffffff40, #50f0ff10); }   .vupsm { font-size: 90%;opacity: .9; width: 110px; border-left: 1px solid #20406030; }   .xXHD4 { font-size: 90%;opacity: .9; width: 50px; min-width: 50px; border-left: 1px solid #20406030; }   .qxfE5 { font-size: 80%;opacity: .9; padding: 0px; justify-content: center; width: 170px; min-width: 170px; border-left: 1px solid #20406030; }   .l0JRI { flex-grow: 1; direction: ltr; }   .l0JRI { flex-grow: 1; direction: ltr; }   .jObUf { flex-grow: 1; }   .fOTev { flex-grow: 1; justify-content: center; font-size: 90%; box-shadow: 0px 5px 10px -5px #20406070; }   .nRqt3 { flex-grow: 1; background: #ffffff50; padding: 0px; }   .w4tFB { width: 50%; color: #004010; box-shadow: inset 3px 0px 1px -2px #00a02010; background: linear-gradient(to right, #00f0a010, #00ffa000); position: relative; }   .tjBoX { right: 0px; background: linear-gradient(to top, #00f05030, #00e05020, #00f05030); background: linear-gradient(45deg, #b0ffd0a0, #b0ffe0a0); box-shadow: inset -45px 0px 40px -20px #00d00020; border-radius: 2px 0px 0px 2px; }   .jyXzc { background: linear-gradient(45deg, #a0f0e0c0, #90f0c0c0); box-shadow: inset 45px 0px 40px -20px #00d00050; }   .pe6iO { z-index: 10;; position: relative; direction: ltr; }   .qhoo6 { position: absolute; top: 0px; bottom: 0px; z-index: 1; }   .lrTtr { width: 50%; color: #500000; box-shadow: inset -3px 0px 2px -1px #a0002010; background: linear-gradient(to right, #ff50a000, #ff80a010); position: relative; justify-content: flex-end; }   .be2fb { left: 0px; background: linear-gradient(to top, #ff102030, #ff000020, #ff102030); background: linear-gradient(-45deg, #ffd0c0a0, #ffd0d0a0); box-shadow: inset 45px 0px 40px -20px #ff000020; border-radius: 0px 2px 2px 0px; }   .uUDcs { background: linear-gradient(-45deg, #ffc0d0c0, #ffb0b0c0); box-shadow: inset -45px 0px 40px -20px #ff000040; }   .ayvQi { border-bottom: 1px solid #20406008; }   .xL5Fx { border-top: 1px solid #20406008; margin-top: 0px; }      .e19Af { margin: 6px; border: 2px solid #20406030; background: #ffffffa0; display: flex; padding: 5px; }   .vY0MV { display: flex; justify-content: center; align-items: center; width: 150px; }   .ttxur { }   .v0fHe { height: 120px; }   .xunbv { height: 80px; font-size: 90%; }   .flSXq { height: 150px; }   .kStfw { display: flex; border: 1px solid #20406020; }   .bmXr0 { position: relative; width: 28px; white-space: nowrap; border-right: 1px solid #20406020; }   .sOWL7 { position: absolute; display: none; white-space: nowrap; border: 1px solid #20406020; z-index: 100; background: #ffffffe0; box-shadow: 1px 3px 8px -3px #20406020; top: 20px; right: 40px; padding: 5px 8px;; }   .zvty1 { display: flex; }   .aQeZ6 { font-size: 90%; opacity: .9;;}   .fpmWj { direction: ltr; padding-right: 10px;}   .bmXr0:hover > .sOWL7 { display: block; }   .hekjY { margin-left: 25px; }   .yRN5w { box-shadow: -10px -5px 15px -8px #20406030; border-left: 1px solid #20406030; }   .fLP87 { box-shadow: 10px 5px 15px -8px #20406030; border-right: 1px solid #20406030; }   .oXLsM { margin-left: 25px; box-shadow: -10px -5px 15px -8px #20406030, 10px 5px 15px -8px #20406030; border-right: 1px solid #20406030; border-left: 1px solid #20406030 }   .uH1IA { position: absolute; right: 1px; left: 1px; bottom: 0px; }   .qlkhe { bottom: auto; top: 0px; }   .vIiC2 { background: #00a0f0; }   .uRi3A { background: linear-gradient( to top, #b0ffe0a0, #b0ffd0a0); box-shadow: inset 0px -45px 40px -20px #00d00020; border-radius: 2px 2px 0 0; }   .nJ3Qw { background: linear-gradient( to top, #a0f0e0c0, #90f0c0c0); box-shadow: inset 0px -45px 40px -20px #00d00050; border-radius: 2px 2px 0 0; }   .eLjxD { background: linear-gradient( to bottom, #ffd0c0a0, #ffd0d0a0); box-shadow: inset 0px -45px 40px -20px #ff000020;; border-radius: 0 0 2px 2px; }   .nlMIc { background: linear-gradient( to bottom, #ffc0d0c0, #ffb0b0c0); box-shadow: inset 0px -45px 40px -20px #ff000040;; border-radius: 0 0 2px 2px; }   .wBdeI { display: flex; border: 1px solid #20406010; overflow: hidden; padding-left: 30px; }   .xDxdo { writing-mode: vertical-rl; font-style: italic; height: 150%; transform: rotate(215deg) translate(36px, 0px); display: flex; align-items: center; padding-bottom: 30px; border-right: none; border-left: 1px solid #20406020; }        .sPUeF { position: absolute; top: 6px; right: 0px; bottom: 6px; left: 0px;; }    .q8ebb { display: none; overflow: auto; position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px; background: #f0faff; z-index: 200; }  .grtow { display: block; }   .d8v6G { display: flex; max-width: 400px; padding: 7px 20px; }   .xWZst { min-width: 700px; padding: 10px 20px; }   .t3yiZ { margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .nP4Z0 { background: #f0faff50; cursor: auto; bottom: 0 5px 5px 0; font-size: 80%; line-height: 1; }   .lF5QB { height: 40px !important; font-size: 105%; }   .x9uSG { display: flex; background: #ffffff10 !important; padding: 8px; flex-wrap: wrap; }   .nLgtE { min-width: 500px; margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .eIaJz { display: flex; background: #ffffff50; height: 35px; cursor: pointer; }   .c4pxp { cursor: auto; }   .qmTEJ { display: flex; justify-content: center; height: 100%; align-items: center; text-align: center; width: 70px; border-left: 1px solid #20406020;}   .ckaX6 { padding: 0px 15px; font-size: 110%; width: 125px; }   .q8sRR { flex-grow: 1; }   .oUViJ { direction: ltr; }   .cCITg { font-size: 90%; }   .jLD4X { padding: 0px 0px 0px 5px; font-size: 80%; opacity: .8; font-weight: normal !important; }   .jTsVj { width: 85px; border-right: 4px solid #20406020;border-left: 4px solid #20406020; }   .ufTRD { width: 130px; width: 130px; }   .eGfeu { width: 120px; width: 120px; }   .lRXtW { width: 100px; position: relative; }   .kHk31 { width: 75px; }   .otUeU { background: #00e05005; }   .rPLIN { background: #e0203005; }   .kD4Ha { display: none; background: #f0faff50; padding: 8px; flex-wrap: wrap; overflow: auto; }   .wVgAI { background: #ffffff50; box-shadow: 1px 3px 8px -1px #20406050; border: 1px solid #0050a050; margin: 14px 5px; }   .wVgAI > .eIaJz { background: #ffffff80; box-shadow: 1px 3px 8px -3px #20406050; }   .wVgAI > .kD4Ha { display: block; }       .gk6hW { display: flex; flex-wrap: wrap; }   .cuZrL { border-radius: 3px; height: 60px; border: 1px solid #20406020; background: #20406010; overflow: hidden;; min-width: 110px; display: flex; justify-content: center; align-items: center; margin: 4px 5px; }   .goZx2 { border-radius: 0px; height: 30px; border: 1px solid #20406020; background: #f0faffa0; }   .nmXTz { background: #fff; cursor: pointer; border: 1px solid #2040a040; height: 60px; display: block; box-shadow: 1px 3px 8px -3px #20406030; }   .nmXTz:hover { border: 1px solid #2040a070; box-shadow: 1px 3px 8px -3px #20406050; }   .rZAb2 { display: flex; height: 30px; justify-content: center; align-items: center; font-size: 110%; color: #0050a0; background: #fff; cursor: pointer; }   .ihmYU { display: flex; height: 30px; justify-content: center; align-items: center; }   .q8sNp { direction: ltr; height: 100%; display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #20406020; }   .dGOgQ { font-weight: bold; }   .yzh2c { width: 100%; }          .ssiJF { padding: 6px; }   .bEgi9 { padding: 30px 30px 20px 10px; }   .amw9z { padding: 10px; display: flex; flex-wrap: wrap; }   .y3Vk5 { margin: 10px; cursor: pointer; min-width: 200px; max-width: 250px; border-radius: 4px; border: 2px solid #20406020; transition: .2s; }   .y3Vk5:hover { border: 2px solid #2040f0a0; ; }   .jm7n7 { font-size: 110%; color: #004080; padding: 15px; background: #fff; transform: .2s; }   .y3Vk5:hover > .jm7n7 { color: #fff; padding: 15px; background: #2040f0a0 }     .qTxvn { padding: 10px 25px; }   .cmNGD { font-size: 85%; color: #007020; padding: 5px 0px; }   .kI7t6 { padding: 2px 5px; }     .diWsI { padding: 1px; display: flex; flex-wrap: wrap; animation: gHhz8 0.3s 1; z-index: 10; }   .rW9n0 { padding: 4px 7px; width: auto !important; margin: 1px 5px !important; }    .bADwI { padding: 10px; }   .opeRq { display: none; }   .aXYyU { display: block; animation: cuH4N 0.2s 1; }     .yyWqs { padding: 20px 20px }   .mEnqn { padding: 10px 16px; line-height: 1.8; color: #804000; background: #ffd0a010; border: 1px solid #a04000; border-radius: 4px; }       .hfo9b { padding: 2px 10px 3px 10px; }   .wfBEF { padding: 2px 15px; width: 145px; margin: 5px 20px 0px 0px ; border: 1px solid #20406050; border-bottom: none; border-radius: 5px 5px 0 0; }   .oqRkf { display: flex; border: 1px solid #20406040; border-radius: 4px; }   .jxF7x { border-left: 1px solid #20406030; cursor: pointer; }   .yxW3I { border: 1px solid #20406070; background: #ffffff; margin: 0px 12px; transform: scale(1.1); box-shadow: 0px 5px 12px -4px #20406040; }   .ygQd4 { display: flex; justify-content: center; align-items: center; height: 25px; width: 100px; border-bottom: 1px solid #20406020 ; }   .eSTs8 { display: flex; justify-content: center; align-items: center; height: 25px; width: 36px; border-bottom: 1px solid #20406020 ; direction: ltr; }   .aLJYx { height: 100%; background: #a0008010; }   .b6Jar { position: relative; height: 100px; padding: 5px; background: #20406010; }   .gjPm1 { font-size: 85%; }   .iEtji { color: #008020; background: #00f02010 }   .enjZH { background: #00f02030; }   .jsGxd { color: #a00000; background: #ff000010; }   .x4Mgo { background: #ff000030; }     .eRYe7 { margin: 10px; border: 1px solid #20406050; border-radius: 5px; display: flex; }   .rQxb7 { min-width: 75px; border-left: 1px solid #20406030; }   .rT5Oa { width: 200px; }   .u83xi { height: 36px; border-bottom: 1px solid #20406030;direction: ltr; display: flex; justify-content: center; align-items: center; }   .yGrdm { opacity: .7; font-size: 80%; padding: 1px 1px 0px 1px;; }       .g6LOC { display: flex; height: 30px; position: relative; padding: 4px 0px; }   .kGWuu { cursor: pointer !important; }     .tLTju { margin: 10px 4px; }   .irdoY { margin: 5px; padding: 5px; background: #ffffff70; display:flex; flex-wrap: wrap; border-radius: 5px; border: 1px solid #20406030; max-height: 150px; overflow: auto; }   .s9jqG { padding: 5px 8px; }   .kMUW1 { padding: 1px; }   .ejJRY { padding: 5px; }       .ygnDG { margin: 15px; max-width: 1000px; }     .qLAgb { display: none; }   .iQtJ4 { display: block; }   .nUQUN { padding: 15px 0px; display: flex; flex-wrap: wrap; }   .k4g8P { padding: 15px 0px; }   .xyQ6t { margin: 0px 10px; border-bottom: 1px solid #20406050; display: flex; height: 30px; }   .huzgf { height: 85px; background: #fff !important; }   .a4jC1 { 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; }   .fPOgq { width: 120px; min-width: 120px; max-width: 120px;}     .k4g8P > div:nth-of-type(odd) { background: #fffffa60; }   .k4g8P > 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; }              .tpv2q { padding: 4px; }  .cTirJ { margin: 12px 10px; width: fit-content; border: 1px solid #20406040; box-shadow: 1px 4px 14px -5px #20406050; background: #ffffff50; overflow: hidden; }   .twlOn { display: flex; height: 50px; margin: 0px 0px 6px 0px; box-shadow: 0px 5px 14px -5px #20406050; }   .zY1Wb { display: flex; width: 50px; border: 1px solid #20406020; justify-content: center; align-items: center; font-size: 140%; font-weight: bold; }   .xqijo { padding: 0px; display: flex; flex-grow: 1; background: linear-gradient(to right, #ffffff20, #ffffff20, #00a0ff20); }   .eUoHs { display: flex; align-items: center; height: 100%; padding: 5px 14px 5px 6px; font-size: 110%; font-weight: bold; color: #0050a0; }   .nf3ff { display: flex; align-items: center; height: 100%; padding: 5px 5px 0px 20px; font-size: 90%; opacity: .9; }   .a8X4m { display: flex; align-items: center; height: 100%; padding: 5px 10px; ; }   .yk1mD { padding: 5px 10px; }   .lhqsx { display: none; }     .fCBfP { display: flex; padding: 4px 10px; }   .pxSss { display: none; }   .mMxZa { margin: 6px 6px; border: 1px solid #20406050; background: #fafeff; overflow: hidden; }   .knoEH { margin: 0px 0 8px 0; border: none; border-bottom: 1px solid #20406050; background: #fafeff; box-shadow: 0px 5px 10px -5px #20406050; }   .tbX2V { display: flex; height: 40px; }   .lnwgT { font-size: 125%; font-weight: bold }   .ohqUu { border: 1px solid #20406020; background: #ffffff20; }   .fZIGN { color: #204060; padding: 5px 10px 5px 5px; font-size: 100%; white-space:nowrap; font-weight: bold; }     .wjXa8 { font-size: 95%; opacity: 0.9; }   .k4CQ9 { display: flex; height: 28px; border-top: 1px solid #20406030; }   .mHVeX { height: 45px; }   .vpRGD { width: 70px; border-left: 1px solid #20406020; display: flex; justify-content: center; align-items: center; }   .e4Nhi { flex-grow: 1; text-align: center; direction: ltr; display: flex; justify-content: center; align-items: center; min-width: 50px; }     .r5dkQ { border: 1px solid #c00020a0; color: #c00020; background: #ff508010; direction: ltr; }   .pN14t { border: 1px solid #f0a000a0; color: #907000; background: #ffa00010 }   .b9PiE { border: 1px solid #008020a0; color: #008020; background: #00e02010 }     .vjNSf { margin: 8px 10px; min-width: 200px; border: 1px solid #20406050; background: #e0f0ff; }                .myTabsDiv1 { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }    .myTabsHeader1 { height: 40px; z-index: 20; background: var(--gcCvY); }    .wdb7c { background: var(--xksNA); background: linear-gradient(to left, #f0f5ff, #ffffff); border: 1px solid #2040a010; font-size: 95%; height: 100%; opacity: .9; ; margin: 0px 0px; padding: 0px 7px; cursor: pointer; transition: .3s; }  .wdb7c:hover { background: #ffffffa0; background: linear-gradient(to left, #d0f0ff, #ffffff); color: #0000a0; opacity: 1; }  .iaDUZ{ background: var(--u6vj6) !important; box-shadow: var(--mtb2N); text-shadow: 1px 1px 5px #0000a070; color: var(--ipU0b) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }  .hQZoy{ background: var(--u6vj6) !important; box-shadow: var(--mtb2N); text-shadow: 1px 1px 5px #0000a070; color: var(--ipU0b) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }   .iaDUZ > .uHGje{ opacity: 0; }   .hQZoy > .uHGje{ opacity: 0; }          .u80Zb { position: relative; top: 0px;left: 0px; bottom: 0px; display: flex; z-index: 40; }  .iMQjD { width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}  .pE7xl { color: var(--xEw9g); background: var(--rT9LG); }  .pE7xl:hover { color: var(--sGfor); background: var(--hXn7r); }  .uk16I { color: var(--beTC4); background: var(--sWG5o);; }  .uk16I:hover { color: var(--rBs6g); background: var(--d1DGt) }  .m2no8 { color: var(--kBeiG); background: var(--uMTWX); }  .m2no8:hover { color: var(--rnQs3); background: var(--jBht8); }    .je5ZG { color: var(--vBvRn); background: var(--rfINP); cursor: move !important; opacity: .5; transition: .2s; }  .je5ZG:hover { color: var(--vz42q); background: var(--sHLzZ); opacity: 1; }          .myTabsContent1 { z-index: 10; overflow: auto; flex: 1; position: relative; overflow: auto;}  .myTabsContentDefaultBg1 { background: var(--sCR27); box-shadow: var(--j8r9Q); }    .myTabsContentLightBg1 { background: var(--mVOtx);    }    .gxj9v { transition: .2s; display: none; ; }  .r54sk { display: block; }    .pageContentItems { transition: .2s; }  .pageContentItemOff { display: none !important; }  .pageContentItemON { animation: myTabContentItemONAnime 0.3s 1; }        .eH3Dt { transition: .2s; display: none; ; }  .jpI5w { display: block; }                                                        .bh6ew{ display: none !important;}  .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; }        .ktwJ1 { 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; }  .ktwJ1:hover { background: #ffffff30; opacity: 1; box-shadow: 0px 0px 8px #5070a005 }  .fiO7R { background: #fff !important; box-shadow: 0px 0px 8px #2070a020 ;   border: 1px solid #20407035; opacity: 1; cursor: default !important; transition: .3s;   outline-offset: -1px; outline: 2px solid #0080ff70; border-radius: 3px;  }  .dilUd { animation: hzsay .3s 1;}    .gvJiz { width: 100%; display: flex; height: 100%; }  .c4o6Y{ animation: k3dsb 0.3s 1; }    .v4MJn { width: 100%;height: 100%; position: relative;}  .lSQcR { }    .bDTb9 { 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; }  .bDTb9:hover { opacity: 1; }  .fe6f7 { background: #fff; outline-offset: -1px; outline: 2px solid #0080ff70; border-radius: 3px; }      .utpt5 { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .xDRkf { animation: gt5Zf .3s 1 }    .o2uIC { min-height: 30px; height: 30px; 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;    }  .iCF3Q { height: 100%; margin-right: 5px; display: flex; align-items: center; padding-left: 10px; flex-grow: 1; }  .zwo8t { overflow: auto; }    .gVr0M { 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;  }   .n6pvj { display: flex; height: 100%; flex-grow: 1; }    @media (max-width: 570px)  {   #skhif { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .lmjCe:hover > #skhif { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #j3aQw { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }          .yH6hP { width: 40px; height: 100%; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .yH6hP:hover { width: 170px; background: #d0000020; }  .q3pcI { width: 130px; font-size: 15px; display: flex; justify-content: center; align-items: center; }              .sTbuP { display: flex; min-width: 500px; padding: 0px; transition: .2s; }  .dWNiV { background: #f0b00050 !important; }  .ylxr1 { background: #ff002050 !important; }  .yqSZb { background: none !important; box-shadow: none !important; }  .sTbuP:hover { background: #ffffffa0; box-shadow: 1px 2px 7px #20407020; }    .t21kt { 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; }  .t21kt:hover { border: 1px solid #2040a060; box-shadow: 0px 0px 5px #0050a020; background: #ffffffa0; }  .ws1e1 { padding: 5px 0px; display: flex; justify-content: center; align-items: center; width: 50%; box-shadow: inset 0px 0px 20px #ffffff80; }  .z2DvJ { background: #00f08010; color: #007030; border-right: 1px solid #00702030; text-shadow: 1px 1px 10px #00703020; }  .a9uU5 { background: #0090ff10; color: #003060; text-shadow: 1px 1px 10px #00307020 }    .sbdtF { cursor: auto !important; padding: 8px;; display: flex; justify-content: center; align-items: center; color: #fff; background: #0080d0; }  .cGu28 { background: #00a0b0; }  .uLREv { background: #00a070; }  .s7FRg { width: 100px; display: flex; justify-content: center; align-items: center; background: #0080d010; }      .rtS7X { display: flex; height: 200px; width: 900px; padding: 10px; align-items: flex-end; margin: 5px 5px 30px 5px;; }  .d5SyR { background: #2060b0a0; border-radius: 5px; background: linear-gradient(45deg,#a0c0f0,#0070b0); position: relative;; }  .bHIPy { position: absolute; bottom: -22px; font-size: 90%; right: 0px ; }    .eTL7I { padding: 5px; margin: 5px;; direction: ltr; }  .ekDYc { display: flex; padding: 2px 4px;; }  .yZMwq { width: 110px; padding: 0px; }  .mkuGI { width: 50px; padding: 0px; }          .li5tC { display: flex; flex-wrap: wrap; padding: 10px; }  .pg291 { width: 350px; height: 250px; position: relative; background: var(--ac3St); margin: 10px ; border-radius: 10px; }   .gPzzD { margin: 10px 0; width: 100%; }  .cW8hu { width: 100%; height: 100%; margin: 10px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; }   .vnArn { width: 300px; height: 300px; position: relative; }   .gPBZQ { position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 5px 0px; background: #ffe0a050; color: #502030; }  .jGE7l { 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; }   .jGE7l { width: 100% }  .pnrDf { width: 28.57%; height: 100%; position: relative; background: linear-gradient(to right, #ffffff20,#a0b0e020) ; border-right: 1px solid #20406010; }  .mszNc { width: 14.29%; }  .srUhb { position: absolute; top: 102%; left: -2px; opacity: .85; font-size: 85%; }  .eVtDJ { position: absolute; width: 5px; height: 5px; border-radius: 50%; z-index: 20; }  .gnX27 { background: #0050d0; }  .uacI8 { background: #d01000; }  .kl8aJ { background: #00a050; }  .n0asm { position: absolute; left: 0px; bottom: 0px;; z-index: 10; opacity: .1; }    .ggCqA { border: 1px solid #20406020; background: #ffffff20; height: 35px; margin-bottom: 6px; font-size: 110%; box-shadow: 1px 3px 10px #20406020; display: flex; }  .wAm2O { width: 100px; height: 100%; display: flex; padding: 0px 12px 0 5px; flex-grow: 1; align-items: center; white-space: nowrap; }  .iwRey { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; direction: ltr; }  .t29VZ { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; }   .dUweP {font-size: 85%; opacity: .85;}            .sVuH6 { margin: 10px 20px; padding: 10px; font-size: 110%; color: #600010; text-shadow: 2px 2px 7px #ff500050; }    .hSJDn { margin: 10px 20px; min-height: 40px; display: flex; flex-wrap: wrap; }  .hSJDn > div { padding: 8px; margin: 2px 0px; }  .g4rSR { padding: 10px; min-width: 580px; margin: 5px;}    .mfcS0 { padding: 5px 8px; display: flex; align-items: center; z-index: 1000; }   .b7XQD { display: flex; padding: 2px 6px; }   .gdZ19 { display: flex; padding: 2px 4px; font-size: 90%; opacity: .8; }      .dNy1i { padding: 5px; z-index: 5; border: 1px solid var(--iImNi); display: flex; margin: 7px 0px ; background: var(--azNFF); box-shadow: 0px 2px 15px var(--ejRJC); position: relative; transition: .2s; }  .vJAxp { padding: 0px; }  .dNy1i:hover { z-index: 10; border: 1px solid var(--qhfBN); background: var(--ud0rx); box-shadow: 0px 2px 15px var(--eveJH); }  .nGeuh { border: 1px solid var(--ekuab); background: var(--azNFF); box-shadow: 1px 3px 12px var(--eveJH); }  .rMZWd { border: none !important; transform: scale(.9) ; background: var(--r8QZb); opacity: .6; }  .rMZWd::after { position: absolute; z-index: 10; content: ""; top: 0px; right: 0px; left: 0px; bottom: 0px; cursor: not-allowed; }    .ptM4f { padding: 5px; width: 40px; min-height: 80px; }  .xon4M { border: 1px solid var(--iImNi); 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; }  .xon4M:hover { border: 1px solid var(--ekuab); background: var(--azNFF); box-shadow: 0px 1px 4px var(--eveJH) }    .aAWR8 { padding: 5px; width: 100px; min-height: 80px; }  .laLT5 { padding: 5px; width: 55px; min-height: 80px; }  .ahm4g { padding: 5px; width: 120px; min-height: 80px; }  .l2Adk { padding: 5px; min-width: 200px; flex-grow: 1; min-height: 80px; }    .d1ll1 { padding: 5px; width: 105px; height: 35px; }  .glxiJ { display: flex; }  .oJG2L { padding: 5px 0px; }  .vAAuB { margin:6px 2px 0px 2px; font-size: 80%; padding: 5px; border: 1px solid var(--iImNi); cursor: pointer; border-radius: 5px ; transition: .2s; display: flex; justify-content: center; align-items: center; }  .vAAuB:hover { border: 1px solid var(--ekuab); background: var(--azNFF); box-shadow: 0px 1px 4px var(--eveJH) }    .oZJwt { padding: 5px; flex-grow: 1; }  .vfV5v { width: 100%; display: flex; flex-wrap: wrap; max-width: 300px; max-width: 500px; }  .pnMlH { width: 100%; display: flex; flex-wrap: wrap; width: 800px; }  .hCk6v { width: 100%; display: flex; flex-wrap: wrap; }  .f07We { padding: 10px 4px; font-size: 92%; }  .tBqTF { display: none !important; }  .ubnXx { padding: 5px 8px; width: 60px; display: flex; align-items: center; opacity: .85; }  .gpqn1 { color: #0030a0; background: linear-gradient(to left, #0000ff10, #00a0ff15); border-radius: 0px 5px 5px 0px; }  .qtAUC { padding: 5px; flex: 1; max-height: 500px; overflow: auto; ; }  .wvlgM { font-size: 85%; opacity: .85; }  .oeC2s { background: linear-gradient(to left, #00a0ff15, #00ffff10, #ffffff00); color: #0030a0; }  .lcGXQ { padding: 5px 7px 5px 5px; opacity: .9; width: 100%; background: var(--gXmc6); font-size: 90%; margin: 3px 0px; border: 1px solid var(--iImNi); border-radius: 5px; }  .pr1nV { direction: ltr; text-align: left; width: 100%; display: flex; padding: 1px; box-shadow: 0px 1px 4px var(--ejRJC); padding: 1px; background: var(--ud0rx); border-radius: 5px; }  .phcwn { width: 20px; padding-top: 1px; justify-content: center; font-size: 85%; opacity: .85; display: flex; align-items: center; ; }  .vTf1v { width: 25px; opacity: .5; ; display: flex; align-items: center; justify-content: center; }  .pVYTZ { flex: 1; font-family: monospace !important; border-left: 2px solid var(--qhfBN); padding: 1px 5px; }    .w9AYw { padding: 5px; background: #00d07010; width: 100%; border-radius: 7px; margin: 5px; min-width: 700px; }  .gH6zQ { padding: 5px; }  .gh0Qa { width: 100%; border-radius: 5px; ; border: 1px solid var(--iImNi); height: 500px; display: flex; flex-direction: column; overflow: hidden; }  .oZwI8 { display: flex; background: var(--yNar6); box-shadow: 1px 3px 7px var(--ejRJC); height: 40px;; }  .u8e8R { 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 }  .u8e8R:hover { color: #ffffff }  .t3Qak { color: #ffffff }  .kpOTc { flex: 1; overflow: auto; position: relative; margin: 10px; }  .nyrtx { width: 100%; display: none; padding: 5px; }  .suPVq { display: block !important; }    .k70HN { margin: 5px; border-radius: 5px; border: 1px solid var(--qhfBN); box-shadow: 1px 2px 7px var(--gXmc6); overflow: hidden; background: var(--azNFF) }  .yeDdn { padding: 7px 10px; cursor: pointer; box-shadow: 1px 3px 7px var(--gXmc6); background: var(--azNFF) }  .nC6yw { padding: 2px 5px; display: none; }  .kQl5A { display: block; }  .aPBeY { padding: 5px 10px; cursor: pointer; transition: .2s; }  .vajAd { opacity: .5; cursor: not-allowed !important; background: #e0e0e0 !important; box-shadow: none !important;}  .aPBeY:hover { background: var(--azNFF); box-shadow: 1px 3px 7px var(--gXmc6) }    .rP2Se { padding: 5px; width: 100% !important; max-width: 100%; border: 1px solid var(--qhfBN) !important; outline: none !important; background: var(--azNFF); box-shadow: 1px 3px 7px var(--ejRJC); }  .oWldf { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; height: 50px; text-align: left; direction: ltr; border: 1px solid var(--qhfBN) !important; outline: none !important; background: var(--azNFF); box-shadow: 1px 3px 7px var(--ejRJC); }  .dfxrS { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; height: 50px; text-align: right; direction: rtl; border: 1px solid var(--qhfBN) !important; outline: none !important; background: var(--azNFF); box-shadow: 1px 3px 7px var(--ejRJC); }  .h8QrE { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; text-align: left; direction: ltr; background: var(--azNFF); border: 1px solid var(--y1alN) !important; box-shadow: 1px 3px 10px var(--gXmc6); }  .eawVo { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; height: 100px !important; border: 1px solid var(--qhfBN) !important; outline: none !important; background: var(--azNFF); box-shadow: 1px 3px 10px var(--gXmc6); }  .tIJki { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; background: var(--azNFF); border: 1px solid var(--y1alN) !important; box-shadow: 1px 3px 10px var(--gXmc6); }  .i2Sf8 { }    .nNCJR { padding: 10px;;}    .rVuOU { border: 1px solid var(--iImNi); display: flex; ; }  .zX70q { border: 1px solid var(--iImNi); display: block; padding: 10px; }  .gxGop { height: 30px; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 10px; }  .aY558 { padding: 5px 8px; margin: 10px; }  .p0k3L { border: 1px solid var(--iImNi); border-radius: 3px; cursor: pointer; background: var(--o8r0D); transition: .2s; }  .p0k3L:hover { border: 1px solid var(--o5cWc); background: var(--ud0rx); transition: .2s; color: var(--wv0dR); }          .uuirp { min-height: 100%; min-width: 300px;}  .kyIcr { background: linear-gradient(45deg,#f59700,#fae864); }    .ltE5s { height: 730px; background: linear-gradient(to right, #ffd050, #c00000); position: relative; overflow: hidden; z-index: 1; }  .fHSVV { height: 200px; max-width: 700px; }  .jrgvb { 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;;  }  .jrgvb:hover { box-shadow: 0px 0px 200px #fff00070, 0px 0px 1px 125px #fff0ff50, 0px 0px 1px 400px #fffff060; background: #ffffa0b0; }  .tqPUU { 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);  }  .ymY1u { 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;  }  .ymY1u:hover { transform: rotate(-1deg) scale(1.2) }      .vl7IF { 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;  }  .vl7IF:hover { background: #c0f0ff60; padding: 15px 20px; border: solid 1px #ffffffa0; transform: translate(-10px, 0px) scale(1.05); box-shadow: 5px 10px 20px #0050b040; }  .oOmC0 { padding: 12px 0px 0px 0px; font-weight: bold; }  .tYW6x { padding: 2px 55px 0px 2px; font-size: 85%; font-weight: normal; }      .mGlRr { background: #ffffffa0; padding: 30px 20px; position: relative; box-shadow: 0px 4px 25px #20406050; }  .fnEhC { display: flex; }  .dVhnn { 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;; }  .xM5Go { 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 }        .v0bk0 { 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; }  .ayoZF { padding: 15px; color: #fff; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 6px #f59700;   background: linear-gradient(to left, #f59700, #fae864); }  .a9uJv { padding: 25px 10px; display: flex; flex-wrap: wrap; }  .xL5Xj { padding: 20px 20px 0px 20px; min-height: 200px; position: relative; max-width: 450px; }  .fVl8r { padding-left: 10px; perspective: 200px;; }  .zF1sR { max-width: 500px; max-height: 200px; overflow: hidden; }  .emH1N { width: 100%; }  .yMiNk { 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%;; }  .dA1iH { 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; }      .ru5dL {   /* 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;  }  .ethha { background-color: #fafffd; }  .sj0TF { 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; }  .b8FOm { padding: 10px 50px 40px 60px; font-size: 115%; display: flex; flex-wrap: wrap; width: 100%;   background: linear-gradient(to right, #f0ffff00, #ffefff50,#f0ffff00);  }  .ndTUa { 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;  }  .pzGUB { display: flex; flex-wrap: wrap; width: 100%; font-size: 110%; }  .b7f3t { 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); }      .hDEOZ { padding: 15px 0px; width: 100%; }  .bZCPw { padding: 4px 0px; font-weight: bold; font-size: 110%; color: #009030; position: relative; }  .ykZXy { position: absolute; top: 4px; bottom: 10px; right: -40px; width: 40px; display: flex; justify-content: center; align-items: center; }  .t8XBk { width: 20px; height: 11px; border: 4px solid #00a050a0; margin-bottom: 3px; border-top: none; border-right: none; border-radius: 3px 3px 3px 0px; transform: rotate(-45deg); }    .zxM5g { padding: 4px 0px; ; position: relative; max-width: 900px; }            .hgtJ2 { background: #ffffffe0; padding: 30px 2%; position: relative; z-index: 100; box-shadow: 0px 0px 20px #2040a020; font-size: 110%; }  .pUzG8 { padding: 15px; margin: 1%; font-size: 120%; }    .c8UX2 { 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; }  .m125h { color: #0060c0; font-size: 105%; padding: 5px 0px; font-weight: bold; }  .kro6e { opacity: .9; font-size: 85%; padding: 3px; }    .ndr8A { padding: 12px; display: flex; }  .uyCvG { padding: 5px 10px; display: flex; margin: 0px 7px; border: dashed 1px #0060c0a0; transition: .2s; background: #f0f5fa; cursor: pointer; border-radius: 3px; }  .uyCvG:hover { color: #0060c0; border: solid 1px #0060c0; background: #ffffff }          .iWcrB { padding: 0px !important; overflow: hidden;}  .auU3O { padding: 50px 0px !important; overflow: hidden;}  .e6OLP { border-radius: 5px; box-shadow: 2px 8px 25px #a0008080; }  .jz3lR { display: flex; justify-content: center; align-items: center; height: 450px; position: relative; overflow: hidden; cursor: pointer; }  .pc5Zz { height: 100%; transition: 1.5s; }  .fdixe { height: 100%; max-width: none !important; }  .esQy4 { position: absolute; bottom: 20px; padding: 10px; left: 50px; right: 50px; display: flex; justify-content: center; align-items: center;   z-index: 10; ;  }  .cbB1Z { 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;  }    .jz3lR:hover > .pc5Zz { transform: scale(1.2) rotate(3deg);}  .jz3lR:hover > .esQy4 > .cbB1Z { transform: scale(1.1) }            .kn3Op { width: 100%; max-width: 1000px; padding: 5px; }    .jJMHf { display: flex; border: 1px solid #20406030; width: 100%; height: 340px; }  .amwOU { flex: 1; }  .xWmTb { width: 40px; position: relative; padding: 0px 7px; z-index: 101; }  .kFzd6 { position: absolute; left: 6px; direction: ltr; font-size: 90%; }  .kx9ip { font-size: 85%; padding: 0px; }  .bGpmQ { font-size: 85%; padding: 1px 5px 0px 4px; direction: ltr; }  .lnWt1 { top: 5px; }  .nYBDa { top: 121px; }  .kLYxe { top: 240px; }    .atk5r { width: 100%; height: 300px; position: relative; margin: 10px 0px 0px 0px; border-top: 1px solid #20406030; }  .p9JEI { width: 90%; height: 250px; position: relative; margin: 10px 0px 0px 0px; }  .eqtIW { width: 100%; height: 50px; position: relative; background: #00b04005; z-index: 1000; display: flex; justify-content: center; align-items: center; }   .zjjpb { transform: rotate(50deg); color: #0000a0; }   .vG8dF { position: absolute; right: 150%; bottom: 28%; width: 430px; display: none; background: #fffffff0; padding: 7px 10px; box-shadow: 2px 6px 10px -3px #20406030; }   .eqtIW:hover > .vG8dF { display: block; }    .eWRj3 { width: 100%; height: 120px; left: 0px; top: 0px; position: absolute; z-index: 5; border-bottom: 1px solid #20406040; background: linear-gradient(to top, #50ffc010,#00f0a010); display: flex; flex-direction: column; }  .rXn8I { width: 100%; height: 120px; left: 0px; top: 120px; position: absolute; z-index: 5; border-bottom: 1px solid #20406030; background: linear-gradient(to top, #ff808010,#ffa0b010) ; display: flex; flex-direction: column; }  .dXHu6 { flex: 1; }   .zhraD { background: linear-gradient(to top, #ffffff05, #00a05005); border-top: 1px solid #00802030; }   .suqT4 { background: linear-gradient(to top, #c0000005, #ffffff05); border-bottom: 1px solid #b0000030; }    .iS3UT { width: 100%; height: 100%; left: 0px; top: 0px; direction: ltr; position: absolute; z-index: 1; display: flex; overflow: hidden; ; }  .gFUT4 { width: 28.57%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }  .mnZuA { width: 14.286%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }    .cZkZW { height: 100%; position: absolute; top: 0px; width: 0.9524%; z-index: 10; }  .cZkZW:hover { z-index: 200; }  .cDWpl { position: relative; width: 100%; height: 100%; z-index: 1; transition: .2s; }  .cDWpl:hover { background: #ffffffa0; z-index: 2; box-shadow: 0px 0px 5px #20406010; }    .xEg3o { 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;  }  .ge37N { display: flex;}  .cDWpl:hover > .xEg3o { display: block; }  .rMsnS { left: 180%; }  .gPTW4 { right: 180%; }   .yGdGR {display: flex;}   .p7ayu {min-width: 85px;}   .koE4N {min-width: 45px;}   .a3TD0 {min-width: 45px;}   .vDJlf {min-width: 35px;}      .a8QlQ { width: 100%; height: 240px; position: relative;}  .tx2Ok { width: 100%; background: #00a0ff10; position: relative;}    .v6MI6 { width: 100%; height: 50px; position: relative;}  .knITP { position: absolute; left: 0.5px; right: 0.5px; bottom: 0px; border-radius: 2px 2px 0px 0px; background: #0050c0a0; }    .jQmGc { width: 100%; height: 28px; position: relative; display: flex; direction: ltr; }  .tryBE { text-align: left; white-space: nowrap; padding: 4px 6px; border-left: solid 1px #20406020; }  .ltbSO { font-size: 80%; padding: 5px 7px; ;}                            .x7p7F { padding: 5px; min-width: 500px; width: 100%; }  .muPQA { margin: 7px 0px; border: 1px solid #20406020; border-radius: 6px; overflow: hidden;; }  .aAPl4 { padding: 10px; background: #f0faff; transition: .2s; cursor: pointer; transition: .2s; }  .aAPl4:hover { padding: 10px; background: #fff; font-weight: bold; }  .ayFgF { padding: 5px; margin: 7px 0px; background: #f0fffa; display: none; border-radius: 5px; overflow: hidden;; }  .xAWmj { display: flex; flex-wrap: wrap; }    .nNodc { }  .ot1ny { font-size: 85%; opacity: .85; padding: 4px 15px 4px 5px; ; }      .bpTIR { width: 100%; display: flex; margin: 6px 2px; border: 1px solid #20406020; background: #e0f0ff; padding: 5px; border-radius: 5px;   transition: .2s; max-width: 500px; }  .bpTIR:hover { border: 1px solid #2040a050; background: #c0f0ff; }  .sj6en { width: 120px; margin: 0px 0px 0px 6px; background: #fffaff; overflow: hidden;   border: 1px solid #20406050; border-radius: 3px; ;  }  .mDRc0 { padding: 4px 0px;}  .we0eO { cursor: pointer; transition: .2s; }  .we0eO:hover { background: #ffffff; border: 1px solid #2040f0a0; }  .yAWaa { display: flex; padding: 2px 7px; }  .xZdgw { height: 1px; margin: 5px 0px; background: #20406030; }  .y0urB { padding: 0px 2px; color: #0040f0; font-weight: bold; }  .cv21U { opacity: .85; font-size: 85%; padding-top: 2px; }  .gewzR { flex: 1; direction: ltr; font-family: monospace !important; word-spacing: nowrap; }  .wL1Eg { flex: 1; direction: ltr; font-size: 85%; opacity: .85;; }  .j0wG2 { flex: 1; direction: rtl; }  .kBpeu { flex: 1; margin: 0px 0px 0px 0px; background: #f5ffff; padding: 0px; overflow: hidden;   border: 1px solid #2040f030; border-radius: 3px; ;  }    .q16FJ { padding: 10px 15px; font-size: 110%; color: #004060; background: linear-gradient(to left , #00a0ff30 ,#d000ff10,#f000ff00) }  .mIRD8 { cursor: pointer; position: relative; transition: .2s; overflow: hidden; }  .mIRD8:hover { transition: .2s;   color: #0040a0;   text-shadow: 1px 1px 1px #ffffff, 1px 2px 10px #ffffff;   font-weight: bold;  }  .mIRD8::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;  }  .mIRD8:hover::before { width: 110%; }  .vo3Rx { padding: 8px; font-size: 85%; ; }  .tDWSs { display: flex; flex-wrap: wrap; }   .gs7V6 { width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -2px; right: -2px; z-index: 1; background: #ffc050e0;; }   .nnh0i { top: auto; right: auto; left: 4px; bottom: 2px; background: #ffc050b0;; }   .o3k7k { width: 100%; display: flex; flex-wrap: wrap; padding: 6px 0px 0 0 !important; min-width: 208px; }   .r9zdN { width: 100%; }   .xWpqS { display: flex; flex-wrap: wrap; border: 1px solid #20406020; border-radius: 4px; margin: 2px 3px; position: relative; }   .b2boy { padding: 4px 6px 4px 8px; }   .xuvO3 { padding: 4px 8px 4px 6px; direction: ltr; }   .w4Pex { padding: 4px 8px 4px 6px; }  .d1Tek { padding: 1px 3px; background: #fff; direction: ltr; text-align: left; }  .aul6N { direction: ltr; text-align: right;}                      .blblP { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; direction: ltr; }  .cyACW { height: 32px; margin: 2px 0px; border: 1px solid #204060a0; width: 100%; background: #fff; }      .uEOHL { display: flex; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; }  .hb3Hg { height: 100%; margin: 2px 2px; border: 1px solid #204060a0; width: 32px; background: #fff; }                      .vYNlQ { padding: 10px 2%; }  .c5C2t { 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);  }   .lNeLb { font-size: 120%; padding: 7px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }   .qNyTh { font-size: 90%; padding: 5px 8px; }     .gRq3m { padding: 5px 8px; border-top: 1px solid #20406020; display: flex; }   .oMJNk { padding: 0px 8px; display: flex; align-items: center; min-width: 100px; ; }        .sxSex { margin: 3px; flex-grow: 1; border: 1px solid #20406030; border-radius: 4px; background: linear-gradient(to top, #f0faff, #ffffff50);}  .gqajN { font-size: 105%; padding: 3px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }    .tlYUH { padding: 4px 7px; display: flex; font-size: 90%; }  .vT05Y { padding: 0px 7px; display: flex; align-items: center; min-width: 80px; ; }            .eEDUv { padding: 5px; width: 100%; min-width: 350px; min-height: 100%; position: relative; line-height: 1.7; background: #fafdffa0; font-size: 110%;}    .yBmcW { padding: 7px 4%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-width: 350px; }  .kDrIF { width: 100%; max-width: 1100px; }      .ghzlM { padding: 30px 2% 10px 2%; font-size: 120%; font-weight: bold; }  .dyucu { padding: 10px 2% 30px 2%; font-size: 110%; }    .gXaW4 { padding: 5px 1%; }                  .liy0f { display: flex; flex-wrap: wrap; padding: 10px 3% ; }  .n0cie { padding: 10px 20px; cursor: pointer; border: solid 1px #20406040; margin: 10px; background: #ffffff; box-shadow: 2px 10px 20px -4px #20406020; border-radius: 4px; }    .qRzjg { padding: 10px 3% ; }   .trXWd { max-width: 300px;; }            .dcFuy { padding: 5px 1%; }   .jLXI6 { min-width: 470px; display: flex; flex-wrap: wrap; }   .oFuEo { padding: 4px 8px; }   .a2LQi { 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); }   .vT4pP { width: 460px; border: 1px solid #20406030; border-radius: 4px 0px 4px 4px; overflow: hidden; }   .w2Oyu { display: flex;; border: 1px solid #20406030; font-size: 90%; line-height: 1.2; }   .m1Uve { width: 200px; min-height: 25px; padding: 5px 10px 5px 5px; border-left: 1px solid #20406020; }   .rIdm4 { width: 160px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; border-left: 1px solid #20406020; }   .kVHxh { width: 100px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; background: #fff; }   .nEhrp { width: 22px; height: 100%; display: flex; justify-content: center; align-items: center; }   .x7l6w { width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 5px; }   .cjnXu { transform: scale(1.4) !important; }   .vgy8i { transform: scale(1.15) !important; }   .kYMou { background: #00ff8040; color: #008020; }   .ic372 { background: #ffa05040; color: #805000; }   .euXqW { background: #ff205015; color: #c00000; }   .t0YaO { display: flex; line-height: 1.2; padding: 3px 5px; justify-content: center; align-items: center; text-align: center; }   .bGe1u { color: #805000; }          .dkBRa { display: flex; flex-wrap: wrap; justify-content: center }   .irM38 { width: 100%; max-width: 1200px; }   .j6bLT { width: 100%; max-width: 1400px; }   .lDpc7 { width: 100%; max-width: 1800px; }  .eROGe { padding: 5px; min-width: 1200px; }   .ot3Tj { padding: 5px; display: flex; min-width: 1200px; }   .xNd3P { margin: 5px 1%; flex-grow: 1; min-width: 350px; border: 1px solid #20406030; height: 500px; overflow: hidden; display: flex; flex-direction: column; }   .rn3kb { background: #00f05040; color: #004010; }   .uH6X8 { background: #f0002040; color: #400010; }   .l7drI { background: #0050f040; color: #001040; }   .a8RLW { height: 40px; min-height: 30px; box-shadow: 0px 0px 10px -2px #20406020 ; display: flex; }   .luztk { height: 100%; display: flex; align-items: center; padding: 0px 15px; background: linear-gradient(to right, #ffffff50, #10305010); }   .sbko4 { height: 100%; display: flex; align-items: center; padding: 0px 10px 0px 5px; font-size: 90%; opacity: .8;; }   .gr3Yl { height: 100%; display: flex; align-items: center; padding: 0px 5px 0px 5px; font-weight: bold; direction: ltr; }   .gIvr8 { flex-grow: 1; overflow: auto; background: #ffffffa0; padding: 4px 0 5px 0; }   .r3jFo { display: flex; height: 30px; margin: 0px 2px; border: 1px solid #20406020; }   .coxlX { display: flex; height: 100%; align-items: center; margin: 0px 0px 0px 2px; border-left: 1px solid #20406020; }   .eumtN { width: 50px; padding: 2px 2px 2px 4px; }   .gj5l8 { width: 100% !important; direction: ltr; color: inherit !important; background: #ffffffb0; }   .j8fB2 { padding: 2px 0px 2px 0px; }   .yo4yF { display: flex; flex-grow: 1; height: 100%; align-items: center; padding: 0px 5px 0 0; white-space: nowrap; overflow: hidden; border-left: 1px solid #20406020; }   .s9UVs { display: flex; position: relative; padding: 0px 0px ; width: 65px; min-width: 65px; white-space: nowrap; overflow: hidden; }   .pOUMo { border: 1px solid #ffffff00; }     .tQwag { width: 500px; margin: 20px 5px 40px 5px; min-width: 500px; height: 600px; border: 1px solid #20406030; overflow: hidden; background: #ffffffa0; display: flex; flex-direction: column; }   .hYhAh { width: 100%; height: 80px; padding: 5px 0px; box-shadow: 0px 0px 10px -2px #20406020 ; }   .b2WuZ { width: 100%; height: 50%; justify-content: center; display: flex; padding: 4px; }   .pg41R { width: 100%; flex-grow: 1; overflow: auto; padding: 4px 5px; }   .kr5do { height: 29px; margin: 1px; display: flex; padding: 0px 5px; }   .sYwQJ { padding: 0px 5px; min-width: 40px; height: 100%; border-radius: 4px; justify-content: center; align-items: center; display: flex; cursor: pointer;; }   .ykG0o { color: #00a020; }   .xaPbn { color: #fff; background: #00a020; }   .gl97i { color: #b00010; }   .tq0W6 { color: #fff; background: #b00010; }   .vvuYS { color: #0020a0; }   .wSupg { color: #fff; background: #0020a0; }   .ubtTi { flex-grow: 1; padding: 0px 5px 0 0; white-space: nowrap; overflow: hidden; display: flex; align-items: center; height: 100%; }   .zIENI { display: flex; align-items: center; height: 100%; min-width: 40px; justify-content: center; direction: ltr; }       .xJgUb { display: flex; width: 100%; min-width: 1100px;;}    .r2Pgz { padding: 5px 10px; }   .uWWq1 { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; box-shadow: 0px 5px 15px -5px #2040a020; }   .bjSQA { width: 100%; max-width: 440px; margin: 5px 5px; padding: 5px; background: #ffffffa0; box-shadow: 1px 4px 15px -5px #20406020; border-radius: 4px; position: relative; z-index: 1;; }   .wAy7h { background: #ffffff50; margin: 3px 5px; padding: 0px; }   .bjSQA:hover { background: #ffffff; box-shadow: 1px 4px 15px -5px #20406050; z-index: 10;; }   .mG8kE { display: flex; align-items: center; padding: 0px 0px 0px 5px; }   .mE38S { display: flex; min-width: 50px; padding: 5px 15px; border: 1px dashed #20406020; margin: 0px 5px 0px 10px; cursor: pointer; flex-grow: 1; border-radius: 4px; background: linear-gradient(to top, #ffffff20,#00b0ff10,#ffffff20); }   .ramb8 { background: #ffffff50; margin: 0px; }   .mE38S:hover { background: #00a0ff20; color: #002080; }   .esRwf { position: relative; }   .eYo4g { cursor: pointer; width: 100%; padding: 3px; }   .eYo4g:hover { background: #00a0ff20; }   .t9RmI { font-size: 90%; width: 100%; transform: scale(.8) translate(50px, 0px); cursor: pointer; padding: 3px; }   .vqpbc { font-size: 90%; width: 100%; }    .jMWtb { display: flex; justify-content: center; padding: 5px 10px; }   .ptEsH { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; }   .p6z0h { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .kXz5s { padding: 4px 5px; cursor: pointer; display: flex; height: 35px; font-size: 90%; align-items: center; background: #ffffff50; }   .t8boZ { height: 50px; border-bottom: 1px solid #20408040; }   .vJhLi { padding: 0px 15px 0 10px; color: #006020;}   .kryIH { padding: 0px 15px 0 0; flex-grow: 1; color: #002060; }   .yHJBg { padding: 0px 10px; opacity: .7; }     .v5Prg { padding: 5px ; display: none; }   .f2rvv { display: flex; flex-wrap: wrap; justify-content: center; }   .t3OvO { display: block; background: #b050ff05; }     .vsfwh { padding: 5px ; border: 1px dashed #20406030; background: #fff; margin: 10px 5px; }   .mAxCp { padding: 3px 2px 1px 2px ; box-shadow: 1px 3px 10px -4px #20406050; border: 1px dashed #20406050; background: #fff; margin: 8px 5px; border-radius: 4px; cursor: pointer;; }   .mAxCp:hover { border: 1px solid #2040a0a0; box-shadow: inset 0px 0px 5px #2060c050; }   .d2Un3 { border: 1px dashed #20406000 !important; opacity: .75; cursor: auto; }   .tp8pY { display: flex; padding: 4px 10px; }   .spvCR { padding: 1px 5px 0px 16px; color: #008030; font-size: 85%; }   .yUygF { display: flex; }   .p97TP { margin: 5px; flex-grow: 1; border: 1px solid #20406020; padding: 2px 5px 1px 5px; border-radius: 4px;}   .xrpx9 { background: #e0fff5a0; color: #006010; border: 1px solid #00a02040; }   .x6wu4 { background: #fff0f5a0; color: #600010; border: 1px solid #a0002040; }   .xRLlu { background: #f0f5ffa0; color: #203060; border: 1px solid #0020a040; }   .uJLSt { display: flex; }   .trgvI { display: flex; font-size: 85%; }   .nVUFE { flex-grow: 1; padding: 1px 3px; }   .ninvZ { padding: 1px 3px 1px 1px; }   .bXJFc { display: flex; justify-content: space-evenly; padding: 3px 0px; position: relative; }   .m6mdc { z-index: 10; background: #fff; border-radius: 4px; display: none; justify-content: space-evenly; padding: 3px 0px; position: absolute; top: 2px; right: 0px; left: 0px; bottom: 2px;}   .oo6u6 { display: flex; }      .pflhV { background: #ffffffe0; border-radius: 4px; flex-grow: 1; box-shadow: 0px 5px 15px -5px #20406040; margin: 15px 1%; font-size: 110%; border: 1px solid #20406030; }   .p90Wv { background: #fafffd; box-shadow: 0px 5px 15px -5px #00802030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #00802030; }   .vpW2c { background: #fffafc; box-shadow: 0px 5px 15px -5px #a0001030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #a0001030; }   .ghw7U { background: #fafbff; box-shadow: 0px 5px 15px -5px #0000a030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #0000a030; }   .fmcoj { padding: 10px 10px 0px 10px; height: 40px; align-items: center; display: flex; }   .yFcOt { padding: 0px 10px 0px 20px; display: flex; }   .zCt5T { padding: 4px 8px; width: 100%; }   .aOMl0 { padding: 0px 2px; width: 100%; display: flex; position: relative; }   .f3egP { 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; }   .aOMl0:hover > .f3egP { opacity: 1; }   .arAGO { padding: 0px 8px; display: flex; }   .mwzD2 { padding: 0px; display: flex; align-items: center; }   .n4H0B { padding: 1px 10px 0px 0px; font-size: 80%; opacity: .8; }   .onCIr { padding: 1px 4px 0px 5px; font-size: 115%; font-weight: bold; }   .wPBZl { padding: 1px 0px 0px 5px; font-size: 80%; opacity: .7; }   .ylPkv { padding: 1px 8px 0px 8px; font-size: 95%; direction: ltr; }   .aUXN6 { padding: 0px 15px 2px 15px; font-size: 140%; font-weight: bold; }   .tDBBs { color: #006020; text-shadow: 1px 3px 6px #00f060a0; }   .kXrs8 { color: #800000; text-shadow: 1px 3px 6px #f0004050}   .oxS8n { padding: 0px 8px; font-size: 115%; }   .mAdmf { direction: ltr; }   .mkBGu { position: relative; width: 100%; height: 12px; border-radius: 4px; background: #f0faff; box-shadow: inset 0px 0px 3px 1px #20406040;}   .cG5eF { 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;}   .tzbFe { background: linear-gradient(to bottom, #00a030, #008030, #008010); }   .fxyrO { background: linear-gradient( to bottom, #c00010, #a01010, #a00000); }   .cUmaf { padding: 10px 10px; }   .xncQI { margin-top: 32px;}   .nSMpo { padding: 0px 0px; border: 1px dashed #00206050; margin: 5px 0px; border-radius: 4px; }   .mVZb2 { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .lAAgY { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .wLgOF { background: #0050ff20; }   .sbmHB { padding: 0px 15px 0 0; width: 190px ; }   .dP6nR { padding: 0px 15px; opacity: .7; }   .k9pzB { padding: 5px ; display: none; max-height: 300px; overflow: auto; }   .poRmt { border-radius: 5px; font-size: 85%; height: 28px; display: flex; cursor: pointer;; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; }   .poRmt:hover { background: #008090; color: #fff; }   .wyaAp { width: 80%; padding-right: 4px; display: flex; height: 100%; align-items: center; white-space: nowrap; }   .gMHvC { height: 100%; display: flex; width: 20%; align-items: center; white-space: nowrap; overflow: hidden; }   .x3sCl { display: block;}      .uY7sP { border: 2px solid #20406040; min-width: 1150px; margin: 10px 1% 20px 1%; box-shadow: 2px 5px 20px -5px #20406030; border-radius: 4px; overflow: hidden;; }   .qNWtC { display: flex; height: 50px; background: #ffffffa0; box-shadow: 0px 0px 20px -5px #20406050; }   .squkG { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 120%; font-weight: bold; }   .hqjsN { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 110%; }   .cqZGZ { padding: 5px; width: 100%; }   .cgAaq { flex-grow: 1; margin: 15px 1%; font-size: 110%; justify-content: center; align-items: center; }   .jhq4s { flex-grow: 1; padding: 5px 12px; align-items: center; display: flex; }   .u9HAg { padding: 5px 12px; font-size: 110%; }   .tjJrW { padding: 5px 12px; font-size: 110%; direction: ltr; }   .kb9Q1 { padding: 5px 12px; }   .dfv7I { display: flex; padding: 2px 10px; height: 40px; background: #fff; margin: 5px 0px; align-items: center; }   .gY3sg { padding: 0px 5px; font-size: 85%; opacity: .8; }   .pD70a { padding: 0px 10px 0px 10px; font-size: 105%; direction: ltr; }   .ksoL1 { padding: 5px 10px; min-width: 200px; }   .v7s4A { height: 20px; }   .giiIu { padding: 5px 10px 10px 10px; font-size: 85%; text-align: center; }                            .njcMz { position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; }  .le21h { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 14px; line-height:1.4; }  .iqVVo {  }      #pm5Pv { 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;  }  .xgOJk { animation: oxJvf 0.3s 1; }  .dxOOE { animation: u979p 0.3s 1; }  .a6FZo { animation: qiSQR 0.3s 1; }  .jpwFq { animation: xNHIH 0.3s 1; }    .yUHOb{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .lbIw9 { z-index: 23000000 }  .t2nYH { z-index: 25000000 }  .t2nYH:hover { z-index: 28000000 }  .pindivleft1 { z-index: 27300020; }  .opdivleft1 { z-index: 27200020; }  .eqXV9{ z-index: 27300020; }  .j62iq { z-index: 27200020; }  .wMk1d { z-index: 27100020; }  .eX4hL { z-index: 27000000; }  .bxbez { z-index: 2400000 !important; }    .f6UPR{ z-index: 2500000; }  .f6UPR:hover { z-index: 27000000; }    .rFBDX { z-index: 40000000 }    .wMtDF { z-index: 18000 }    .yTMkj { top: 1px; left: 0px; right: 0px;;z-index: 225; height:28px }  .myTopHeadrHeight { height: 40px; }  .yTMkjF { 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}  #ldIVT { position: fixed; padding: 1px 2px; font-size: 95%; top: 29px;left: 351px ; right: 121px; height: 28px; direction: rtl;text-align: right;margin:0px !important; z-index: 100; z-index: 150; }  .ldIVTR { right: 41px !important; }  .ldIVTL { left: 41px !important; }  .myWidthTopBox1 { top: 0px !important; left: 0px !important; right: 0px !important; z-index: 9999999 !important; }          #pJksi { height:28px ; bottom: 0px ; left: 351px ; right: 121px ; z-index: 110; }  .pJksiR { right: 41px !important }  .pJksiL { left: 40px !important }  .pJksiH { height: 200px !important }        #oeRJr { top:58px ; left: 351px;right: 121px;bottom: 29px; z-index: 100; }  .oeRJrR { right: 41px !important; }  .oeRJrL { left: 40px !important; }  .oeRJrB { bottom: 200px !important; }  .oeRJrT { top: 120px !important; }  .myWidthMain1 { top: 28px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 999999 !important; }          #myTopRightPan { top:29px ; width: 120px; right: 0px;height: 29px; z-index: 220; }  .myTopRightPanR { right: -80px !important; }  .myTopRPnlFlash{ position: absolute !important; left: 0px;}    #myRightPan { top:60px ; 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;; }        #j5hFR { top:29px ; width: 100% ; max-width: 350px;left: 0px;height: 35px;position: fixed; transition: .3s; ; z-index: 220; display: flex; flex-wrap: wrap; }  .g4btE { margin: 0 0 5px 5px; }  .z7c2j { height: 100% ; max-width: 40px !important ; bottom: 0px ; display: block !important }  .z7c2j > .pEaEm > .rzfoY {display: none !important;}      #kLp8C { top:62px ; width: 100% ; max-width: 350px;left: 0px;bottom: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 210; }  .zw8JL { left: -310px !important; opacity: 0; }      .sdiGm { top:0px ; bottom: 0px;left: 0px;right: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 220; display: none; background: #0050b050; }    #w9Iq7 { min-width: 350px; max-width: 500px; left: 5px;bottom: 35px;position: fixed; transition: .3s; z-index: 210000; }      @media (max-width: 570px)  {   #w9Iq7 { max-width: 100%; }   .zw8JL{ left: -350px !important ; }   #vhHd2 { display: none !important; }  }    @media (max-width: 700px)  {   .o7b5B { right: 0px; max-width: 100%; width: 100%; }    }      @media (max-width: 1800px)  {   #oeRJr { right: 40px; }   .oeRJrR { right: 40px !important ; }      }    @media (max-width: 1400px)  {   #oeRJr { left: 40px; right: 40px; }   .oeRJrR { right: 40px !important ; }   .oeRJrL { left: 40px !important; }     #ldIVT { left: 40px ; }   #pJksi { left: 40px ;}    }    @media (max-width: 925px)  {   #ldIVT { left: 40px ; right: 40px; }     #pJksi { left: 40px ; right: 0px }   .pJksiR { right: 0px !important }   .pJksiL { left: 0px !important }     .myRightPan { width: 40px !important; right: -41px !important;; }     .z7c2j { left: -310px !important ; max-width: 350px !important ;height: 40px ;position: fixed ; }     #oeRJr { left: 0px; right: 0px; }   .oeRJrR { right: 0px !important ; }   .oeRJrL { left: 0px !important; }   .z7c2j { height: 35px !important ; max-width: 400px ; bottom: auto ; display: flex !important }     .z7c2j #j5hFR { height: 28px; }   .myTime{ border: none }   .v4SJY{ border: none }  }                    .sl6p6 { top: -400px !important; opacity: 0 !important; }  .g7k1C { top: -500px !important; opacity: 0 !important; }  .sCFUF { right: -500px !important; top: 200px !important; opacity: 0 !important; }  .uHpm2 { left: -500px !important; top: 200px !important; opacity: 0 !important; }  .tj03a { opacity: 0 !important; top: 500px !important }  .ii1H4 { transition: 500ms !important; }          @media (min-width: 1px) and (max-width: 500px)  {   .tPz0b   {   display: none !important;   }   .oXWp3   {   display: block !important;   }  }    .eyi31 { display: none !important;}  @media (min-width: 1px) and (max-width: 850px)  {   .dgrt3   {   display: none !important;   }   .eyi31   {   display: block !important;   }  }    .gTCXQ { display: none !important;}  @media (min-width: 1px) and (max-width: 1100px)  {   .i7rYa   {   display: none !important;   }   .gTCXQ   {   display: block !important;   }  }    @media (min-width: 1px) and (max-width: 500px)  {    }    @media (min-width: 1px) and (max-width: 1100px)  {   .reWUg {padding: 0px 4px !important;}   .nrvIL { min-width: 180px !important; }   .waksS { min-width: 40px !important; }   .l9wbz { width: 65px !important; }   .t2nYH { padding: 0px !important; left: 40px !important; box-shadow: none !important; outline: none !important; height: 30px !important; }   .tGtRu { padding: 0px 0 0 2px;}   .joRd4 { width: 40px !important;}  }                        .oTEWW { position: relative !important; }  .e2XRZ{ 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);} }      .chmMI{ 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;}  .ntBYz{ background: #f0e0a000 !important; }  .tCoYg{ min-height: 100% !important; background: #f0e0a000; }      @keyframes ynonN {   0%{ opacity: 0; transform: translate(40px, 0px) rotate(2deg); }   65%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }      @keyframes amZQp {   0%{ opacity: 0; }   100%{ opacity: 1; }  }  @keyframes m3RZg {   0%{ opacity: 0; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }    @keyframes igANV {   0%{ opacity: 0.5; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes zxqOL {   0%{ opacity: 0.7; transform: scale(.9); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes lD0oQ {   0%{ opacity: 0.5; transform: scale(.8) translate(20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes fhJjO {   0%{ opacity: 0.5; transform: scale(.8) translate(-20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes zn2Pk {   0%{ opacity: 0.5; transform: scale(.8) translate(0px,20px); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes eAWvT {   0%{ opacity: 0.4; transform: scale(.8) translate(40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes rSmxh {   0%{ opacity: 0.4; transform: scale(.8) translate(-40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes g8YMl {   0%{ opacity: 0; transform: translate(-310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }  @keyframes sH5zF {   0%{ opacity: 0; transform: translate(310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }    @keyframes fynTH {   0%{ transform: rotate(0deg) scale(.8); opacity: 0; }   50%{ transform: rotate(0deg) scale(.8); opacity: 1; }   70%{ transform: rotate(5deg) translate(7px,0) scale(1);; }   85%{ transform: rotate(-5deg) translate(-7px,0);; }   100%{ transform: rotate(0deg); }  }    @keyframes ty814 {   0%{ opacity: .2; transform: translate(150px, 0px) rotate(5deg); }   75%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    @keyframes kUgQJ {   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 cuH4N {   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_m2 { width: 40px; height: 40px; }  .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 jbvdB { 0%{ opacity: 0; } 100%{ opacity: 1; } }  @keyframes uwmtZ { 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 1; } }  @keyframes wtlde { 0%{ opacity: .2; transform: translate(100px, 0px); } 100%{ opacity: 1; } }  @keyframes tQ2Jw { 0%{ opacity: 1; transform: translate(-150px, 0px); } 100%{ opacity: 0.2; } }  @keyframes hzsay { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes k3dsb { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes gt5Zf { 0%{ opacity: 0; transform: translate(400px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes gHhz8 { 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 aN76H {   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 sG1ry {   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 ygI3k { 0%{ opacity: 0; transform: translate( 0px, 250px) scale(.5); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes lIpza { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 100%{ opacity: 0; transform: translate(-100px, 100px) scale(.4) } }  @keyframes diinN { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 50%{ opacity: .8; } 100%{ opacity: 0; transform: translate(100px, 700px) scale(.2) } }  @keyframes tjkW8 { 0%{ opacity: 0; transform: translate(100px, 700px) scale(.2) } 100%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } }      @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 qs57v { 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 op7pJ { 0%{ opacity: 0} 30%{ opacity: 1; } 70%{ opacity: 1; } 100%{ opacity: 0; } }  @keyframes k4U93 { 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 gjij3 { 0%{ display: none; opacity: 0} 90%{ display: block; opacity: 0} 100%{ opacity: 1; } }      @keyframes zc2kV { 0%{ opacity: 0} 100%{ opacity: 1; } }  @keyframes vV5Tg { 0%{ opacity: 1} 100%{ opacity: 0; height: 0px; } }      @keyframes fmdfz { 0%{ offset: 1px solid #00a050;} 100%{ offset: 1px solid #00a050 } }      @keyframes v38gd { 0%{ opacity: .5; transform: translate(0,0); } 40%{ opacity: .5; transform: translate(0px,2px); } 100%{ opacity: 1; transform: translate(0,0); } }    @keyframes kFX14 { 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 sfeS1 { 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 gmarP { 0%{ transform: translate(-10px,0px) ; opacity: .5 } 100%{ opacity: 1; transform: translate(0,0) ; } }  @keyframes keAgO {   0%{ background: #00a0ff00; color: #234; }   40%{ background: #c0e0ff30; color: #00f }   100%{ background: #00a0ff00; color: #345 }  }      @keyframes ylsyr {   0%{ opacity: 1; background: #ffff0020; font-weight: bold; color: #700030; }   70%{ opacity: 1; background: #00ffff20; }   99%{ opacity: 0; }   100%{ opacity: 0; display: none; }  }    @keyframes p5p2X {   0%{ opacity: 0; transform: translate(0,-50px) }   10%{ opacity: 1; transform: translate(0,0); }   90%{ opacity: 1; transform: translate(0,0) }   100%{ opacity: 0; transform: translate(0,-50px) }  }      @keyframes kDzbO { 0%{ height: 0%; } 100%{ height: 100%; } }                @keyframes lbhJg  {   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 q5A8L  {   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 ievHy {   0%{ transform: translate( -10px,0px) ; opacity: 0; }   25%{ transform: translate( 10px,0px) ; opacity: 1; }   50%{ transform: translate( -10px,0px); opacity: .5; }   75%{ transform: translate( 5px,0px) ; opacity: 1; }   100%{ transform: translate( 0px,0px) }  }      @keyframes vLka0 {   0%{ transform: translate( 0px,-50px) ; opacity: 0; }   50%{ transform: translate(0px,-50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes pylBo {   0%{ transform: translate( 0px,50px) ; opacity: 0; }   50%{ transform: translate(0px,50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes fkWTI {   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 kdCib {   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 kuFoG {   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; }  }          @keyframes zbmwe {   0%{ transform: translate(0px,80px); opacity: .8; outline: 2px solid #0080b000; }   45%{ opacity: .6; transform: translate(20px,50px); outline: 2px solid #0080b0; }   100%{ transform: translate(0px,0px); opacity: 1; outline: 2px solid #0080b000 } }  @keyframes dUAqr {   0%{ transform: translate(0px,-80px); opacity: .5; outline: 2px solid #b000a000; }   60%{ opacity: .2; transform: translate(-20px,-50px); outline: 2px solid #b000a0; }   100%{ transform: translate(0px,0px); opacity: 1; outline: 2px solid #b000a000 } }        @keyframes q6S93 {   from { transform: rotate(0deg); }   to { transform: rotate(1080deg); }  }    @keyframes oxJvf { 0%{ opacity: 0; transform: translate(50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes u979p { 0%{ opacity: 0; transform: translate(-50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes qiSQR { 0%{ opacity: 0; transform: translate(50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes xNHIH { 0%{ opacity: 0; transform: translate(-50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      @keyframes wNpQN {   0%{ transform: translate( 50px,0px) scale(.6) ; opacity: 0; }   30%{ transform: translate( 50px, 0px) scale(.6) ; opacity: 0; }   80%{ transform: translate( -5px,0px) scale(1) ; opacity: 1; }   100%{ transform: translate( 0px,0px) scale(1) ; opacity: 1; }  }    @keyframes szzdj { 0%{ opacity: 0.5; transform: translate(-350px, 0px) } 100%{ opacity: 1; transform: translate(0, 0) } }                          .evs6C { 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,0.92));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)}      .gg-mMinimize {  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-mMinimize::after,  .gg-mMinimize::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 16px;height: 2px;  background: currentColor;transform: translate(0px, 5px);border-radius: 5px;top: 8px;left: 1px}    .gg-mMove {  box-sizing: border-box;position: relative;display: block;transform: rotate(45deg) 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-mMove::after,  .gg-mMove::before {  content: "";display: block;box-sizing: border-box;position: absolute;width: 20px;height: 2px;  background: currentColor;transform: rotate(45deg);border-radius: 5px;top: 6px;left: -3px}  .gg-mMove::after {transform: rotate(-45deg)}        @keyframes lEHFs {   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: 4px;top: 2px;  width: 7px;height: 10px;border-right: 2px solid; transform: rotate(45deg); }  .gg-myx::before {content: "";display: block;box-sizing: border-box;position: absolute;left: 4px;top: 6px;   width: 7px;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: 1px;top: 0}  .gg-bolt::after {border-top: 12px solid;right: 1px;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: 1px;top: 0}  .gg-boltF::after {border-top: 12px solid;right: 1px;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; }          .gg-tools {box-sizing: border-box;position: relative;display: block;transform: scale(0.9);width: 6px;height: 12px; margin-top: 2px;  border-right: 4px solid; transform:rotate(45deg);}  .gg-tools::after,.gg-tools::before { content: ""; display: block; box-sizing: border-box; position: absolute;   border-right: 3px solid; border-radius: 4px; top: -3px; width: 2px; height: 6px;}  .gg-tools::before { left: 0px; }  .gg-tools::after { left: 5px; }      .gg-play-button-r { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1));   width: 22px; height: 22px; border: 2px solid; border-radius: 4px;}  .gg-play-button-r::before { content: ""; display: block; box-sizing: border-box; position: absolute;   width: 0; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent;   border-left: 6px solid; top: 4px; left: 7px;}        .gg-play-button { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1.3)); width: 22px; height: 22px;}  .gg-play-button::before {   content: ""; display: block; box-sizing: border-box; position: absolute; width: 0; height: 10px; border-top: 5px solid transparent;   border-bottom: 5px solid transparent; border-left: 6px solid; top: 6px; left: 9px;}                                                      .p9xOt { 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;}                      #pJksi{ 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 ; }                          #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 { }                                                    .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; }    .kvnNL { color: #008000;}  .wjiet { 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; }          .sdiGm { 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; }  .av4dj { opacity: 0; }          .wcRun  {  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);  }    .taBYv  {  position: absolute;  top: 0px; right: 0px; width: 100%; min-width: 500px; z-index: -1;  height: 100%;  background-attachment: scroll;  opacity: 0;  transition: .3s;  }    .nD6p1  {  opacity: 1;  }  .b8m91  {  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;  }      .w06vJ  {  position: absolute;  top: -300px; right: -650px; width: 900px; height: 900px; z-index: -2;  background: #a0ffe050;  transform: rotate(60deg);  }    .rz4Um  {  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}                .aJA2g { 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; }  .aJA2g:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 15px #00002080; transition: 0.3s; }    .iN3BA { 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; }    .r26lD { position: absolute; z-index: 100; left: 0px; width: 250px; top: 70px; bottom: 0px; background: #00005070;  box-shadow: 0px 0px 10px #00002030; }  .znnJL { display: flex; align-items: center; height: 45px; color: #e0ffff; padding: 0px 10px 0px 0px; text-shadow: 0px 0px 5px #000000; font-size: 120%; }    .dvGzv { position: absolute; z-index: 50; right: 0px; width: 100%; top: 0px; bottom: 0px; }    .zPgsT { width: 100%; }              .uN1Zq { 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; }  .dCCok {padding: 8px; border-radius: 5px; margin: 5px; box-shadow: 1px 2px 5px #20406010,1px 4px 15px #30406010,inset 0px 0px 15px #ffffff50; background: #ffffff ; }  .qqzok { 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;; }  .qqzok:hover { background: #f0ffff; color: #0070d0;box-shadow: 1px 4px 10px #20a0e0b0, 0px 1px 4px #20a0e080;border-radius: 3px }  .pxBOc { 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;; }  .pxBOc:hover { background: #ffffff; color: #0070d0;box-shadow: 1px 1px 10px #20a0e0b0, 0px 0px 4px #20a0f080;border-radius: 5px }    .is6Nc { margin: 10px;box-shadow: 0px 0px 10px #a0b0c080; background: #ffffff ; }  .r2kjH {padding: 5px; }  .ixBYb { cursor: pointer; width: 100%; }  .jrOXw {padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px #a0b0c050; background: #ffffff ; }    .sUfrO{ 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; }  .sUfrO:hover{ box-shadow: 3px 4px 10px #20406050; border: 2px solid #e0f0ff50; opacity: 1; }  .kCwlD { cursor: not-allowed !important; opacity: .7 !important; background: #f0f0f0; box-shadow: 3px 5px 10px #20406010 !important; }  .irscO{ 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; }    .fBfNP { padding: 5px; font-size: 110%; }  .lcim3 { padding: 5px; font-size: 80%; }  .phfNc { position: relative; padding: 5px;; }  .iLcNJ { font-size: 105%; padding-bottom: 8px; }  .ew15G { font-size: 85%; opacity: .85; ; }  .ew15G::after { position: absolute; z-index: 10; left: 5px; right: 5px; content: ''; top: 48%; bottom: 47%; background: #f00000a0; border-radius: 5px; transform: rotate(-6deg); }    .e8Mga { font-size: 85%; padding: 2px;; }  .wTiu6 { font-size: 80%; padding: 2px;; }    .q77hl { display: none !important; margin: 40px 10px 15px 10px; }  .p7T6p { position: relative; padding-left: 50px; overflow: hidden; }  .p7T6p::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); }  .u8Bfd { display: block !important; }      .n3sXb{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .tj208{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .gDUO5{ 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; }  .uSwXz { cursor: pointer; border: 2px solid #2050a080; border-radius: 4px; width: 300px; background: #fff; margin: 20px 25px; transition: .3s; box-shadow: 0px 5px 15px -5px #204060a0; }  .taYGT { margin: 20px 15px 50px 15px; color: #300050; }  .xCVbx { width: 100%; height: 80px; position: relative; }  .h8tSg { height: 125px;;}  .wTZ5a { position: absolute; right: 25px; width: 60px; height: 60px; transform: translate(0,-20px); z-index: 10; }   .btuOk { position: relative; width: 100%; height: 100%; }   .xBFSJ { 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; }   .geDsX { 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; }   .neg5U { 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; }   .cmZgz { background: linear-gradient(to right, #e050f0, #f080f0); border: 1px solid #a000d0; }   .eIIFN { background: #00c0e0; }  .xHEV2 { position: absolute; left: 25px; transform: translate(0,-20px) rotate(-5deg); z-index: 10; }   .zAIwE { position: relative; padding: 4px 7px; background: #c00000; color: #fff; font-size: 80%; text-shadow: 1px 2px 6px #500020; font-weight: bold; }   .zAseW { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(-13deg); padding: 5px 10px; background: #903000; }   .geWh6 { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(13deg); padding: 5px 10px; background: #900040; }    .z4wJg { 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; }  .dJEde { position: absolute; left: -10px; top: 0px; right: -10px; 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, #d0ffff, #e0ffff, #e0f0ff); border: 2px solid #00c0b0; box-shadow: 1px 5px 10px -5px #008040; color: #005030; border-radius: 4px; }   .rylqO { font-size: 110%; font-weight: bold; padding: 0px 5px; }  .w7Ncm { transform: scale(.9); opacity: .4; top: 25px; background: linear-gradient(to right, #fff0f0, #e0ffff, #fff0f0); height: 42px; border: 2px solid #b00050; color: #800050; }  .srh9Q { z-index: 200; top: 50px; background: linear-gradient(to right, #a0fff0, #e0ffff, #d0fff0); color: #008030; text-shadow: 1px 2px 7px #00a05040; }   .pX25m { z-index: 200; top: 0px; bottom: 0px; font-size: 110%; position: absolute;; right: 0px; display: flex; align-items: center; padding: 0px 20px; background: linear-gradient(to right,#ffa0a000,#ffe0e050); color: #b00000; font-weight: bold; direction: ltr; }    .j747x { width: 100%; position: relative; font-size: 90%; }  .h7CJQ { position: absolute; height: 55px; width: 75px; border: 1px solid #20406030; background: #ffffff40; bottom: 5px; left: 5px; border-radius: 4px; }   .txT2j { height: 25px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 11px; }   .yRu5k { 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; }  .j83kb { }   .oqaIG { display: flex; height: 35px; font-size: 90%; background: linear-gradient(to top, #0050a015, #ffffff10, #ffffff20); border-bottom: 1px solid #2040a010; }   .f8Sq9 { display: flex; width: 30%; 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); }   .gYIsV { width: 45%; padding-left: 9px; border-left: 1px dashed #5000a0a0; background: linear-gradient(to right, #ffc0ff50, #ffe0ff80) }   .uTXwo { display: flex; align-items: center; padding-right: 8px; }   .jBpTF { display: flex; height: 50px; font-size: 85%; background: linear-gradient(to top, #e0fff0a0, #f0ffffc0); display: flex; justify-content: center; align-items: center; color: #005020; }   .yNLnt { display: flex; height: 40px; font-size: 85%; background: linear-gradient(to top, #e0fff0b0, #f0ffffd0); display: flex; padding-right: 50px; align-items: center; color: #005020; }      .cV4VA{ box-shadow: 3px 4px 15px -4px #205080c0 !important; transform: scale(1.08); border: 2px solid #4000d0 !important; background: #20a0f0; color: #fff; opacity: 1 !important; }  .cV4VA > .xCVbx > .wTZ5a > .btuOk > .geDsX { transform: rotate(-45deg); }  .cV4VA > .xCVbx > .wTZ5a > .btuOk > .neg5U { opacity: .8; background: #f0a000; transform: rotate(382deg); }  .tj208 > .cV4VA { background: #b050f0; }    .d9F0d { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: relative; padding-top: 30px; margin-top: 50px; }  .vbAh6 { 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; }   .tAuF8 { display: flex; flex-wrap: wrap; align-items: center;padding: 5px 15px;; }   .mUhE7 { 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; }   .zuuTV { 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; }  .cZBfL { padding: 5px 55px 20px 5px; margin-bottom: 5px; }      .uAtm6 { display: flex; justify-content: center; }   .em7ML { max-width: 1000px; padding-bottom: 20px;}   .i4aMI { padding: 10px 15px; margin: 15px 10px; border: 1px solid #20406020; box-shadow: 0px 5px 15px -6px #20406020; }      .mt3Im {min-height: 250px;}    .k27b9{ padding: 8px 15px; }  .pp9lC { 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; }  .qLMqH { 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; }  .pp9lC input { position: absolute; opacity: 0; cursor: pointer; }  .pp9lC:hover input ~ .qLMqH { background: #e0ffff; }  .pp9lC input:checked ~ .qLMqH { background: #2196F3; color: #ffffff; border: 5px solid #2080d0; font-size: 22px; font-weight: bold; }  .fYkgN { min-height: 150px; padding: 10px; }  .jfQZi { font-size: 90%; padding-top: 7px;; }  .kWBlp { 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; }  .ns7ez { padding: 8px 15px; font-size: 110%; color: #0080a0; }  .wHej2 { padding: 5px 10px; }  .aCG9g{ 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; }          .phfWL { padding: 5px; }  .lo2qU { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .lo2qU:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .nnz5q { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .nnz5q:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .r9wvQ { padding: 5px 10px; display: none; }  .sGVdn { margin: 7px; background: #e4f0ff00; }  .zejm8 { margin: 5px; }  .mbMD0 { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .vkjhs { 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;  }      .yFtnC { max-width: 200px; max-height: 200px; }  .iTrP2 { width: 100%; height: 100%; }          .f8u4g { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }  .gJAI3 { width: 100%; height: 100%; max-height: 100px; }  .xT51R { width: 100%; height: 100%; max-height: 35px; display: flex; justify-content: center; align-items: center; }    .pUjqg { width: 100%; height: 100%; padding-top: 4px;}  .zUEUs { width: 99%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center;}  .iHwIU { width: 106%; position: relative; display: flex; }  .vMGeE { height: 85%; width: 100%; }  .jNq9G { height: 15%; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }    .vRVmE { 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;  }  .vRVmE::after { position: absolute; content: ''; left: 49%; right: 48%; top: -4px; bottom: -5px;   background: linear-gradient(to bottom, #0050a080, #0050a005, #0050a005, #0050a020);  }    .y7jW3 { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #20406010; }  .ig4xL { 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; }  .syFE3 { width: 25px; height: 100%; max-width: 40px; position: relative; }      .lBn91 { width: 100%; display: flex; flex-wrap: wrap; }    .k6YmP { padding: 1%; width: 100%; max-width: 900px }  .yg99Y { padding: 1%; width: 100%; max-width: 550px }  .tbTw0 { width: 100%; position: relative; background: var(--azNFF); box-shadow: 2px 4px 15px var(--ejRJC);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden;;   display: flex; flex-direction: column; align-items: center;  }    .xYX1f { width: 100%; position: relative; display: flex; }    .lOFvj { height: 30px; font-size: 95%; background: #a0f0ff10; box-shadow: 0px 0px 6px var(--ejRJC); justify-content: center; align-items: center; }  .h3XTf { height: 240px; width: 94.3%; box-shadow: inset 0px -2px 10px var(--ejRJC);  border: 1px solid var(--iImNi); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }    .t84X7 { height: 35px; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }  .agqND { height: 80px; }  .pZWUL { height: 200px; width: 94.3%; box-shadow: inset 0px 2px 10px var(--ejRJC);  border: 1px solid var(--iImNi); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }  .oY2dQ { width: 97%; }  .y0Y7C { width: 100%; }  .dyAqs { width: 97%; }  .qHO0r { height: 15px;}  .tlXOc { height: 150px; font-size: 90%;}  .uZyA0 { height: 15px;}  .cqkEm { height: 50px; }    .ztEe5 { 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;  }  .ztEe5::after { position: absolute; content: ''; left: 49%; right: 48%; top: -5px; bottom: -5px;   background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a005, #0050a0a0);  }  .poJbk::after { top: -2px; bottom: 5px; left: 48%; background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a000);  }  .gP4vR { font-size: 90%; opacity: .9; padding: 1%; }  .nCNBy { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5;   display: flex; justify-content: center; align-items: center; position: relative;  }  .e6pJB { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }  .jmVRE { position: absolute; left: 45%;right: 45%; top: 1%; bottom: 1%; background: #8090a0; z-index: 1; }  .w2AkX { position: relative; width: 100%; background: #4050a0; z-index: 2; }  .z6fQQ { background: #f00010; }  .p9cD7 { background: #00c040; }    .o7vgI { z-index: 1; width: 14.286%; background: linear-gradient(to right, #ffffff10, #0080e010); height: 100%; }  .mye4g { bottom: 0px; background: linear-gradient(to bottom, #0080e0, #a0c0f0); }  .qYrzd { top: 0px; background: linear-gradient(to bottom, #a0c0f0, #0080e0); }    .cWDHY { position: absolute; z-index: 20; }  .kB7Ii { bottom: 0px; font-weight: bold; display: flex; justify-content: center; padding-top: 5px; }  .btJH5 { top: 4px; font-weight: bold; display: flex; justify-content: center; padding-top: 10px; align-items: end; }  .mdDNJ { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff10); border-radius: 2px 2px 0px 0px; }  .dYzH0 { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff00, #ffffff20); border-radius: 3px 3px 0px 0px; }  .qUPAe { top: 0px; background-image: linear-gradient(160deg, #ffffff20, #00808050); border-radius: 0px 0px 2px 2px; }    .lygwl { background-color: #d04000;color: #e03000; }  .t4xwA { background-color: #d04050;color: #d04040; }  .jqQoZ { background-color: #a05060;color: #a05060; }  .hIQhR { background-color: #8090a0;color: #606070; }  .hAoF3 { background-color: #208080;color: #208080; }  .mR3iO { background-color: #00a080;color: #00a050; }  .vPx1s { background-color: #009050;color: #00b040; }      .w8PbE { display: flex; flex-wrap: wrap;}  .gNJ6w { padding: 10px 0px;}  .bazarStatus  {  margin: 1%; display: flex; flex-wrap: wrap; max-width: 400px; overflow: hidden;  background: var(--azNFF); box-shadow: 2px 4px 15px var(--ejRJC);  -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; }      .tyNZn  {  width: 100%; padding: 15px ; background: #ffffff20; box-shadow: 0px 5px 20px #4080a020;  display: flex; justify-content: center; align-items: center; font-size: 105%;  }  .bWX5x { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 90%; }  .g5iya { display: flex; justify-content: center; align-items: center; padding: 6px; direction: ltr; font-size: 120%; }    .fIIgR  {  margin: 1%; overflow: hidden; width: 440px;  background: var(--azNFF); box-shadow: 2px 4px 15px var(--ejRJC);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }    .g2lZx { display: flex; }  .iNh5m { padding: 7px 15px; display: flex; align-items: center; border: 1px solid #20406020; }  .jxmWT { background: #ffffff50 }  .wW548 { width: 120px; }  .bvH44 { width: 225px; }  .pJPtt { width: 160px; justify-content: center; }  .bYOPH { width: 160px; justify-content: center; }      .sAmSm  {  margin: 2% 1%; padding: 20px 5px;;  }      .z9ZYJ { width: 100%; background: var(--azNFF); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);   box-shadow: 2px 4px 15px var(--ejRJC); padding: 5px 5px;  }  .ihZpR { width: 100%; height: 30px; display: flex; }  .rim1X { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }    .szx6R { width: 100%; height: 28px; display: flex; align-items: center; font-size: 90%; padding-top: 4px;; }   .foJHx { display: flex; padding: 0 8px ; flex-grow: 1; }   .kTmJP { display: flex; padding: 0 8px; flex-grow: 1; justify-content: flex-end; }  .xZvPy { width: 100%; height: 26px; display: flex; position: relative;   background: linear-gradient(to top, #ffffff50, #00a0ff10, #ffffff50);   background: linear-gradient(to left, #50ffa010,#50ffa010, #ff70b010, #ff70b010);   box-shadow: inset 0px 0px 5px #20406020; padding: 1px;  }      .zRDct { width: 100%; position: relative; background: var(--azNFF);  box-shadow: 2px 4px 15px var(--ejRJC);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden; padding: 10px 5px;  }  .hazey { display: flex; align-items: center; width: 100%; }      .j1cbD { width: 50%; }    .yhPSZ { display: flex; align-items: center; position: relative; width: 100%; height: 40px; line-height: 1;  }  .gDjz8 { height: 25px;}  .jnOku { direction: ltr; background: linear-gradient(to left, #f0ffff00,#00a05010, #f0ffff00);; }  .cQoVm { background: linear-gradient(to right, #f0ffff00,#e0102010, #fff0ff00);; }  .rUCb1 { display: flex; align-items: center; padding: 0px 7px 4px 7px;; min-width: 50px; height: 100%; justify-content: center; }  .x1dWT { display: flex; align-items: center; height: 100%; padding: 0px 8px 4px 8px; font-size: 94%; flex: 1; justify-content: end; }    .ghq1f { position: absolute; bottom: 2px; height: 8px; }  .heo10 { left: 0px; border-radius: 0px 5px 5px 0px; background: #00a050; }  .oFUJz { right: 0px; border-radius: 5px 0px 0px 5px; background: #b00010;; }      .ol20i { display: flex; align-items: center; position: relative; width: 100%; height: 55px; line-height: 1; justify-content: center;   border: 0px solid var(--y1alN);  }              .k0vSE { display: flex; min-height: 100%; font-size: 15px; line-height: 1.6; justify-content: center; padding: 20px 10px; position: relative; background: linear-gradient(to left, #a0e0ff20, #a0f0e020) ; }     .gk4WW   {   position: absolute; ; opacity: 0.11; 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 );   }   .yrIDI { z-index: 10; position: relative; margin: 10px 1%; width: 100%; max-width: 1000px; background: #ffffff00; padding: 10px 1%; }   .zneDe { margin: 20px 2%; background: linear-gradient(to left, #ffffffc0, #ffffff80); border: 1px solid #20406020; backdrop-filter: blur(5px); box-shadow: 4px 10px 15px -5px #20406020; padding: 15px 2%; border-radius: 4px; font-size: 105%; }   .mcf3y { padding: 5px 2px; }   .v7Ddb { border-right: 5px solid #f0a000; }   .vFbrA { border-right: 5px solid #00a050; }   .tT2Bf { border-right: 5px solid #0050b0; }   .pui0A { display: flex; justify-content: center; }   .vJj7z { margin: 0px 2%; }                                .bZbcP { background: linear-gradient(to top,#ffeaf0d0, #f0eaffd0); }      .ljlos { position: relative; z-index: 10; display: flex; flex-wrap: wrap; padding: 40px 2%; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); justify-content: center; }   .teq9t { z-index: 11; width: 170px; margin-left: 10px; padding: 20px 0px; }   .o1hgA { position: relative; }   .wr6i3 { 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;}   .k0RxU { padding: 4px 9px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; border-radius: 4px; white-space: nowrap; }   .o1hgA:hover > .wr6i3 { opacity: 1;}   .oD2zz { width: 170px; height: 170px; margin-bottom: 10px; animation: fynTH 2s 1; }   .j66Wc { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .aNXMT { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; direction: ltr; font-family: cursive, monospace; border-radius: 4px; }     .jmQUF { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .vEd7l { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; font-size: 115%; border-radius: 4px; white-space: nowrap }       .mYB6s { z-index: 11; width: 255px; padding: 20px 18px 1px 18px; animation: rSmxh 0.4s 1; }   .iEgVC { width: 100%; z-index: 1; display: flex; padding: 4px 3px; background: linear-gradient(to top, #fffaffa0, #ffffff80);   border-radius: 4px; border: 1px solid #a0406010; margin: 2px 1px; align-items: center; }   .iEgVC:hover { z-index: 2; }   .yhDU0 { flex-grow: 1; padding: 2px 4px; }   .mC1Vs { transition: .2s; }   .gEBXU { padding: 0px 5px; font-size: 85%; opacity: .85; color: #008020; }   .vcpsa { padding: 0px 3px 0px 0px; font-size: 80%; opacity: .85; color: #800020; }   .mC1Vs:hover { outline: 1px solid #00a0f0; }   .r78TP { padding: 3px 4px; color: #003080; text-shadow: 0px 1px 2px #00c0e080; cursor: pointer; border-radius: 4px; background: #00ffc050; display: flex; justify-content: center; }   .wdJfk { padding: 3px 4px; color: #005080; cursor: pointer; border-radius: 4px; background: #0080ff10; display: flex; justify-content: center; }   .uAfX2 { color: #800000; background: #ffd00020; padding: 6px 10px; font-size: 110%; }   .sATEH { color: #800000; background: #ffd00020 !important; }     .lANGR { padding: 0px 11px 1px 1px; font-size: 90%; }   .jEysk { background: #ffe04010; border-radius: 4px; font-size: 110%; color: #400040; position: relative; }   .g3saU { padding: 2px 4px; }   .x2DGV { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #008030; background: linear-gradient(to left, #00d05030,#00a06010) }   .bycD4 { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #a00000; background: linear-gradient(to left, #d0000015,#e0005008) }   .xexBO { font-size: 100%; font-weight: normal; }   .hSWIY { font-size: 100%; font-weight: normal; }   .ojkXU { padding: 3px 14px; font-size: 120%; border-radius: 4px; font-weight: bold; color: #0020a0; background: #fff; box-shadow: 1px 3px 8px -3px #20406060; }   .t7FPE { padding: 2px 7px; border-radius: 4px; background: #fff; box-shadow: 1px 3px 8px -3px #20406040; }     .khISJ { z-index: 11; width: 220px; padding: 20px 20px 1px 20px; }      .vhf0y { display: flex; flex-wrap: wrap; padding: 10px 2%; max-width: 500px; }   .sI7rS { width: 50%; max-width: 200px; padding: 10px 2%; transform: translate(); }      .xzNRZ { padding: 10px 2%; }    .fJZcR { display: flex; justify-content: center; line-height: 1.7; width: 100%; }   .kuwWJ { width: 100%; max-width: 1000px; }   .kdzRI { display: flex; flex-wrap: wrap; justify-content: center; }       .wtCLp { padding: 10px 1% 10px 1%;; }   .lANGR { width: 100%; max-width: 250px; }   .trqc5 { transition: .2s; font-size: 115%; padding: 5px 10px; color: #fff; cursor: pointer; border-radius: 3px; background: linear-gradient(to top, #0080ff, #00a0f0); display: flex; justify-content: center; }   .trqc5:hover { background: linear-gradient(to top, #0050f0, #0090c0); box-shadow: inset 2px 2px 5px #0050a0; }     .nNwAn { width: 100%; border-radius: 3px; margin: 15px; max-width: 350px; padding: 20px 10px; box-shadow: inset 0px 0px 10px 5px #ffffffa0, 1px 4px 10px -4px #20406050; border: 1px solid #20406020; background: #ffffffa0; }   .szbaV { max-width: 400px; }   .wYdeY { max-width: 600px; }   .oB4z0 { max-width: 900px; position: relative; }   .nLrIh { min-height: 250px; position: relative; }   .sOB5e { padding: 5px 9px; margin: 3px 2px; align-items: center;}   .jJw3P { max-width: 100%; margin: auto; }   .d5u9X { width: 50%; border: none !important;}   .fIOVz { margin-top: 15px !important; }   .pt7MZ { padding: 5px 9px; margin: 3px 2px; justify-content: center; }   .kB5gE { direction: ltr; text-align: left; }   .tctDV { background: #fff5f0f0; }     .meoDl{ padding: 20px; font-size: 120%; background: #f0f0fff0; color: #0080a0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;; }     .cFX7a { background: #00a050e0; font-size: 110%; color: #fff; }   .tzPCP { background: #0050a0e0; font-size: 110%; color: #fff; }   .zXPVI { background: #a00050e0; color: #fff; }       .kwvY0 { width: 100%; z-index: 1; padding: 5px 10px; background: linear-gradient(to top, #fffaffa0, #ffffff80);   border-radius: 4px; border: 1px solid #a0406010; margin: 3px 2px; align-items: center; }   .bgSRJ { display: flex; align-items: center; }   .jMLPp { padding: 4px; }     .qLEST { display: flex; justify-content: center; width: 100%; align-items: center; padding: 15px; overflow: hidden; margin: 10px 0px; }   .lHC6H { display: flex; justify-content: center; width: 100%; max-width: 300px; max-height: 300px; align-items: center; aspect-ratio: 1/1; outline: solid 3px #2080f0; }        .pdfb0 { position: relative; z-index: 2; display: flex; justify-content: center; padding: 15px 2%;   background: linear-gradient(to right,#ffd0eae0, #ffdae5e0); justify-content: center;   box-shadow: inset 0px 30px 30px -32px #f0006010; }   .tdgt2 { width: 95%; max-width: 900px; padding: 15px; position: relative; }   .yM9D5 { display: flex; justify-content: center; margin-bottom: 20px; }   .b7pya { display: flex; height: 40px; align-items: center; width: 100%; padding: 0px 2%; background: #ffffff60; border-radius: 4px; border: 1px solid #ffffff70; }   .aSAHn { max-width: 240px; }   .bsRBj { max-width: 450px; display: flex; flex-wrap: wrap; margin-right: 8px; }   .gtzPM { font-size: 110%; font-weight: bold; padding-left: 5px; }   .zR62n { font-size: 90%; font-weight: normal; opacity: .8; padding-right: 6px; }   .yijhv { font-size: 90%; font-weight: normal; opacity: .8; padding: 2px 8px 0px 0px; }   .pEiQY { flex-grow: 1; padding: 0px 2% 0px 1%; display: flex; align-items: center; }   .wuzg3 { width: 100%; height: 20px; box-shadow: 0px 0px 5px #f0406010; overflow: hidden; background: #fffaffa0; border-radius: 4px; position: relative; }   .n9fFi { position: absolute; left: 1px; top: 2px; bottom: 2px; border-radius: 0 4px 4px 0; background: linear-gradient(to right, #00a0ff, #00c0d0); }   .wyFus { animation: 2s szzdj 1 }       .wCC3w { display: flex; justify-content: center; padding: 0px; margin: 6px 0px; background: #ffffff25; border-radius: 0px; box-shadow: 0px 0px 5px #f0406010; border: 1px solid #ffffff70; }   .vhi2V { width: 100%; padding: 4px 12px; display: flex; align-items: center; flex-grow: 1; font-size: 95%; background: #ffffff45; border-radius: 0px; border: 1px solid #ffffff60; }   .qbFVU { max-width: 220px; font-weight: bold; font-size: 110%; }   .aWaAq { margin: 0px 8px 0 0; }   .y9dhL { max-width: 150px; justify-content: center; background: #ffffff00; }   .uezu6 { max-width: 150px; justify-content: center; background: #ffffff00; }    .cP8iL { position: relative; z-index: 2; display: flex; justify-content: center; padding: 15px 2%;   background: linear-gradient(to right,#b0eadae0, #b0f0fae0); justify-content: center;   box-shadow: inset 0px 30px 30px -32px #f0006010; }   .sVBbl { background: linear-gradient(to right, #00c0d0, #00d0c0); }   .yvV5h { display: flex; justify-content: center; padding: 0px; margin: 6px 0px; background: #ffffff30; border: 1px solid #ffffff70; border-radius: 0px; box-shadow: 0px 0px 5px #00b06010; }   .l1NUg { padding: 4px 15px; display: flex; align-items: center; flex-grow: 1; font-size: 95%; background: #ffffff50; border-radius: 0px; border: 1px solid #ffffff60; }   .hkP0v { max-width: 95px; margin-left: 6px; padding-left: 2px; }   .eC03N { max-width: 100px; margin-left: 6px; font-weight: bold; font-size: 105%; }   .ttXYB { max-width: 110px; padding: 3px 0px; background: #ffffff00; margin-left: 6px; display: flex; align-items: center; justify-content: center; }   .lkjbw { color: #00a020; padding: 4px; background: #ffffff50; }   .xGFk7 { max-width: 201px; margin-left: 6px; }       .z4p5w{ padding: 2px 7px; margin: 3px 8px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #20406020; align-items: center; background: #ffffff30 }   .l5vTD{ display: flex; padding: 2px 7px; margin: 0px 4px; min-width: 50px; border-left: 1px solid #20406030; border-radius: 4px; background: #ffffff40; }   .pXutF{ font-size: 110%; font-weight: bold; min-width: 100px; }   .zuXXJ{ font-size: 110%; min-width: 100px; }   .gjNML{ min-width: 150px; }   .brEpJ{ opacity: .6; font-size: 90%; }   .kia1R{ min-width: 85px; }    .ujhSf { position: relative; z-index: 1; height: 200px; display: flex; justify-content: center; padding: 20px 2%;   background: linear-gradient(to right,#ffa050e0, #ffa0b0e0); justify-content: center;   box-shadow: inset 0px 30px 30px -32px #80006030; }   .iNFuz { width: 95%; max-width: 1000px; padding: 15px; position: relative; }   .cv2Da { top: -50px; right: auto; left: 20%; transform: scale(0.8); }   .mqGTD { top: 0; font-size: 160%; height: 80px; }   .vSNx4 {top: 2px; font-size: 160%; height: 80px }   .r5PX3 { position: absolute; top: 75px; right: 10px; border-radius: 4px; padding: 5px 15px; display: flex; align-items: center;   color: #002050; font-size: 120%; z-index: 300; transition: .2s; border: solid 1px #ffffff70; cursor: pointer;   background: #fff5ff70; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(6px); transition: .5s;   }   .r5PX3:hover { background: #ffffffb0; border: solid 1px #ffffff; }   .i5QBq { padding: 5px 5px 5px 10px; }   .h85hs { padding: 4px 10px; margin: 0px 8px; font-size: 90%; border-radius: 4px; background: #ffffff50; }   .jScS4 {height: 100%; background: linear-gradient(to right, #ffd05000, #c0000050); border-radius: 5px; cursor: pointer; }    .mYh5b { position: relative; z-index: 2; height: 120px; display: flex; justify-content: center; padding: 10px 2%; background: linear-gradient(to left,#50d0ffa0, #50c0ffb0); justify-content: center; }   .lzHBc { position: static; margin-right: 10px;}   .lSoJu { height: 100%; display: flex; align-items: center; background: linear-gradient(to right, #ffd05000, #f0a0ff60); border-radius: 5px; cursor: pointer; }   .v06zO { position: absolute; z-index: 500; top: 55px; width: 197px; height: 50px; right: auto; left: 20%; transform: scale(1.2); }   .vSbNp { border-radius: 50%; box-shadow: 0px 0px 25px 15px #ffffff80; }   .v06zO:hover > .wTZ5a > .btuOk > .geDsX { transform: rotate(-45deg); }   .v06zO:hover > .wTZ5a > .btuOk > .neg5U { opacity: .8; background: #f0a000; transform: rotate(382deg); }   .hcER4 { color: #ffffa0; transform: scale(3); transition: 1s; }   .v06zO:hover > .wTZ5a > .btuOk > .xBFSJ > .hcER4 { color: #ffff50; transform: scale(4) rotate(-720deg); }      .asXjn { width: 100%; z-index: 3; display: flex; justify-content: center; position: relative; padding: 15px 0px;   background: linear-gradient(45deg, #b0f0e0, #c0e0ff);  }  .ndqIl { background: linear-gradient(to left, #00b0ff10, #00ffd010), linear-gradient(to top, #00a0f010, #ffffff50); }   .ukAyd { width: 100%; justify-content: center; max-width: 1300px; padding: 30px 1%; position: relative; z-index: 10; display: flex; flex-wrap: wrap; }   .uz9xT { width: 100%; max-width: 500px;   margin: 15px 1.5%; overflow: hidden;   box-shadow: 1px 5px 20px -10px #20406050, 1px 5px 20px 10px #2040a008, inset 5px 5px 20px 2px #ffffff80,-4px -4px 5px -2px #ffffffb0;   box-shadow: 1px 5px 20px -10px #20406010, 1px 5px 20px 10px #2040a005, inset 5px 5px 20px 2px #ffffff30,-4px -4px 5px -2px #ffffff40;   background: #ffffff35; background: linear-gradient(to bottom, #ffffff50, #fff0ff60);   border-radius: 0px; border: 2px solid #ffffffb0; border-top: 2px solid #ffffffd0; border-left: 2px solid #ffffffd0; backdrop-filter: blur(5px); }   .y5GJk {max-width: 1000px;}   .s0l2F { padding: 1px 0px; margin: 35px 0px; background: #ffffff50; width: 100%;}     .mURSW { width: 100%; display: flex; flex-wrap: wrap; }   .o34aF { width: 100%; height: 50px; white-space: nowrap; display: flex; border-radius: 0px; max-width: 1250px; align-items: center; flex-grow: 1; padding: 8px 17px; font-size: 150%;   background: linear-gradient(to left, #ffffffa0, #ffffff60, #ffffff00); text-shadow: 1px 2px 3px #50d0ff50,1px 3px 7px #50d0ff60; color: #400050; box-shadow: 60px 7px 12px -5px #2040a018; }   .x090M { flex-grow: 1; justify-content: flex-end; display: flex; }   .aJh5Q { background: #faffff40; box-shadow: 2px 7px 12px -5px #2040a01b; padding: 6px 12px; display: flex; align-items: center; }     .m5ncy { width: 100%; display: flex; flex-wrap: wrap; padding: 5px; }   .szrM9 { display: flex; padding: 5px 2px; }   .wj2Wl { width: 100%; display: flex; height: 100%; align-items: center; padding: 3px 5px; border-radius: 4px; }   .bxuA9 { background: #ffffff10; padding: 3px 7px; }   .juRp0 { min-width: 100px; }   .oQh3U { padding-right: 10px; min-width: 40px; }   .k3pVT { }   .qa3RL { padding: 4px 12px !important; font-size: 105% !important; }          .wWsdG  {   position: absolute; ; top: 0; right: 0; left: 0; bottom: 0; z-index: -1;   background-blend-mode: multiply; background-color: #f6fbfe; opacity: .4;   background-image: radial-gradient(circle at center center, #e5f8ff, #f0f5ff), repeating-radial-gradient(circle at center center, #e0f0ffa0, #e0f5ff, 40px, transparent 80px, transparent 40px);  }            .xY4dV { width: 100%; z-index: 3; display: flex; min-height: 100%; font-size: 110%; line-height: 1.6; justify-content: center; position: relative; padding: 15px 0px; background: linear-gradient(45deg, #ffc0ff, #a0ffff);}   .jcVFF { width: 100%; max-width: 1000px; padding: 30px 1%; position: relative; z-index: 10; }   .hbWSp { width: 100%; margin: 15px 0px; padding: 20px 3%; position: relative; z-index: 10; background: linear-gradient(to left, #ffffffa0,#ffffff50); border-radius: 4px; }   .ujZlM { margin: 8px 0px; display: flex; max-width: 400px; position: relative; z-index: 10;   box-shadow: 5px 3px 15px -5px #20406030, 1px 0px 2px #2040a030, inset 3px 3px 10px #ffffff50;   background: linear-gradient(to left, #ffffffa0,#ffffff50); border-radius: 4px 0px 0px 4px; overflow: hidden; }   .kSSvH{ animation: .3s zbmwe 1 }   .rE8hY { animation: .2s dUAqr 1 }   .kfPdy { width: 35px; background: #ffffff50; border-left: 1px solid #20406020; }   .rMrYI { width: 35px; border: 1px solid #20406020; cursor: pointer; height: 35px; display: flex; justify-content: center; align-items: center; transition: .2s; }   .rMrYI:hover { background: #ffffff50; border: 1px solid #2040a0a0; }   .cCYs8 { background: #a0b0c050 !important; opacity: 0.4; border: 1px solid #20406020 !important; cursor: auto; }   .immmr { min-width: 100px; flex-grow: 1; }   .qY1xj { min-width: 200px; display: flex; max-width: 500px; overflow: hidden; align-items: center; height: 36px; font-size: 105%;   padding: 0px 14px 0px 2px; background: linear-gradient(-15deg, #00a0ff50, #a0c0ff40, #a0e0ff00, #a0e0ff00); }   .hk3ka { color: #a00000; background: linear-gradient(-15deg, #ff00a050, #ffa0c040, #a0e0ff00, #a0e0ff00); }   .uPEY3 { display: flex; padding: 2px; height: 34px; align-items: center; }   .ryLWj { margin: 0px 0px; border-radius: 3px; opacity: 0.7; transform: scale(0.9); background: #ffffff50; }   .ryLWj:hover { opacity: 1; }          .eEzG2 { display: flex; flex-wrap: wrap; border: 1px solid #20406030; margin: 5px; }   .mqdIh { display: flex; flex-wrap: wrap; border-right: 1px solid #2040a030; border-bottom: 1px solid #2040a030; padding: 5px 10px; }        .rPxk2 { display: flex; height: 40px; align-items: center; border: 1px solid #20406020; }   .szYAh { display: flex; height: 100%; align-items: center; padding: 0px 5px; border-left: 1px solid #20406020; }   .zzQ8E { padding: 0px; justify-content: center;}   .admin_eachUserPic1 { height: 100%; }        .peeDT { margin: 20px 5px 10px 5px; padding: 30px 5px 10px 5px; border: 1px solid #20406050; position: relative; min-height: 50px;;}   .kBXrr { background: #f5faff; border: 1px solid #20406050; position: absolute; z-index: 11; top: -10px; padding: 5px 10px; right: 5px; }            .p1zob { height: 100px; }    .kYykC { display: flex; width: 100%; }   .v3xCj { width: 70px; display: flex; justify-content: center; }   .o16BM { width: 70px; display: flex; justify-content: center; }   .dTC5e { flex-grow: 1; display: flex; justify-content: center; }          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 !important;   }   .vs-only-show   {   display: block !important;   }  }    @media (min-width: 576px) and (max-width: 767px)  {   .sm-only-hide   {   display: none !important;   }   .sm-only-show   {   display: block !important;   }  }    @media (min-width: 0px) and (max-width: 767px)  {   .oV9mk   {   display: none !important;   }   .sm-only-show   {   display: block !important;   }  }    @media (min-width: 767px) and (max-width: 992px)  {   .md-only-hide   {   display: none !important;   }   .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 }      .p2FgB { direction: ltr;}  .gylUp { width:80px; text-align:right; padding: 0px 5px; }              .alvPU { color: #004515 }  .pei3T { color: #008525 }  .ws1ly { color: #008025; font-weight: bold }  .ceFY8 { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; }  .vTV8Q { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; font-weight: bold}    .b1I7f { color: #500000 }  .zSuqD { color: #a00000 }  .hHLGI { color: #a00000; font-weight: bold }  .u2b7y { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; }  .tHLW8 { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; font-weight: bold}      .qMj6Q { color: #505000 }  .d3l3A { color: #807000 }  .iJOCl { color: #807000; font-weight: bold }  .thSMs { color: #807000; background: #f0b00010; }  .iR5SD { color: #807000; background: #f0b00010; font-weight: bold }    .uusLt { color: #a000b0 }  .xp5kD { color: #a000b0 }  .hZUMF { color: #a000b0; font-weight: bold }  .oga56 { color: #a000b0; background: #ff00ff10; }  .jlGZ6 { color: #a000b0; background: #ff00ff10; font-weight: bold }    .cvQoQ { color: #506070; }  .eUyIF { color: #607080 }  .kGylV { color: #607090; font-weight: bold }    .sahmDarsadPriceDivRed { background: #ff001012; color: #c00000; }  .sahmDarsadPriceDivGreen { background: #00f05015; color: #008010; }      .m7vkh { font-weight: bold; color: #007000; background: #00d06020;}  .r74TR { color: #008020}    .kHp5l { font-weight: bold; color: #a00000; background: #ff305020;}  .lvg4G { color: #e00000}      .kHp5l { font-weight: bold; color: #a00000; background: #ff305020;}  .lvg4G { color: #e00000}      .oNcIA { color: #2040a0 }  .xk3Ps { color: #0000c0 }  .pIeuJ { color: #0000c0; font-weight: bold }  .eqF7P { background:#0080ffc0; color: #fff; font-weight: bold; }  .tVbTw { background: #00a0ff20; color: #019 }  .modHT { background: #00a0ffa0; color: #fff }  .hXGc2 { background:#0080ffc0; color: #fff; }      .i8Pym { background:#00e08020; color: #008010 }  .kxv42 { background:#00ffa020; color: #007020; font-weight: bold; }    .xh95G { background:#ff203015; color: #900010 }  .yyIoI { background:#ff203020; color: #900000; font-weight: bold; }                      .sCVNL { position: relative; height: 100%; width: 100%; direction: rtl; }  .rgCPL { position: absolute; height: 100%; width: 100%; right: 0px; top: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;}  .rHFxR { position: absolute; height: 100%; right: 0px; top: 0px; z-index: 1; }  .tr3cX { background: #0050ff20; }  .cJRVY { background: #50a0ff50; }    .wrTss { background: #00c05020; }  .jyv1w { background: #00a0b020; }  .mhiPx { background: #a0a00020; }  .sUy9H { background: #c0200020; }    .bHuPI {   writing-mode: vertical-rl;   text-orientation: mixed;   white-space: nowrap;   direction: rtl;   font-size: 16px;   overflow: hidden;   }        .iSRSS { background: #20406020; height: 100%; width: 100%; }  .kX5TA { background: #20406020; height: 1px !important; width: 100% !important; }      .pPYZt {   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;  }  .doJ9C {   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;;  }  .doJ9C:hover { color: #002080; box-shadow: 0px 0px 5px #2060a0c0; background: linear-gradient(to bottom , #ffffffa0, #a0e0ffb0, #ffffffa0 ); }  .j0IDI { width: 325px; overflow: hidden; white-space: nowrap ; padding: 5px 12px 5px 2px; }  .bBV4e { width: 80px; overflow: hidden; white-space: nowrap ; padding: 5px; }  .vE3rc { display: flex; flex-wrap: wrap; }        .nS7Hj { 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 }        .cj6rQ { position: absolute; top: 0px; left: 0px; bottom: 0px; }    .gzFnr { right: 6px; z-index: 20; display: flex; align-items: center; color: #103050; }  .zFdsD { z-index: 10; background: #00a0ff40; }        .z3PMy { position: absolute; top: 0px; bottom: 0px; }    .arVLX { right: 0px; left: 0px; justify-content: center;; z-index: 20; display: flex; align-items: center; direction: rtl; }  .tf75B { color: #902500;; }  .oUE1L { color: #008025;; }    .iM46d { z-index: 10; background: #b0001030; left: 0px; }  .hrTBX { z-index: 10; background: #00f08040; right: 0px; }            .hb { position: relative; height: 65px; margin: 5px; border: 1px solid #0050f050; padding: 5px; color: #002060; }    .bgGpd { 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; }  .tse5a { transition: .2s; opacity: 0; animation: dB164 4s 1; padding: 2px 12px; font-size: 25px; background: linear-gradient(to right, #c0f0ff20, #c0e0ffe0, #c0e0ffe0, #c0f0ff20); color: #0000a0; white-space: nowrap; }  .rgAqu { width: 100%; direction: rtl; text-align: right; }  @keyframes dB164 { 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;}            .cD1QT { position: relative; overflow: hidden; box-shadow: 0px -1px 8px 2px #ffffff70, inset 0px 0px 3px #2040a030; background: #d0faff10; height: 24px; margin: 3px 5px; padding: 5px 7px; }  .onIqS { height: 28px; margin: 3px 5px; }  .hoxpl { position: absolute; font-size: 90%; top: 1px; bottom: 1px; display: flex; align-items: center; right: 7px; z-index: 2; }  .aLPIW { position: absolute; top: 1px; bottom: 1px; left: 7px;display: flex; align-items: center; direction: ltr ; z-index: 3;; }  .bTQeL { position: absolute;   top: 0px; left: 0px; height: 100%;   box-shadow: inset -50px 0px 50px -50px #0080f040, inset 2px 0px 5px #0080f020, 0px 0px 5px 1px #fff;   background: linear-gradient(to top, #a0d0ff25, #c0e0ff20);   animation: rSmxh 0.4s 1;   }   .wtS0P { background: linear-gradient(to top, #90c0f042, #c0d0f050); }  .o5vyt {   box-shadow: inset -50px 0px 50px -50px #00807040, inset 2px 0px 5px #00807020, 0px 0px 5px 1px #fff;   background: linear-gradient(to top, #b0f0f085, #e0f0ff60);  }  .tC6Rs {color: #0050a0; padding-right: 5px; }  .zPZ4x { 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;  }  .cD1QT:hover > .zPZ4x { opacity: 1; }            .zMLNl { position: relative; height: 50px; margin: 10px 5px; border: 1px solid #0050f050; }  .hasky { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }  .l5EPD {height: 100%; width: 100%; display: flex; padding: 6px 5px; }  .nYOJW {height: 100%; width: 33%; text-align: center; }  .cnwiw {height: 100%; width: 34%; text-align: center; }  .wAEYm {height: 100%; width: 33%; text-align: center; }    .iSsjO{ font-size: 80%; color: #a080a0; }  .c6SHv{ padding: 4px 0px;}  .tjBem{ font-size: 120%; color: #0050a0;}    .kcp5b { position: absolute; top: 0px; left: 0px; height: 100%; background: #ffe8f0; }            .oRLc6 { position: relative; margin: 10px 5px; border: 1px solid #0050f050; display: flex; }  .jqXCE { width: 25%; }  .vBYx2 { text-align: center; padding: 5px; }  .f15JQ { font-size: 90%; color: #607080; }    .eYd4S { background: #ffd0dc; color: #a02020; }  .h9MRA { background: #d0ffea; color: #00a040; }  .q3ne6 { background: #ffffe0; color: #808000; }      .vCl6M { position: relative; margin: 12px 0px 0px 0px; color: #354555; font-size: 90%; }   .ndr1v { position: relative; z-index: 1; display: flex; height: 30px; border-bottom: 1px solid #20406020; align-items: center; margin: 0px; background: linear-gradient(to top, #a0b0f010, #ffffff20); }   .ndr1v:hover { z-index: 100; }   .tQSwW { display: flex; align-items: center; border-right: 1px solid #20406020; padding: 1px 7px 1px 9px; min-width: 85px; height: 100%; white-space: nowrap; background: linear-gradient(to right, #f0f0ff10,#ffffff20,#ffffff50); }   .zWcF7 { min-width: 50px; }   .tcZwu { font-size: 90%; }   .yTLDT { padding-left: 5px; }   .s0VLe { direction: ltr; }  .qAgOg { width: 35%; }  .hDmag { padding: 4px; white-space: nowrap; display: flex; }  .xvpLk { text-align: right; direction: ltr; border-radius: 5px; padding: 0px 3px; }  .qqWdC { color: #b00010; background: #ff002005; }  .pIEbo { color: #008020; }  .ctGln { color: #008000; background: #00f05005; font-weight: bold; }  .or5IQ { color: #805000; background: #f0c00015; }  .cnNyU { justify-content: end; direction: ltr; }    .hiEaA { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; opacity: .6; z-index: 1;}  .hiEaA:hover { opacity: 1; z-index: 200; }   .gky8J { position: relative; cursor: pointer; transition: .3s; z-index: 1; height: 32px; width: 32px; margin: 0px 3px; display: flex; justify-content: center; align-items: center; }   .dUJsd { padding: 2px; }   .gky8J:hover { transform: scale(1.2); z-index: 200; }   .ogZpp { white-space: nowrap; }    .msERv { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; }  .rFYle { }              .bF6oU{border: 1px solid #b0d0f0; background: #ffffff80;}    .soC0y { border: 0px solid #a0b0f0a0 !important; margin: 5px 6px !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 5px 0px 5px; font-size: 90%; opacity: 0.7;}    .kIibJ { height: 25px; overflow: hidden; }  .eTCcE { border-left: 1px solid #00f05040; width: 50%; background: linear-gradient(to right, #90ffd040, #e0fff020) ; display: flex; flex-wrap: nowrap !important; align-items: center; position: relative; }  .rnU1r { border-right: 1px solid #ff405040; width: 50%; background: linear-gradient(to left, #ffd0d040, #ffe0f020); display: flex; flex-wrap: nowrap !important; align-items: center; position: relative;}  .i7fL2 { 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}  .qP9Is { 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 #ff001040 }  .lczHA { animation: g8YMl 0.5s 1; }  .giAyR { animation: sH5zF 0.5s 1; }        .s1Iyd { 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}  .q3ZiP { display:flex; padding: 0px 4px; direction: ltr; line-height: .9; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; flex-wrap: nowrap;}  .ciXLP { left: 0px; }  .wx2Rb { right: 0px; }  .kIibJ:hover > .s1Iyd { opacity: 1 }    .mqncW { color: #008020; }  .bN7MZ { color: #a00020 ; }    .mRQPr { padding: 0px 3px; z-index: 2; padding: 5px; direction: ltr; }    .hY2W8 { text-align: right; min-width: 30px; padding: 0px 2px ; }  .fgkaC { text-align: right; min-width: 40px; }  .metrC { text-align: right; }  .pWcQ9 { text-align: left; }  .kEJ7J { text-align: left; }  .nGae4 { 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; }  .p4iwl { text-align: left; min-width: 40px; }  .requestRows_LHajm1 { text-align: left;; }  .requestRows_LPrice1 { text-align: right; }  .requestRows_LDarsad1 { text-align: right; }      .vqynj { padding: 7px 2px; color: #0050a0; text-align: center; font-size: 105%; }        .rowsOfSahmSarane1 { position: relative; overflow: hidden; }  .rowsOfSahmSaraneHint1 { position: absolute; font-size: 110%; top: 0px; white-space: nowrap; bottom: 0px; width: 0px; left: 0px; bottom: 0px;transition: .2s; z-index: 500; text-align: center; width: 100%; opacity: 0 }  .rowsOfSahmSarane1:hover > .rowsOfSahmSaraneHint1 { opacity: 1; background:#a0d0ff80 }                  .irrcm {color: #e0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 5px 0px 20px;}  .t6iLD {color: #ffe0f0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 5px;}  .eYpzt { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }  .rpEpQ { background: #00802090; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .c8L29 { background: #a0202090; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .rApfB { background: #007020b8; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; background: linear-gradient(to right, #006010c0, #007020a0); }  .wmhFI { background: #900010b5; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; background: linear-gradient(to right, #a00000a0, #800000c0); }          .qxxxZ { direction: rtl;position: relative;height:100%;width:100%; }      .whqpI {color: #007010; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 6px 0px 20px;}  .qn2jD { font-size: 85%; transition: .2s; border-radius: 3px;; }  .yVRWN {color: #007010; opacity: 0; background: #baf0d5; z-index:15; position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .sUlw3 {color: #900000; z-index:11;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 6px;}  .sRurd {color: #900000; opacity: 0; background: #ffd0d0; z-index:15;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .yVRWN:hover { opacity: 1;}  .sRurd:hover { opacity: 1;}    .ntAft { background: #baf0d5; background: linear-gradient(45deg, #b0ffd0a0, #b0ffe0a0); box-shadow: inset 1px 0px 2px #00801030; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .xq1yN { background: #ffe5e5; background: linear-gradient(-45deg, #ffd0c0a0, #ffd0d0a0); box-shadow: inset -1px 0px 2px #d0000030; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .gnqmH { background: #a0f0c0; background: linear-gradient(45deg, #90f0c0c0, #a0f0e0c0); box-shadow: inset 5px 0px 8px -3px #00801040; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; }  .f3jIV { background: #ffd0d0; background: linear-gradient(-45deg, #ffb0b0c0, #ffc0d0c0); box-shadow: inset -5px 0px 8px -3px #d0000040; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; }            .jsTJt { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2px 1px; }  .eUS1E { max-height: 25px; width: 100%; display: flex; direction: rtl; }  .gOlmR { max-height: 25px; position: relative;}    .odix3 { background: #00c04010; width: 50%; height: 100%; position: relative; display: flex; }  .x2RjL { background: #c0203010; width: 50%; height: 100%; position: relative; display: flex; direction: ltr; }  .loZQu { width: 16%; padding: 0px 3px; }  .zLVFY { width: 50%; padding: 0px 4px; }  .xy1FS { width: 34%; padding: 0px 3px; font-size: 90%; direction: ltr; }    .wFaAA { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #00903540; z-index: -1; }  .v3BrR { position: absolute; top: 0px; bottom: 0px; right: 0px; background: #b0103040; z-index: -1; }    .hgQga { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #0060f0b0; z-index: -1; }  .s8kqI { width: 45px; padding: 0px 4px; }  .epMDA { width: 35px; padding: 0px 4px; font-size: 85%; }  .c3UTg { padding: 0px 5px; direction: ltr; text-align: left; flex-grow: 1; }          .czO1p { display: flex; }  .czO1p > div { }      .utSul { position: absolute; height: 1px; width: 100%; left: 0px; right: 0px; background: #50607020; }  .pNBHs { background: #0040a035; }      .s9TJN { width: 100%; height: 100%; display: flex; padding: 6px 1%; direction: rtl; background: #ffffff20; position: relative; }  .uGwOG { position: relative; flex: 1; max-width: 20px; }  .bIVyw { 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;  }  .rkdYs { background: #a0b0c020 !important; }  .qRpOZ { position: absolute; bottom: 0px; left: -1px; right: -1px; height: 5px; border-radius: 50%; background: #0050e0a0; }  .xb8mO { right: auto; left: 220% !important; }  .uGwOG:hover { background: #fff; }  .uGwOG:hover > .bIVyw { display: block; }  .gYCNJ { margin: 0px 1px;; }  .iVzR6 { margin: 0px 0.2px;; }    .mEqtR { display: flex; padding: 2px 5px; }  .uBLGn { min-width: 75px; white-space: nowrap; padding-left: 5px ; }  .inGbX { min-width: 50px; direction: ltr ; }    .tWdQb { position: absolute; left: 2%; right: 2%; bottom: 0px; border-radius: 4px 4px 0px 0px; background: #0050c0a0; }    .ew6Ii { position: absolute; left: 50%; right: 2%; bottom: 0px; background: #00a050; }  .vd4Um { position: absolute; left: 2%; right: 50%; bottom: 0px; background: #f04040; }    .pPI7A { position: absolute; left: 2%; right: 2%; bottom: 50%; background: #00a050; border-radius: 4px 4px 0 0; }  .kHUh7 { position: absolute; left: 2%; right: 2%; bottom: auto; top: 50%; background: #f04040; border-radius: 0 0 4px 4px; }    .djfp6 { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #00a050; border-radius: 4px 4px 0 0; }  .ebi40 { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #f04040; border-radius: 4px 4px 0 0; }    .jbYjX { opacity: .6; }    .dnoBl { margin: 1%; padding: 2% 1%; border: 1px solid #20406020; border-radius: 3px; background: #ffffff50; }   .mfkOb { padding: 5px; }      .m2ppY { position: absolute; left: 0px; right: 0px; }    .hAOth { width: 100%; padding: 5px; }  .pqaXN{ direction: rtl; height: 98%; width: 98%; background: #ffffff50; border-left: 1px solid #60a0d040;border-right: 1px solid #60a0d040; position: relative; }  .rkfBD{ 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%; }  .wFolq { background: #00ca70; }  .cVN1g {background: #f04040; }  .enJev {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; }  .kandel_Last01S { background: #506070; }    .q9Q0m{ direction: rtl; height: 98%; width: 98%; background: #ffffff80; position: relative; }  .l11o0{ direction: rtl; height: 98%; width: 98%; background: #ffffff; position: relative; border: #20406030; }    .xJILb { position: absolute; left:44%; width: 12%; background: #909090; }  .dfAbU { position: absolute; left:40%; width: 20%; background: #909090; }  .vnaVs { position: absolute; left:14%; right: 14%; min-height: 2%; }  .rUVWW { position: absolute; left:10%; right: 10%; min-height: 3%; }  .c9Wf3 { background: #00ca70; }  .l2iCE {background: #f04040; }  .fvvyd { position: absolute; left:0px; width: 100%; height: 1px; background: #a0b0c080; }  .fA0yo { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f080; z-index: 5; }    .hiUq5 { position: absolute; left:40%; height: 100%; top: 0px; right: 40%; background: #909090; }  .i3zRL { position: absolute; left:42%; right: 42%; background: #909090; }  .m8vD4 { position: absolute; left:8%; right: 8%; min-height: 1% !important; }  .kUsuh { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f0a0; z-index: 5; }        .t9VoN { padding: 1px 0px 0px 0px; margin: 1px 0px 4px 0px; }  .obvS6 { padding: 1px 0px 0px 0px; margin: 1px 0px 9px 0px; box-shadow: 0px 5px 8px -5px #00508060; border: 1px solid #20407020; }  .qcStY { border : 1px solid #20406025; box-shadow: 2px 5px 12px -5px #20406030; background: #ffffff80; }  .fnYIg { width: 100%; display: flex; }  .fnYIgt { padding-top: 2px; }  .fnYIgb { padding-bottom: 0px; }    .vGiMR { text-align: center; padding: 1px; direction: ltr; display: flex; justify-content: center; align-items: center;}  .ommd9 { width: 30%; }  .ommd9m { color: #406080; }  .ommd9mf { font-size: 90% ; }  .fhdlS { width: 40%; }  .fhdlSt { color: #607090; font-size: 90%; }  .fhdlSm { color: #003070; }  .fhdlSmf { font-size: 118% ;}  .rdWWi { width: 30%; }  .rdWWit { }  .rdWWim { color: #506070; }  .rdWWimf { font-size: 90% ; }  .amkzap { padding: 8px; }  .amkzap > hr { border: 1px dashed #e0f0f0; margin: 8px; }      .eachBaze_barBox1 { background: #ffffffa0; width: 100%; position: relative; height: 5px; overflow: hidden; }  .iwsRn { position: absolute; top: 0px; bottom: 0px; right: 0%; background: #f05050; animation: sH5zF 0.6s 1; }  .pWjHl { position: absolute; top: 0px; bottom: 0px; left: 0%; background: #20d060; animation: g8YMl 0.6s 1; }        .l3mn0 { width: 100%; display: flex; }    .zc6k9 { flex-grow: 1; min-width: 50%; padding: 3px 5px 2px 5px; border-top: 1px solid #e0e0f0; }  .zc6k9s { background:linear-gradient(55deg, #00d04010,#00d04010,#00d04000); color: #005020; }  .zc6k9g { background: linear-gradient(-55deg, #f0200010,#f0200000,#f0200000); color: #700020; }  .fDZ7U { background: #ffffff; border: 1px solid #c0d0e0;}  .fDZ7Utit { color: #b0c0c0; font-size: 60%; display: flex; justify-content: center; align-items: center;}  .fDZ7Udar { font-size: 115% ; direction: ltr; display: flex; justify-content: center; align-items: center;}      .ziXtY { position: relative; z-index: 1; }  .ziXtY:hover { z-index: 400; }  .n2wp1 { 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; }  .sC5nQ { height: 18px; width: 18px; background: #00a0a070; bottom: -10px; }  .n2wp1:hover { z-index: 400; }  .s3Qf6 { font-size: 11px; z-index: 300; padding-top: 1px; color: #0080d0; font-family: monospace; }  .pDwow { font-size: 14px; z-index: 300; text-shadow: 0px 1px 4px #001080; padding-top: 1px; color: #fff; font-weight: bold; }  .amkza { 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; }  .a7J2w { max-width: 320px !important }  .amkza::before { position: absolute; top: -12px; right: 0px; content: ''; border-width:6px; border-style:solid; border-color:transparent transparent #d0d0e0 transparent}  .n2wp1:hover > .amkza { display: block; z-index: 400; }  .ziXtY:hover > .amkza { display: block; animation: aSoTa .2s 1 }  @keyframes aSoTa { 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; }      .knlt0 { color: #d00 !important; }  .hDZd0 { color: #092 !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; }      .zaA78{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .nwbhh{ z-index:2;}      .gbV15 { position: relative; width: 100% !important; background: #ffffff; font-size: 14px; white-space: nowrap; }    .qwFW4{ height: 40px; width: 100%; background: #d0e0ff; color: #200060; display: flex; flex-wrap: wrap; min-width: 700px !important; position: absolute;top: 0px; right: 0px; }  .yI4aG{ padding: 9px 8px; position: relative; background: linear-gradient(to right, #f0f0ff15, #0000f015) ; z-index: 200; }  .k5W2y{ padding: 8px 8px !important; border: 1px dashed #80a0ff !important; cursor: pointer; }  .k5W2y:hover{ border: 1px solid #5080ff !important; background: linear-gradient(to right, #a0ffff35, #00a0f035); z-index: 200; }    .y5kZz { display: none; position: absolute; top: 100%; right: 0px; max-width: 400px; background: #fffffff0; box-shadow: 0px 5px 10px #a0a0a0a0; }  .uIcBF { display: flex; flex-wrap: wrap; min-width: 240px; }  .v7vCs { padding: 6px 6px; cursor: pointer; text-align: center; min-width: 40px; }  .v7vCs:hover { background: #0080f0; color: #ffffff; }    .puIdC { cursor: auto; background: #f0f0ff !important; color: #808080 !important; }    .k5W2y:hover > .y5kZz{ display: block;}        .exZcc{ 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; }            .bYq1B { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }  .bYq1B { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }    .bYq1B > div { align-content: center !important;display: flex !important; flex-wrap: wrap !important; height:30px; position: relative; }  .bYq1B > div:nth-of-type(even) { background-color: #eaf0f5; }  .bYq1B > div:nth-of-type(odd) { background-color: #ffffff }  .bYq1B > 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; }    .qX3xp { position: fixed; left: -280px; top: 40px; height: 40px; width: 270px; transition: .2s; display:flex; direction: rtl; text-align: right; background: #ffffff50}  .lGXA1 { 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{ }                                            .kTq4t { width: 100%; padding: 2px 5px;; }  .wGvhh { background: #ffffff80; height: 28px; font-size: 105%; width: 100%; margin: 2px; position: relative; display: flex; border-radius: 4px; }  .zJFJS { height: 30px; font-size: 115%; animation: eAWvT 0.3s 1; }  .bZGtp { height: 26px; font-size: 95%; animation: rSmxh 0.4s 1; }   .rUw80 { align-items: center ; padding: 0px 12px 0px 2px; height: 100%; font-size: 90%; display: flex; }   .gtZRc { flex-grow: 1; display: flex; align-items: center ; padding: 0px 4px; height: 100%; direction: ltr; border-radius: 4px; }   .cfDf3 { font-size: 120%; min-width: 95px; justify-content: center; display: flex; padding: 0px 4px; }   .dFTX3 { min-width: 90px; justify-content: center;display: flex; padding: 0px 4px }   .zewGH { color: #006020; background: linear-gradient(35deg, #00e08020,#00ff2010,#00e08000); border-left: 4px solid #00c00060; box-shadow: inset 30px 0px 30px -30px #00b00040; }   .gYLMQ { color: #501010; background: linear-gradient(35deg, #ff408020,#f0200010,#00e08000); border-left: 4px solid #ff000060; box-shadow: inset 30px 0px 30px -30px #ff000030; }   .zewGH > .cfDf3 { color: #008000; text-shadow: 1px 3px 5px #00ff5080; }   .gYLMQ > .cfDf3 { color: #800000; text-shadow: 1px 3px 5px #ff206060; }     .rUjlD { position: absolute; right: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; z-index: 100; direction: ltr; }   .qV7a3 { transition: .2s; padding: 0px 10px; opacity: 0; animation: kDS8U 7s 1; padding: 5px 10px; display: flex; border-radius: 4px; }   .zPZMG { min-width: 60px; display: flex; justify-content: center; height: 100%; align-items: center; padding: 0px 4px; }   .gPCjA { background: #ffe0f0; color: #a00000; }   .jly5e { background: #d0fff0; color: #009040 ; }     @keyframes kDS8U { 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); } }                .qUkce { display: flex; white-space: nowrap; }  .n7axm { 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; }  .v2zLm { outline: #5050f050 solid 1px; border-radius: 0px; }      .dVv0P { background: #fff6f8; color: #501010; border: 1px solid #ff404070; }  .qTCnh { background: #f0fff7; color: #006020; border: 1px solid #00c06070; }    .g7Dkp { text-align: center; width: 100%; position: relative; }  .a8vsr { position: absolute; left: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; }  .yEdYu { transition: .2s; opacity: 0; animation: kDS8U 5s 1; padding: 5px 10px; font-size: 80%; }  .wfEHL { background: #ff505020; color: #a00000; }  .vsubg { background: #00a05020; color: #009040 ; }    .zGTpS { padding: 8px 0px 0px 8px; font-size: 110%; }  .zrTg9 { padding: 1px; font-size: 120%; direction: ltr !important; }  .kIgnh { font-size: 80%; opacity: .6;; position: absolute;   width: 50px; height: 100%; top: 0px; right: 2%; display: flex; align-items: center; justify-content: center;  }    .dVv0P > .zrTg9 { color: #a00000; }  .qTCnh > .zrTg9 { color: #008020; }            .x1dpb { position: relative; overflow: hidden; height: 50px; box-shadow: 1px 1px 10px #20406015; margin: 5px; border: 1px solid #0050f040; padding: 5px; color: #002060; }    .tablo_bgGpd { position: absolute; left: 30%; top: 2px; display: flex; flex-wrap: wrap; align-items: center; z-index: 1001; direction: ltr; text-align: left; }  .tse5a { 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: dB164 7s 1; padding: 3px 10px; background: #fff; color: #002080; white-space: nowrap; font-size: 110%;}  .rgAqu { width: 100%; direction: rtl; text-align: right; }  @keyframes dB164 { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .tPbat { animation: g8YMl 1.2s 1; 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 }  .rhBFs { position: absolute; top: -2px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .r8udA { display: flex; flex-wrap: wrap; }  .tMvvo { padding: 8px 7px 1px 0px;}  .b1ccp { padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative; font-size: 125%;}  .zlh4b { font-size: 85% ; display: flex; flex-wrap: wrap; }  .fTHvr { padding: 1px 8px 1px 0px;}  .gXkll { color: #0050a0; padding-right: 5px; }  .vAgdX { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}        .tETao { height:40px; background: #ffffff; border: 1px solid #20406020; box-shadow: 2px 1px 9px #20406012; }      .oBDkM { 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; }            .vqonQ{direction: rtl; height: 100%; background: #ffffff80; position: relative; display: flex;; }  .vU97s { display: flex; width: 50%; justify-content: center; align-items: center; }  .sygoo { font-size: 80%; opacity: .7; padding-left: 7px;; }  .sHDEe { font-size: 90%; opacity: .8; padding-left: 8px; direction: ltr; }  .eF0vy { }                        .d2lwz { display: flex; flex-direction: column; width: 100%; height: 100%; }  .aI6gG { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10% 0%; }    .v2y { height: 50%; width: 100%; }  .j13mu { 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=); }  .aIgyU { padding: 2%;; overflow: auto; }    .iN8P1 { display: flex;margin: 10px 0 20px 0; }  .ahLvz { width: 125px; overflow: hidden; white-space: nowrap; }  .lAoH2 { width: 100px; color: #008030;;}    .rVYOn { display: flex; }  .k41Tr { padding: 4px 6px; display: flex; align-items: center; height: 30px; overflow: hidden; white-space: nowrap; border: 1px solid #20406020; }    .zIPkw { width: 300px; }  .y2wdg { width: 60px; }  .nLExm { width: 180px; color: #0020a0; white-space: nowrap;}  .lAoH2 { width: 80px; color: #008030;;}    .awN5u { width: 80px; cursor: pointer; padding: 6px 10px; background: #ffffff80; color: #008030; animation: gjij3 3s 1;;}      .faHjS { padding: 8px; ; background: #fafcff; font-size: 13.5px; overflow: auto; min-height: 100%;}  .muqpr { position: fixed !important; background: #fafbfd; top: 41px !important; right: 0px; bottom: 1px; height: auto !important; z-index: 20; width: 100% !important; }    .tXfBo { display: block !important; padding: 10px 5px; text-align: right; direction: rtl;}  .fMhd3 { padding: 0px 10px; color: #074; cursor: pointer; }  .sChMe { padding: 10px 20px 5px 5px; font-weight: bold; color: #05a;}  .fUiJm { padding: 5px 10px; color: #246; text-align: right; min-width: 1200px;;}  .eWjEn { padding: 20px 20px 5px 5px; font-weight: bold; color: #a50;}  .luL8z { padding: 5px 10px; color: #531;}    .fhnqU{ width: 1200px; padding: 5px 0px 10px 0px; display: none;}  .lhAW4 { display: flex !important }    .vzaQP { 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; }  .vzaQP:hover { background: #ffffff; box-shadow: 0px 1px 4px #00305015,1px 3px 10px #1050a025; outline: 1px solid #00a0f050; }  .lB4S3 { background: #ffffff; box-shadow: 0px 1px 4px #00305025,1px 4px 12px #1050a040; outline: 1px solid #00a0f040; margin-top: 12px; }  .zlWug { 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; }  .t7pIs { 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; }  .cz85N { box-shadow: 0px 0px 3px #00305040,1px 3px 10px #40608045; border: 1px solid #00a0c0a0; margin: 8px 4px; height: 40px; }        .pDQ9j { 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; ; }  .tl2a5 { 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; }  .t7wu8 { 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; }    .vQabt { 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; }  .pfmVL { 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; }  .j3sJc { 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; }    .jUM1s { 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; }    .vzaQP > .jUM1s:nth-of-type(even) { background-color: #eaf5ff25; }  .vzaQP > .jUM1s:nth-of-type(odd) { background-color: #ffffff20 }    .wVB9A { justify-content: start; transition: .2s; padding: 0px 10px; }  .aGUaI { border-left: 4px solid #30508025 }  .iXceF { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #40a0ff20; box-shadow: inset 5px 0px 8px #00a0ff40; }  .vDT7M { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #40b0c020; box-shadow: inset -5px 0px 8px #00c0d040; }    .tp4fD { position: absolute; left: 2px; bottom: -2px; padding: 0px; font-size: 85%; color: #804000; display: flex; white-space: nowrap; background: #ffffffd0; }    .yUq83 { font-size: 85%; opacity: .8; padding: 0px 2px;; }    .baBUj { padding: 5px 6px; border-radius: 10px; box-shadow: 0px 2px 10px #3050a015; background: #fff; outline: solid 1px #2050a040; margin-left: 6px;}  .f7Drj { padding: 0px 5px; font-size: 85%; opacity: .8;; }  .uIhtq { padding: 0px 0px 0px 1px; color: #003090; }      .u2AU6 { font-size: 85%; }  .u6AnM { direction: ltr; }  .cpAHJ { direction: ltr; }  .sgnni { direction: ltr; color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .mwBNf { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }  .lY3Y4 { color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .mkZoA { color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }          .cq9Ux { display: flex; position: relative; margin: 8px; min-height: 250px; border: 1px solid #20406050; overflow: hidden; background: #40608005; }  .kxRg8 { position: relative; z-index: 1; transition: .2s; }  .gHqcG { cursor: pointer;}  .krAZe { background: #ffffff; box-shadow: inset 0px -90px 80px -90px #20a0f0a0 !important; cursor: auto !important; }  .st3cM { margin-right: 16px; }  .iTqux { 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; }  .lTyGu { right: auto; left: 16px; }  .iTqux > div { padding: 3px; white-space: nowrap; }  .kxRg8:hover > .iTqux { display: block; animation: sQUI8 1 .25s; }  .kxRg8:hover { background: #ffffff; z-index: 2; }  .kz73Q { position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 4px solid #20406050; z-index: 5; }    @keyframes sQUI8 { 0%{ opacity: 0; transform: translate( -50px, 10px) scale(0.9); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      .jW8tG { box-shadow: inset 0px 40px 40px -50px #00a050; border-top: 5px solid #00904085; }  .emH9M { box-shadow: 0px -20px 1px -1px #b0201050; border-top: 5px solid #a0100085; }        .wiubY { 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; }    .u5ci0 { position: absolute; border-right:1px solid #5080b030; background: linear-gradient(to left, #5080b012,#ffffff20); top: 0px; height:100%; opacity: .85; }  .bRRlB { z-index: 100; position: absolute; display: flex; justify-content: center; align-items: end; padding: 5px; bottom: 0px; }                                .iv8q0 { top: 0px; height: 30px; background: linear-gradient(to top, #f2faff, #f0f7ff, #f2faff);   padding: 2px 5px 0px 0px; font-size: 90%;   box-shadow: 0px 0px 10px #20407030; position: absolute; right: 0px; left: 0px; display: flex; }   .jOyBz { height: 100%; display: flex; justify-content: center; background: linear-gradient(to left, #f0f5ff, #ffffff); margin: 0px 4px; align-items: center; cursor: pointer; padding: 0px 7px; }   .refrM { border: 1px solid #00406020; background-color: #ffffff50; }   .oyzwx { cursor: auto; border: 1px solid #20407030; background: var(--u6vj6); box-shadow: var(--mtb2N); color: var(--ipU0b); }    .tSBT7 { top: 30px; position: absolute; right: 0px; left: 0px; display: flex; bottom: 0px; overflow: hidden;; }  .vieqH { top: 30px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto;; }  .e2Ex4 {position: relative; width: 100%; height: 100%; }   .oWp38 { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }   .uBfJv { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; padding: 2%; }   .t4jmQ { width: 100%; text-align: center; padding: 10px 5px; }   .gJcae { width: 100%; height: 50px; padding: 10px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }   .rlwYd { display: block; }      .ynRWy { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }  .lXUff { }  .ad7Lg { width: 100%; height: 100%; position: relative; overflow: auto; }  .j0LSe { display: flex; flex-wrap: wrap; }  .iayta { display: flex; z-index: 100; position: absolute; height: 30px; background: #f0f5ff; top: 0px; right: 0px; width: 100%; }   .pA4fO { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030;white-space: nowrap; }  .v5M86 { display: flex; z-index: 50; height: 30px; background: #f2faff; border-bottom: 1px solid #20406020; box-shadow: 0px 0px 12px #20407025; }  .yqmJT { top: 30px; }  .n7MYR { position: static; }   .ixNkI { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030; line-height: .8; }  .dIXMj { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; overflow: auto; }  .xQprL { }  .rAN6L { bottom: 0px; }  .tUTMW { 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; }  .a6g93 { display: flex; padding: 0px 8px; justify-content: center; align-items: center; height: 100%; }  .bpBce { cursor: pointer; color: #0020a0; }  .iWXIw { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; }   .risgf { transition: .2s; overflow: hidden; }   .pbggP { transition: .2s; overflow: hidden; }   .clHT9 { border: 1px solid #00306040;border-right: 4px solid #00308040; margin: 10px 6px; background: #fff; border-radius: 4px; }   .rN5ue { cursor: pointer; height: 30px; display: flex; border-bottom: 1px solid #20406030; }   .t12PQ { height: 100%; display: flex; align-items: center; border-left: 1px solid #20406030; padding: 0px 9px; white-space: nowrap; position: relative; }   .twxap { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #0050f020; }     .fZxsg { height: 100%; display: flex; align-items: center; justify-content: center; }   .pUzF3 { direction: ltr; }   .w7rbU { color: #005010; font-weight: bold; background: #00b02050; }   .vRWeG { color: #302000; background: #c0a00040; }   .i1fLv { color: #500000; background: #f0000020; }   .y9oUc { color: #500000; background: #f0000040; font-weight: bold; }   .woBWV { padding: 0px; background: #ffffff80; }         .b5usB { min-height: 30px; flex-wrap: wrap; display: none; border-bottom: 1px solid #20406030; padding: 8px; align-items: center; }   .pabHF { min-width: 300px; }   .pvQ0P { display: flex; background: #f0f8ff; }   .biQmF { margin: 2px 6px; padding: 4px 8px; font-size: 90%; transition: .2s; border: 1px solid #0050b050; cursor: pointer; border-radius: 4px; }   .biQmF:hover { border: 1px solid #0050b0a0; color: #003090; background: #fff; }   .atHXX { margin: 0px 15px 0px 8px; }   .ldGV0 { width: 100%; padding: 5px;; }   .dc5aU { display: flex; }   .zxdf6 { width: 100%; padding: 4px 10px 10px 5px;; }     .gT3E4 { padding: 8px; max-width: 700px;}   .dWSdN { 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; }   .lRqsm { border: 1px solid #20406030; background: #fff; border-radius: 4px; position: absolute; top: -15px; right: 10px; padding: 5px 10px;; }     .jE6v3 { display: flex; min-width: 450px; border-bottom: 1px solid #20406030; }   .s7cHs { display: flex; min-width: 380px; border-bottom: 1px solid #20406030; }   .cWN8x { padding: 4px 7px; border-top: none; }   .m7aaS { border-left: 1px solid #00305015; }   .fQprm { width: 250px; }   .p92ol { width: 130px; direction: ltr; }   .cgnl7 { width: 70px; direction: ltr; }   AgendaItem, presidiummember, NewsPaper { display: block; padding: 2px 5px 2px 5px; ; }        .oF8tc { display: flex; flex-wrap: wrap; padding: 5px;; }     .uyZFs { min-width: 300px; }   .nojJJ { display: flex; border: 1px solid #20406010; }   .fS7uB { width: 135px; padding: 4px 9px; border-left: 1px solid #20406020; }   .l2AXn { width: 200px; padding: 4px 10px 4px 2px;; }   .t72hf { width: 360px; padding: 4px 10px 4px 2px;; }   .x3l07 { direction: ltr; text-align: right; font-family: sans-serif !important; }     .yzXnJ { min-height: 250px;; }   .oz9zr { background: #fbfdff; box-shadow: 0px 8px 8px -4px #20407020; margin-bottom: 1px;}   .tvGGC { padding: 5px 5px 12px 5px;; }      .vXSVo { border: 1px solid #20406030; }  .vXSVo > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .vXSVo > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }      .vXSVo > table { border: 1px solid #20406050; margin: 10px 0px; }  .vXSVo > table > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .vXSVo > 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; }  .vXSVo > 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; }              .ek17D { position: absolute; z-index: 1000; top: 10px; right: 10px; display: none;   width: 510px; min-width: 320px; max-width: 95%;   height: 90%; max-height: 600px;   background: #fff; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 5px 10px -4px #20406040;   overflow: auto;  }   .gMQrC { display: flex; align-items: center; padding: 12px 8px; }   .azOYm { padding: 3px 15px 3px 10px; font-size: 110%; }   .lDLyv { padding: 3px 5px 3px 8px; }   .hdAgL { color: #006020; text-shadow: 1px 2px 5px #00803080; }   .dUYHO { color: #700010; text-shadow: 1px 2px 5px #80001050; }   .sPeYJ { padding: 3px 5px 3px 5px; cursor: pointer; margin-right: 10px; }      .vd8o2 { padding: 1%; }   .rnk1D { max-width: 1200px; width: 100%; }   .tjEEg { margin: 25px 0px 15px 0px; display: flex; flex-wrap: wrap; position: relative;   border: 1px solid #20406040; border-radius: 4px; padding: 40px 15px 10px 15px;   }   .otaEU { position: absolute; top: -10px; right: 8px; background: #fff; padding: 5px 8px; border: 1px solid #20406040; border-radius: 4px;; }        .iok2m { position: absolute; z-index: 1000; top: 30px; right: 10px; display: none;   width: 110px; min-width: 300px; max-width: 95%;   height: 90%; max-height: 600px;   background: #fff; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 5px 10px -4px #20406040;   overflow: auto;  }                                                                #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; }            .ngk5F { width: 100%; display: flex; flex-wrap: wrap; max-width: 1200px; justify-content: center;}        .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; }    .mGRUG { padding: 5px 1%; background: #ffffff20; flex-grow: 1; min-width: 300px; max-width: 500px;   flex: 1 0 320px;  }    .fLtZP { max-width: 1000px; flex: 1 0 320px; padding: 6px; }  .zcTsh { max-width: 1000px; width: 100%; }      @media (min-width: 1px) and (max-width: 600px)  {   .prPou { width: 100% }   .lbO1n { width: 100%; }   .yZFVX { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 601px) and (max-width: 1000px)  {   .prPou { width: 50% }   .lbO1n { width: 50%; }   .yZFVX { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1001px) and (max-width: 1400px)  {   .prPou { width: 33% }   .lbO1n { width: 33%; }   .yZFVX { 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; }  }                                                                  .lbIw9 { animation: 1s vLka0 1; background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff) }  .lbIw9 { position: absolute; top: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex; box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030; }      .reWUg { padding: 0px 8px; height: 100%; margin: 0px; background: linear-gradient(to right, #ffffff20,#ffffff20, #a0c0ff10);border-left: 1px solid #00308010;}  .xgnvW { cursor: pointer; }  .nVbbg { height: 100%; width: 100%; }  .jyngI { 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); }  .xgnvW:hover > .jyngI { display: block; }  .yyEUr { display: block; border: 1px solid #20407050; top: 42px; right: 2px; box-shadow: 1px 3px 20px #20406080; background: #ffffffc0; }      .r2aYM { display: flex; height: 100%; padding: 0px 7px; font-size: 95%; }   .ii5LA { display: flex; height: 100%; white-space: nowrap; justify-content: center; align-items: center; padding: 0px 2px; word-wrap: none; }   .xbZrj { animation: 1s ievHy 1; }   .s8aql { display: flex; height: 100%; align-items: center; padding: 0px 3px; }   .iuTlD { font-size: 85%; padding: 0px 2px; }     .a3keZ { display: flex; padding: 8px 10px !important; }   .rup1I { display: flex; flex-wrap: wrap; padding: 0px 5px !important; }  .fBgZY { width: 260px; }    @media (max-width: 570px)  {   .r2aYM { display: block; font-size: 85%; }   .ii5LA { height: 50%; }  }            .waksS { display: flex; height: 100%; min-width: 100px; }   .xTMtE { display: flex; height: 100%; width: 100px; justify-content: center; align-items: center; }  .u0ZwW { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .dA7i8 { height: 100%; position: relative; display: flex; margin: 0px 1px; }   .e82jf { background: linear-gradient(to right, #ffffff50, #a0e0ff10, #a0e0ff30);}   .o4jZc { background: linear-gradient(to right, #ffffff50, #f0a0d010, #f0a0d030); color: #a00010;}   .ds2gW { background: linear-gradient(to right, #ffffff50, #ffffd010, #ffffd080); color: #a08000;}   .jzhtT { background: linear-gradient(to right, #ffffff50, #ffffd010, #e0e0e080); color: #506070;}     .fI7uS { display: flex; z-index: 10; align-items: center; justify-content: center; font-size: 80%; height: 100%; padding: 0px 3px 0px 1px;}   .vzovo { position: absolute; white-space: nowrap; line-height: 1.1;; border: 1px solid #20406030; display: flex; z-index: 100; align-items: center; justify-content: center; top: 0px; left: 1px; right: 1px; bottom: 2px; opacity: 0; transition: .2s; background: #ffffffe0; }   .dA7i8:hover > .vzovo { opacity: 1; }   .atpyH { height: 100%; display: flex; }   .uFuYq { padding: 4px 15px 0px 7px; align-items: center; width: 50px; position: relative; direction: ltr; color: #103050; }   .tfahk { font-size: 120%; font-weight: bold; }   .xPMLN { font-size: 105%; font-weight: bold; }   .yBPFH { padding: 0px 3px 0px 4px;opacity: .8; font-size: 50%; text-shadow: none !important; position: absolute; top: 0px; right: 0px; }   .nBVHQ { box-shadow: inset 0px -3px 1px #00d01040; color: #009020; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05060; }   .kuXyV { box-shadow: inset 0px -3px 1px #f0001030; color: #c00010; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305060;}        .mMY9P { width: 100%; height: 100%; overflow: hidden; }   .tS5UL { width: 100%; height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 2px 0px; background: #f0f5fd; }   .uAvH7 { width: 100%; font-size: 85%; height: 30px; box-shadow: 0px 2px 9px -2px #20406050; border-bottom: 1px solid #20406030; display: flex; padding: 0px 3px; background: linear-gradient(to top, #ffffffa0, #ffffff50); }   .blIbM { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }   .fPNFB { height: 100%; ; display: flex; align-items: center; padding: 0px 10px;; }   .aoinI { height: 100%; ; display: flex; align-items: center; padding: 0px 5px;; }   .e32Zi { height: 100%; font-size: 85%; cursor: pointer;; display: flex; align-items: center; padding: 0px 2px;   margin: 0px 3px; background: linear-gradient(to top, #40a0ff00, #40a0ff10, #40a0ff00); color: #0030a0; }   .fQA65 { background: linear-gradient(to top, #40a0ff00, #00d03010, #40a0ff00); color: #007030; }   .rztsc { background: linear-gradient(to top, #40a0ff00, #e0002010, #40a0ff00); color: #800010; }   .e32Zi:hover { background: linear-gradient(to top, #0080f0a0, #00a0f0e0, #40a0ff80); color: #fff; }   .dwAdV { padding: 0px 5px; font-size: 85%; }   .mr2P5 { width: 50%; height: 100%; border: 1px solid #20406020; display: flex; align-items: center; }   .lNJ4f { padding: 0px 8px; }   .lCNQG {justify-content: flex-end; }   .s8WxQ { width: 100%; flex-grow: 1; padding: 1px 3px; }   .rHUbg { outline: 1px solid #20406025; margin: 6px 2px; box-shadow: 0px 4px 7px -4px #20406050; border-radius: 4px; background: #ffffff; }   .gQSkr { width: 100%; height: 26px; display: flex; }   .geZgS { width: 100%; height: 35px; display: flex; }   .liM7z { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }   .oftIS { font-size: 85%; line-height: 1.4; text-align: center;}   .q3JTX { width: 50%; height: 100%; display: flex; }   .yz2vm { background: #00d04010; }   .tHBlA { background: #f0001010; }   .kaNc2 { color: #005010; background: linear-gradient(to right, #00d03015, #00d03010, #00a03000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05050; }   .fTq4d { color: #700010; background: linear-gradient(to left, #f0001015, #f0001010, #a0001000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305050; }   .oXAa4 { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110%; }   .kMYUn { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 90%; }   .unm7R { display: flex; height: 100%; justify-content: center; align-items: center; width: 50px; position: relative; direction: ltr; box-shadow: none !important; }   .pIOhL { width: 100%; height: 28px; padding: 4px 5px; display: flex; justify-content: space-around; }   .y2m7U { display: flex; flex-grow: 1; border-radius: 3px; background: #80c0ff08; border: 1px solid #20306030; margin: 0px 2px; justify-content: center; align-items: center; cursor: pointer; transition: .2s; font-size: 90%; opacity: .8;; }   .y2m7U:hover { background: #a050f0; color: #fff; border: 1px solid #2030a0; opacity: 1; }   .kT3Bz { width: 100%; }     .krnzy { width: 100%; height: 26px; display: flex; position: relative; background: linear-gradient(to top, #ffffff50, #00a0ff10, #ffffff50); }   .i7pyv { height:100%; display: flex; position: relative; z-index: 2; align-items: center; padding: 0px 10px;}   .cpDPn { flex-grow: 1; }   .iyLvm { position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(to top, #0090f035, #00a0ff30, #00a0ff20); border-radius: 0 3px 3px 0; border-bottom: 3px solid #0080ff40; border-right: 2px solid #0080ff40; }   .yoHPo { background: #00c0c020; background: linear-gradient(to top, #00c0a035, #00c0c030, #00c0c020); border-radius: 0 3px 3px 4px; border-bottom: 3px solid #00b0b050; border-right: 2px solid #00b0b050; }       .ycUe5 { width: 100%; height: 28px; display: flex; }   .vY0kQ { width: 100%; height: 26px; display: flex; }   .mXMv4 { width: 49%; height: 100%; display: flex; }   .nhZJj { width: 2%; height: 100%; display: flex; }       .nP8Ek { padding: 5px; }   .gmO3A { padding: 8px 15px; }   .k4jvL { display: flex; align-items: center; height: 40px; margin: 4px 0px; border-radius: 3px; background: #f0f0f050; border: 1px solid #20406030; cursor: pointer; transition: .2s; }   .gX0bH { display: flex; align-items: center; padding: 0px 10px; width: 210px;; }   .k4jvL:hover { background: #ffffff; border: 1px solid #2040a0a0; }   .qSZff { background: linear-gradient(to right, #ffffff, #d0f0ff) !important; border: 1px solid #2040a0a0; }      .xu2rr { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .pNSVG { padding: 0px !important; display: flex; height: 100%; flex-direction: column; transition: .2s; overflow: hidden; }   .zxX62 { padding: 1px; }   .aeTBq { height: 30px; display: flex; border-bottom: 1px solid #20406010; padding: 2px 3px; }   .irir1 { height: 100%; display: flex; margin: 0px 2px; justify-content: center; align-items: center; flex-grow: 1; }   .z8fsW { height: 100%; position: relative; cursor: pointer; margin: 0px 2px; transition: .2s; display: flex; border: 1px solid #20406030; justify-content: center; align-items: center; flex-grow: 1;   box-shadow: 1px 4px 6px -2px #30507030, -2px -4px 6px -3px #ffffff50; border-radius: 3px; }   .iOc0H { margin: 0px; border-radius: 0px; }   .z8fsW:hover { background: #00a0f010; }   .et3qh { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }   .gRcJ2 { flex-grow: 1; overflow: auto; }   .ouJGP{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; height: 100%; width: 100%; }       .hjMZN { width: 100%; display: flex; height: 100%; }   .shZqG { display: flex; flex-grow: 1; border: solid 1px #20405020; padding: 0px 5px; height: 100%; align-items: center; cursor: pointer; }       .gQjvJ { height: 100%; width: 100%; overflow: hidden;}     .nrvIL { display: flex; height: 92%; min-width: 225px; }   .cDbXz { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 2px; z-index: 100 }   .kdR5a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; opacity: 0; transition: .4s; transform: translate(0px,-10px); }   .xE4v5 { animation: 7s p5p2X forwards; }   .j7itX { position: absolute; bottom: 0px; right: 0px; left: 0px; }   .oNA4J { display: flex; height: 100%; white-space: nowrap; align-items: center; padding: 0px 8px; }   .oUDgh { display: flex; white-space: nowrap; direction: ltr; }     .yDpVi { display: flex; height: 17px; width: 100%; position: relative; background: #fff; border-radius: 0 0 3px 3px; }   .nCld5 { height: 7px; }   .pDlAj { height: 100%; width: 100%; opacity: 0.1; }   .ys051 { height: 100%; }   .zvMml { background: #c00030 !important; }   .itQ9V { background: #ff3000 !important; }   .dcUc7 { background: #00c060 !important; }   .mMexn { background: #30a000 !important; }     .wZctk { z-index: 100; background: #fff; padding: 0px !important; border: none !important; }   .pMF3O { display: flex; padding: 5px !important; font-size: 90%; position: relative; }   .tLgXY { min-width: 100px; ; }   .gDxrG { min-width: 45px; ; }   .wm1iJ { font-size: 110%; font-weight: bold; min-width: 40px; ; }   .gz8cz { position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; border-bottom: 1px solid #204060; border-radius: 0 2px 2px 0; background: #506070; opacity: .4; }     .iQwpm { padding: 0px !important; display: flex; flex-direction: column; height: 100%; }   .kMmbU{ padding: 5px !important; }   .tOSss{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1; }     .zF1bo { position: relative; }   .zF1bo:hover { position: relative; z-index: 10; }   .yUZ1Z { position: relative; z-index: 2; padding: 0px 8px; }   .zvB1U { position: relative; z-index: 2; padding: 0px 15px; }   .bxo1z { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; }   .urS8a { padding: 6px 0px !important; display: flex; justify-content: center; align-items: center; }   .gqDqq { padding: 1px 0px 5px 0px !important; display: flex; justify-content: center; align-items: center; }   .bqkmg { height: 26px !important; }   .ll0dI { height: 26px !important; padding: 0px 5px; display: flex; align-items: center; }     .i8yU5 { padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; margin-top: 4px; min-width: 310px; height: 400px; overflow: auto; background: #fafdfe; }   .bbbwz { padding: 4px 5px !important; flex-grow: 1; width: 100%; position: relative; }   .gYDOM { padding: 4px 0px !important; width: 100%; position: relative; overflow: hidden; }   .dfU3d { padding: 6px 8px !important; width: 100%; }   .rVV3I { padding: 2px !important; width: 100%; min-height: 300px; }   .qygJ3 { padding: 6px 8px !important; width: 100%; display: flex; position: relative; z-index: 1000; }   .lxrAf { padding: 4px 5px !important; margin: 2px 5px; border: 1px solid #20406030; min-width: 85px; }   .fUrEM { width: 85px; display: flex; flex-wrap: wrap; }       .aC7zz { display: flex; height: 28px; align-items: center; padding-left: 5px; }   .oW6Vg { padding: 0px 5px 0px 10px; min-width: 50px; font-size: 110%; font-weight: bold; }   .xLMuX { padding: 3px 5px 0px 0px; font-size: 80%; opacity: .9; }   .zFZuf { padding: 2px 8px 0px 0px; font-size: 100%; }   .x0NxQ { direction: ltr; font-size: 110%; width: 55px; display: flex; justify-content: center; font-weight: bold; }   .iVJsA { padding: 4px 4px 4px 0pxx; font-size: 85%; font-weight: normal; }   .giLCU { color: #008020; }   .zwUAn { color: #800010; }     .uZLED { padding: 2px; width: 100%; }   .zkGdo { display: flex; width: 100%; }   .axsYE { display: flex; justify-content: center; width: 20%; }   .gxBZB { padding: 1px 0px 0px 6px; font-size: 90%; background: linear-gradient(to left, #ffffffa0, #ffffff00); border-radius: 0px 4px 4px 0px; }   .m6vUF { padding: 0px 1px; font-weight: bold; }   .xo01D { font-size: 80%; }       .kgWVk { position: relative; padding: 20px 5px 5px 5px !important; }   .gb4Q1 { position: relative; padding: 10px 5px 2px 5px !important; }   .sZo4Z { position: absolute; top: -4px; right: 5px; padding: 2px 8px; font-size: 95%; border-radius: 4px; z-index: 100; }   .wI8ow { display: flex; padding: 2px 3px; height: 100px; align-items: flex-end; }   .yXv78 { flex-grow: 1; margin-left: 1px; border-radius: 3px 3px 0 0; background: #0080ff; cursor: pointer; }   .j8uhs { background: linear-gradient(to top, #00a020, #00b060); }   .nC7Tm { background: linear-gradient(to top, #d01020, #c02050); }   .mx2ie { height: 25px; align-items: center; background: #ffe0ff20; margin: 4px 3px;   position: relative; padding: 0px 10px; border-radius: 4px; border: 1px solid #20406030;   }   .jJnRz { position: absolute; padding: 0px 10px; z-index: 10; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center ; border-radius: 4px;}   .sWSGx { 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 ); }   .oVds9 { 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; }   .mx2ie:hover > .oVds9 { opacity: 1;}     .fkA58 { display: flex; height: 25px; align-items: center; }   .pFTIt { padding: 0px 0px 0px 8px; min-width: 60px; }   .cNyEM { flex-grow: 1; padding: 0px 8px; direction: ltr; text-align: left; }   .x6t7s { padding: 0px 8px; color: #003060; font-size: 90%; padding-top: 2px; min-width: 50px; }     .gpODv { }   .fTBYl { padding: 0px 0px 0px 2px; transform: scale(.8) !important; opacity: .8; }   .pn92k { color: #007020; display: flex; padding-left: 7px; }   .zoIMo { color: #900000; display: flex; padding-left: 7px }   .eXLJN { font-size: 90%; }       .uOvX2 { padding: 5px; width: 250px; }   .nqMJm { padding: 1px; font-size: 90%; opacity: .9; }   .onV9z { padding: 2px 10px 0px 0px; display: flex; }   .keECy { padding: 0px 45px 4px 0px; display: flex; font-size: 90%; }     .eVU6q { 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; }