.cnw9tj { box-shadow: none; background: #ffffff10 !important; }  .fGa8Rj { box-shadow: none; background: #ffffff80 !important; }  .rtSz4j { background: url('https://vita-min.ir/asset/pic/bg/pat_eid.jpg') !important; }                .b8ypu{ padding: 8px 15px; color: #003060; background: #ffffff50; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .b8ypu:hover { color: #0030a0; background: #ffffff; border: 1px solid #0030a0a0 }      .hPEiC { padding: 5px 10px; color: #fff; background: #00a0f0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .hPEiC:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }    .msOqd { padding: 5px 10px; color: #204080; background: #ffffff80; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .msOqd:hover { color: #0040a0; background: #fff; border: 1px solid #0030a0; padding: 5px 15px; }      .yqFoX { padding: 5px 10px; color: #004080; background: #ffffffa0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .yqFoX:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }                    .ec8zF { 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; }    .ixCPd { min-width: 28px; padding: 0px 1px 1px 2px; display: flex; justify-content: center; align-items: center;}    .oj2wg { position: relative; background: #d0b000 !important; color: #ffffe0 !important; border: 1px solid #f0a000 !important; text-shadow: 1px 1px 5px #a05000 !important; }  .oj2wg:hover { background: #d0b000 !important; color: #ffffff !important; border: 1px solid #a0a000 !important; }      .gJBfH { position: relative; background: #fffff0; color: #503000 ; border: 1px solid #f0a00010; text-shadow: 1px 1px 15px #a05000a0 }  .gJBfH:hover { }  .mbSwV { 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);  }  .mbSwV:hover { opacity: 1; transform: scale(1) }        .rnUcA { background: #ffffff20; color: #506070 ; border: 1px solid #50607050; }  .rnUcA:hover { background: #ffffff ; color: #5080a0; border: 1px solid #5060a0a0; }    .hChRk{ padding: 2px 5px; font-size: 85%; }      .oTf3w { padding: 4px 6px; }  .hX4eT { margin: 4px 6px; }  .rdNf0 { margin: 1px 6px; }                                        .epgEf { text-align: center; padding: 10px; font-size: 95%; color: #0060a0;}  .dPu1h { text-align: center; padding: 10px; font-size: 95%; color: #20b080;}  .lvT3M { text-align: center; padding: 10px !important; color: #506080;}    .wh23p { padding: 5px !important; direction: rtl !important; transform: scale(1) translate(-70px,0px) !important;}   .nAdUP { 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; }   .vgI6Z { height: 30px; margin: 3px 1px; background: #a0d0ff10; }   .y4EVB { cursor: auto !important; margin-top: 10px; background: #ffffff00 !important; color: #006020 !important; }   .wa6rr { opacity: 0.65;; background: #f0a0d020 !important; cursor: auto; }   .nAdUP:hover { background: #a0d0ff60; color: #0050a0; }   .nWieU { display: flex; height: 100%; padding: 0px 12px 0px 0px; align-items: center; white-space: nowrap; }   .jpkA7 { width: 50%; display: flex; height: 100%; padding: 0px 0px 0px 12px; align-items: center; direction: ltr; font-family: cursive; }   .mHene { flex-grow: 1; display: flex; height: 100%; padding: 0px 15px 0px 12px; font-size: 90%; align-items: center; justify-content: end; }      .c1WJZ { 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;}               .ymEb3 { cursor: pointer; color: #006030; height: 100%; ;}     .a4uGS { white-space: normal !important; width: 355px; display: none !important; transition: 0s !important; }   .yWFd8 { display: block !important; }   .qFuoD { font-size: 95%; color: #720; }   .r9cqi { padding: 10px 10px 5px 8px; }   .shoaO { 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; }     .kuUod { padding: 2px 15px; display: flex; justify-content: center; align-items: center; }   .x35Pm { padding: 6px 15px; background: #0050b0; color: #f0f0f0; border-radius: 4px; cursor: pointer; transition: .2s; margin: 0px 5px 0px 15px; }   .x35Pm:hover { background: #00a0ff; color: #ffffff; }         @keyframes gf6Sc { 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);} }   .ihRhJ { line-height: 1.65; padding: 10px 12px; max-width: 600px; margin: auto; }   .pBB5k { padding: 5px 2px; }   .mbdzh { display: flex; padding: 0px 5px; height: 30px; ; margin-bottom: 8px;; }   .gTXOU { height: 100%; display: flex; align-items: center; flex-grow: 1; font-size: 110%; font-weight: bold; }   .i4wbs { height: 100%; display: flex; align-items: center; padding: 0px 5px; }   .b1riR { 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;; }   .nMvw7 { margin: 0px 5px; padding: 4px 10px; }   .b1riR:hover { background: #ffffff; color: #003070; border: 1px solid #0040a0; transform: scale(1.05); }       .tvpFa { font-size: 85%; opacity: .85; padding: 0px 5px; ;}   .zVTFC { font-size: 85%; opacity: .85; padding: 0px 2px; ;}   .uf4YY { font-size: 85%; opacity: .85; padding: 0px 0px 2px 0px; ;}       .pH264 { padding: 5px; overflow: auto;}     .fIL93 { padding: 5px; overflow: auto;}   .mawXq { padding: 10px; }     .wsdpI { display: flex; min-width: 760px;}   .ol6Sj { padding: 5px 0px; ; }   .tBftf { 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;; }   .m30Qz { border: solid 1px #20406020; background: #2080b0; color: #fff; min-height: 40px; display: flex; justify-content: center; align-items: center; }     .vPLXH { width: 120px; }   .rwR86 { width: 170px; font-size: 85%; display: block; padding: 7px 9px; }   .pQgEM { padding: 2px 0px; display: flex; }   .cvYAJ { min-width: 80px; display: block; }   .rZS2o { width: 130px; font-size: 85%; display: block; padding: 7px 9px; }   .gWmqE { width: 75px; }   .adkLc { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100; background: #d0e0f080; backdrop-filter: blur(1px); }             .n3nhA { cursor: pointer; color: #2050a0;; }     .afunk { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 30px 40px; background: #00005010;backdrop-filter: blur(8px);; z-index: 100; direction: rtl;}   .hbHPo { 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; }       .zMTcd { top: 0px; left: 0px; display: flex; flex-direction: column; min-width: 200px; overflow: auto; overflow-y: scroll;}   .pZhCB { top: 0px; left: 0px; background: #f0f5ff50; width: 170px; overflow: auto; }   .nJzJU { display: none !important; }       .sobzs { height: 42px; background: #faffff80; border-bottom: 1px solid #2050a050; display: flex; box-shadow: 0px 1px 10px #20406040; z-index: 10;}   .p2IwF { display: flex; justify-content: center; align-items: center; }   .lxrEY { width: 40px; height: 40px; margin-bottom: 1px; background: #a0203020; color: #a10; border-radius: 7px; font-size: 25px; transition: .25s; cursor: pointer;; }   .kizqJ { padding: 0px 5px; flex-grow: 1; display: flex; justify-content: start; }   .arcT4 { padding: 0px 10px;border-left: 1px solid #4060a050; }   .ldtCg { display: block; padding: 4px 10px;margin: 0px 6px; border-radius: 4px; font-size: 90%;; color: #ffffff !important; background: #0090f0; border: 1px solid #0050d0; }   .ldtCg:hover { background: #0000ff; border: 1px solid #0000a0; }   .u5I7L { padding: 10px; background: #00a0f020;color: #0050b0; cursor: pointer; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .oiWk2 { padding: 10px; background: #ffb00020;color: #604000; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .mxrsC { padding: 10px; position: absolute; top: 50px; right: 10px; left: 10px; background: #fffffff0; box-shadow: 2px 5px 20px #20406040; display: none; }   .oiWk2:hover > .mxrsC { display: block;}     .mUSMf { position: relative; display: flex; flex-grow: 1; overflow: hidden; }     .mPDHk { height: 40px; min-width: 900px; display: flex; background: #f0f5fa50; padding: 0px 7px 0px 25px;}   .wH5og { height: 100%; padding: 8px; display: flex; align-items: center; background: linear-gradient(to right, #ffffff20, #0080a010); border-left: 1px solid #4060a030; }   .iw87U { width: 250px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .tMPeS { width: 200px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .eftia { width: 100px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }   .sHVfy { width: 60px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }     .lFGwc { width: 90px; overflow: hidden; justify-content: center; ; }   .oOlWS { width: 90px; overflow: hidden; justify-content: center; border-left: 4px solid #4060a025 !important; ; }   .ocogI { flex-grow: 1; min-width: 900px; }       .xDfkL { min-width: 900px; background: #ffffff80; box-shadow: 1px 2px 8px 1px #00408030; margin: 6px 6px ; border: solid 1px #30507030; border-radius: 7px; overflow: hidden;; }   .dIqE6 { display: none !important; }   .mr4W4 { 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; }   .d1kgE { font-size: 85%; opacity: .85; padding: 1px 6px 0px 0px; }   .rNY9M { display: flex; border-bottom: solid 1px #20406020; font-size: 94%; }   .tB869 { border-top: 4px solid #4060a025 !important; font-size: 85%;; opacity: .85; }   .wfLSz { background: #f5f5ff; }   .tCwhX { height: 35px; padding: 8px; display: flex; align-items: center; border-left: 1px solid #4060a030; white-space: nowrap;}     .qtg2w { min-width: 900px; background: #ffffffa0; display: flex; padding: 0px 7px 0px 25px; border-bottom: solid 1px #20406030;; }       .c6R38 { direction: ltr; color: #072; text-shadow: 0px 1px 12px #00ffa085; background: #00d08007; outline: 1px solid #00f00025; outline-offset: -1px }   .sZqp3 { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff808085 ; background: #d0000006; outline: 1px solid #f0000025; outline-offset: -1px; }     .fTUrz { margin: 6px; border: 1px solid #20406050 ; border-radius: 8px; overflow: hidden; background: #ffffff80}   .q6VO9 { padding: 5px 10px; color: #5000a0; background: #ffffff60; box-shadow: 0px 1px 10px #00206050; }   .sIH25 { padding: 1px 3px; color: #708080; cursor: pointer; display: flex; transition: .2s }   .v1keQ { padding: 4px; flex-grow: 1;; }   .j9Ndp { padding: 4px; }   .xEy8j { color: #038; text-shadow: 0px 1px 12px #40a0f0; }     .g5syv{ display: flex;}   .xzDk6{ 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;  }    .aH7gT { background: #f5faff; }  .lEFX8 { background: #f0f5fb; }      .oyVix { color: #102040; }  .zrwOM { color: #405060; }        .eC0LM { box-shadow:2px 5px 10px #00205030, 1px 2px 3px #00305020; outline: 1px solid #5070a040; }  .eC0LM > div:hover { box-shadow: inset 0px 0px 8px #b0d0f0 !important; }  .eC0LM > div:nth-of-type(even) { background: #d5eaf560; background: linear-gradient(to top, #d0e0f080, #ffffff00); }  .eC0LM > div:nth-of-type(odd) { background: #ffffff20; background: linear-gradient(to top, #fffffff0, #ffffff00); }  .eC0LM > 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;}  .jEHBp { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .jEHBp:hover { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .kke29 { background: #00b0b0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .kke29:hover { background: #00a0a0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }        .eC0LM {   margin:0px !important; direction: rtl; text-align: right; transition: .2s;   align-content: center; white-space:nowrap ; height:34px;   display: flex; line-height: .9;  }  .eIHrQ { position: relative; z-index: 1000; box-shadow: none; }  .zjGf4 { 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;  }  .gzdZP  {   right: auto; left: 0px;;  }  .kjINS { cursor: pointer !important; }  .jJnNN { font-size: 85%; line-height: 1 !important; }  .x95nO { font-size: 75%; line-height: .95 !important; }    .eC0LM > div:hover > .zjGf4 { display: block; }      .zjGf4 { background: #ffffff; box-shadow: 2px 2px 10px #a0b0c0; }      .sLab0:nth-of-type(even) { background: #f2f7fc85; }  .sLab0:nth-of-type(odd) { background: #ffffff85; }    .sLab0{ height: 100%; border-left: 1px solid #20406030;}        .jjfqt { border-top: dashed 1px #a0a000; font-size: 90%; color: #700080; }      .jzS4s { 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; }  .jzS4s:hover { background: #f0a000 !important; color: #fff !important; text-shadow: 1px 2px 8px #b08000; outline: 2px solid #805000; outline-offset: -2px ; }                                        .mbA8R  {     --mpNYn : #d0e0f020;   --u8ai0 : #f6fbffd8;   --hZVQT : #f5f9fdd0;   --g3DLn : 0px 0px 15px #20406025;     --nZH9i : #ffffff10;   --y3oxc : 1px solid #a0b0c010;   --b6AAT : #ffffff;   --t8Nwb : 1px solid #2050a030;       --gnkwl: #f0000005;   --mtRRF: #a02010;   --eSWZO: #d0002020;   --lyRSG: #c03000;     --cE3Xi: #f0a00005;   --sAHx6: #805000;   --lUvGd: #f0a00020;   --rVxXb: #a08000;     --xiGqs: #00e00005;   --o7fRk: #009040;   --o3M1X: #00b04020;   --eb3Zg: #00b050;     --mCkdd: #0080f005;   --aoTqB: #0040a0;   --vgB5O: #00a0ff20;   --yiBMh: #0050b0;       --vlxSD: #a0c0d010;       --eGAj1: #20406010;   --yz4we: #20406020;   --wXpSN: #20406030;   --e1X9F: #20406040;   --j9xcd: #20406050;       --riTEX: #00408020;   --u9XVx: #00406020;   --hmVGJ: #00406030;   --zmBfH: #00406050;       --dsZdi: #20406010;   --eEdGt: #20406020;   --jJ7zp: #20406030;   --lQo3e: #20406040;   --r8Lwt: #20406050;       --dvtx8: #ffffff10;   --iVh2g: #ffffff20;   --q5gcT: #ffffff30;   --sI2YM: #ffffff40;   --lcyBb: #ffffff50;   --yOYvE: #ffffff80;   --yTobr: #ffffffa0;     --edre1: #f5faff10;   --qDMXR: #f5faff20;   --fiw3E: #f5faff;         --xIBTb : #ffffff;   --u7MTR : #00a0ff !important;   --dGzN1 : inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important;         --xr2lS: #0080d0;     --pc2vg: #003060;    }              .oUfRJ{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 7px; }  .yBiiu{ background: #00a0a0; cursor: pointer; }  .jAXUb{ color: #ffffff; font-weight: bold; text-shadow: 1px 1px 7px #005050; }      .worm1 {   background: linear-gradient(135deg, #ffcc33, #ff6699);   color: white;   padding: 20px; border-radius: 10px;   max-width: 600px;   margin: 20px auto;  }  .mcQHA { color: #fff; font-weight: bold; margin: 20px 5px; text-shadow: 1px 1px 12px #b000a080; font-size: 22px; }  .fMtUN {   font-size: 20px;   font-weight: bold;   margin: 15px 0;   color: #ff3366;  }  .szImZ {   background: #ffffffb0;   color: #123;   padding: 15px;   border-radius: 8px;   margin-top: 15px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);  }  .zDB9d {   font-size: 16px;   color: #555;   margin: 10px 0;   line-height: 1.6;  }  .j4GJn {   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; }  .bqG0I { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }  .rFkOj { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }    .kTGr5 { position: relative; width: 100%; height: 100%; overflow: hidden;; }      .Notification{display: none !important}  .load_spin { display: none !important; }  #ModalWindowOuter2 { display: none !important;}        .pnZkn { padding: 0px; transition: .3s; cursor: pointer; border: 1px solid #50607020; display: flex; position: relative; }  .iRxT7 { max-width: 150px; white-space: nowrap; overflow: hidden; }  .eztQB { 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; }  .pnZkn:hover { background: #00a0ff30; color: #002070; border: 1px solid #0060a060; }  .pnZkn:hover > .eztQB { display: block; }  .rLI5k { width: 30px; min-height: 20px; display: flex; justify-content: center; align-items: center; opacity: .7; transform: scale(0.9) translate(1px,-2px); }  .uxNz5 { padding: 2px 6px; font-size: 90%; flex-grow: 1; }  .tqsXN { direction: ltr; text-align: right; }          .pIto5 { margin-bottom: 10px; }  .qHlNy { padding: 15px ; }  .tXzhv { padding: 15px 20px; }    .bsjUM { 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;;  }  .bsjUM:hover { background: #ffffff; z-index: 5; box-shadow: 1px 2px 20px #20407030; }  .vhtrB { 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; }  .g4uH0 { overflow: hidden; white-space: nowrap; direction: ltr; position: relative; border-left: 1px solid #20406030; display: flex; justify-content: center; align-items: center; }  .a1DCM { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 0px; }  .vzBxR { padding: 8px 0px; }  .faNl5 { opacity: .9; font-size: 85%; padding: 5px 0px; }  .v2BoN { width: 100%; flex: 1; display: flex; align-items: center; direction: ltr; padding: 0px 6px;; position: relative; }  .rWfyo { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; padding: 0px 6px;; position: relative; }  .yCwWl { padding-left: 10px; font-size: 90%; }  .lt3jn { font-size: 85%; }  .zgGeP { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .wWDMk { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .hJ5vJ { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0ff50; }  .dHZG3 { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a02025; }  .nPo7R { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #b0002020; }  .bPhj6 { z-index: 100; }  .pj90f { direction: rtl; font-size: 105%; color: #204070; }    .mmIPE { background: #00b03005; text-shadow: 1px 2px 10px #00a03060 ; }  .sotDZ { background: #e0100005; text-shadow: 1px 2px 10px #d0100060 ; }    .euitC { padding: 0px; }        @media (max-width: 700px)  {  .c0s05 { display: none; }  }      .sutIe { 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 petYy 1; transition: .25s; transform: translate(0px,0px); outline: 1px solid #f0a0f0;  }  .wSFWa { transform: translate(0px,-1px) scale(.9) !important; }  .gYef5 { transform: translate(-2px,-2px) scale(.8) !important; }    .crevc { 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; }  .crevc:hover { height: 40px; padding: 0px 6px; opacity: 1; border: 1px solid #008050a0; background: #ffffff; color: #00a050; box-shadow: 0px 0px 8px #0040a050;}    .uUXVG { position: absolute; left: 0px; height: 0px; top: 40px; }  .fIr57 { 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 ssJeC 1; animation-fill-mode: forwards;   background: #fff; transform: translate(-400px,0px); min-width: 320px; max-width: 350px; }   .mYGH4 { border-right: 4px solid #c00020; color: #800010; }   .hxTV3 { border-right: 4px solid #00a060; color: #006010; }  .xCftm { animation: 5s ssJeC 1; animation-fill-mode: forwards; }  .wuTw5 { animation: 6s v5Sn4 1; animation-fill-mode: forwards; }  .iC5tg { animation: 7s v5Sn4 1; animation-fill-mode: forwards; }  .rQq72 { animation-delay: 0.5s; }  .edFZ2 { animation-delay: 1s; }      .o40Zg { display: flex; height: 100%; }  .ruH9q { width: 200px; padding: 0px !important; border: 1px solid #ffa000 !important; overflow: hidden !important; }   .jraOQ { position: relative; transition: .2s; padding: 8px 2px 2px 2px !important; cursor: pointer; background: linear-gradient(to bottom,#ffa0e0e0, #fff0e0e0); }   .jraOQ:hover { background: linear-gradient(to bottom,#f080e0, #ffead0); }   .kYakd { padding: 3px 2px !important; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); }  .p6nxC { height: 100%; }  .vAhXn { height: 100%; border-radius: 10%; }  .klpeA { height: 100%; aspect-ratio: 1/1; min-width: 30px; transition: .2s; color: #506070; }  .a9Gn9 { height: 100%; padding: 0px 5px; min-width: 35px; overflow: hidden; display: flex ; flex-wrap: nowrap ; align-items: center; justify-content: center; }    .gfQWa { font-size: 85%; }  .xLczC { opacity: .5 ; }  .bFA7y { opacity: .85 ; color: #00a030; }  .l0w6X { opacity: .85 ; color: #d0c000; }  .lyk1T { opacity: .85 ; color: #d01000; }    .y1Bip { position: absolute; top: 5px; left: 5px; color: #d02000; animation: 1.5s y1Bip 1; opacity: 0; }  .o7AqX { position: absolute; z-index: 1000; top: 5px; left: 8px; color: #008040; animation: 1.2s o7AqX 1; opacity: 0; }      .myExitIcon1 { transition: .2s; color: #a06070; height: 100%; width: 40px; }  .myExitIcon1:hover { color: #b00020; background: #f0405020 }  .dikJZ { height: 100%; }  .p02ZU { height: 100%; transition: .2s; min-width: 35px; }  .ihE6P { transform: scale(1.1) translate(0px, 2px) !important; opacity: .7; }  .p02ZU:hover { background: #f0e0ff; }  .myExitExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap;}  .myExitExtraItem1:hover { background: #f0405030 ; color: #600000; }                  .s2tYN{ z-index: 14000; position: absolute; top:0px !important; left:0px !important; right: 0px ; bottom: 0px; overflow: hidden;}  .fmqdb{ z-index: 14000; position: absolute; top:30px !important; left:0 !important; right: 2px ; bottom: 26px; }  .p6xTL{ z-index: 14000; position: absolute; top:32px !important; left:0px !important; right: 0px ; bottom: 0px;}  .kWT2q{ bottom: 0px; top: 0px !important; }  .s12Rr{ overflow: auto; }    .zDWvm{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}  .wrfTf{ width: 100%; height: 100%; position: relative;}  .jN57I{   z-index: 2;   background: #f5fcffd0;   box-shadow: 0px 12px 15px -12px #20406020;  }  .rARGY{ z-index: 2; }  .aBrm6{ flex-grow: 1; overflow: hidden; z-index: 1; position: relative; }    .uFtX9 { 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;}  .xqEqk { position: relative; z-index: 2;height: 30px; font-size: 85%; margin: 3px 0px; max-width: 90%;display: flex; direction: rtl; text-align: right;}    .of4pq { 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;}    .of4pq:hover{ background: #ffffff50; border: 1px solid #a0b0c050; z-index: 10;}    .b2RFH { min-width: 20px; animation: .4s b2RFH 1 ; max-width: 180px;}  .of4pq:hover > .b2RFH { max-width: fit-content}  .er3w2 { min-width: 20px; animation: .4s b2RFH 1 ; max-width: 225px;}  .kIk48 { font-weight: bold;}  .c0s05 { font-size:75%; animation: .4s b2RFH 1 ; }  .sCNse { font-size:85%; animation: .4s b2RFH 1 ; }    .yLOE9 { display: flex; height: 100%; padding: 1px; }     .xdmBR{   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;   }   .xdmBR::after { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -2; background: #ffffffa0; }   .xdmBR::before { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -1; opacity: 0.6; transition: .2s; }   .xdmBR:hover{ opacity: 1; }   .xdmBR:hover::before{ animation: zdbeS 3s linear 1; opacity: 1; }     .pqql2{ outline: 1px solid #c000a050; color: #600040; }   .pqql2::before{ background: #00a0ff30; background:linear-gradient( -45deg,#ffa0f0,#ffffff,#ff80e0 ); }   .pqql2:hover{ background: #00a0ff30; outline: 1px solid #d000a0a0; }     .caNjn { position: relative; }     .wh8yo { outline: 1px solid #0050a050; color: #001070; }   .wh8yo::before { background: linear-gradient( -45deg,#80c0ff,#ffffff,#b0d0ff ); }   .wh8yo:hover { outline: 1px solid #0050f0a0; }     .qmWw7 { outline: 1px solid #00a05050; color: #006000; }   .qmWw7::before { background: linear-gradient( -45deg,#50f0e0,#ffffff,#a0f0e0 ); }   .qmWw7:hover { outline: 1px solid #00d050a0; }   .bg9x7 { opacity: 0.6;}     .c2X2d { outline: 1px solid #90600060; color: #605000; }   .c2X2d::before { background: linear-gradient( -45deg,#e0a000,#ffffff,#f0d080 ); }   .c2X2d:hover { outline: 1px solid #a05000a0; }     .eP1pi { 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 ; }   .becQC { display: block; transform: translate(0px,0px); }   .chB5T { padding: 5px ; display: flex; justify-content: center; }   .q76RY { padding: 10px 10px; }   .xwaVO { 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; }   .xwaVO:hover { z-index: 22; }   .i055p{ opacity: 0.7; }   .mU54O { display: flex; z-index: 10; height: 32px; position: relative;; border: 1px solid #20406020; background: #e0f0ff10; }     .zWLX7 { border-right: 3px solid #b000b0 !important; }   .iZ6qC { border-right: 3px solid #00a0ff !important; }   .z8Rvv { border-right: 3px solid #00c050 !important; }   .w0Ugy { border-right: 3px solid #ff2030 !important; }     .bzYHm { opacity: 1 !important; color: #d00000 !important; }   .bzYHm > .gg-heart { background: #ff7080; }   .bzYHm > .gg-heart::after { background: #ff4050; }   .bzYHm > .gg-heart::before { background: #ff4050; }     .dUwxq { 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 ); }   .dUwxq:hover { background: linear-gradient(to right, #e0f0ff00, #ffffff50, #00a0ff30 ); padding-right: 16px; }   .vzPp4 { 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; }   .fNL0h { height: 100%; }   .fneSu { 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; }   .jYyjr { display: flex; height: 100%; transition: .5s; opacity: .65; width: 25px; justify-content: center; align-items: center; }   .gqqYk { display: flex; height: 100%; padding: 0px 2px 0px 4px; justify-content: center; align-items: center; }   .fneSu:hover { background: #00a0ff20; opacity: 1; }   .fneSu:hover > .jYyjr{ color: #0020f0; transform: scale(1.2) rotate(360deg); }   .fneSu:hover > .gqqYk{ color: #0020b0; }     .nDsDf { display: flex; transition: .2s; padding: 0px 7px; height: 25px; font-size: 90%; cursor: pointer; overflow: hidden; opacity: .75; background: #ffffff30; }   .nDsDf:hover { opacity: 1; background: #ffffff50; }   .hJTe5 { white-space: nowrap; padding: 0px 5px; display: flex; align-items: center; height: 100%; background: linear-gradient(to right,#ffffff50, #a0d0ff10); }   .hCRIW { padding: 2px 0 0 3px; font-size: 85%; }     .whyhJ { display: none; padding: 7px; flex-wrap: wrap; }     .tojYq { border: 1px solid #0040a050; margin: 12px 5px; background: #fff; box-shadow: 2px 5px 15px -5px #20406020; }   .tojYq > .nDsDf { display: none; }   .tojYq > .whyhJ { display: flex; }        .oz69z{ background: #ffa00000; cursor: pointer; outline: 1px solid #f0002010; margin: 0 5px; padding: 0px 6px; outline-offset: -1px; }  .dpqcD{ background: #ff005000 !important; opacity: 1; cursor: auto; outline: 1px solid #f0002020 !important ; }  .oz69z:hover{ background: #ff000015; opacity: 1; }          .jLj8I { display: flex; height: 100%; padding: 1px 0px; align-items: center; }   .d7UiA { padding: 6px; color: #204060 !important; background: #ffffffe0; width: 275px; }   .vugAR { 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; }   .zkxh4 { border: 1px solid #f050c0a0; background: #fff5fa; color: #800000; }   .kzFVV { border: 1px solid #20a0c0a0; background: #f0faff; color: #006030; margin-right: 5px; }   .dCgJS { color: #004080; }   .vugAR:hover { border: 1px solid #0000f0; }   .zkxh4:hover { border: 1px solid #f050c0; }   .kzFVV:hover { border: 1px solid #20a0c0; }   .oNEvw { border: 1px solid #0000f0 !important; background: #fff !important; }     .kgjEd { display: flex; height: 100%; padding: 1px 0px; align-items: center; transition: .3s; width: 0px; }   .t33Jt { padding: 1px 5px; width: 100px; }   .z0fGI { height: 100%; min-width: 35px; padding: 0px 4px; display: flex; justify-content: center; align-items: center; }   .zCqzH { width: 50px !important; }      .yF0Dz { display: flex; flex-wrap: nowrap !important; align-items: center; padding: 0px 6px; }  .wiDAS { display: flex; flex-wrap: nowrap !important; white-space:nowrap }  .gdnXW { display: flex; flex-wrap: nowrap !important; height: 100%; }  .wF8kG { font-size: 90%; }  .c4zol { font-size: 80%; }    .tRZdA { display: flex; padding: 0px 5px; }  .jQCal { display: flex; align-content: center !important; justify-content: center; padding: 0px 5px; line-height:1.1; flex-wrap: wrap; }  .grABV { position: relative; cursor: pointer; }  .laqcs { position: absolute; opacity: 0; animation: u3aP7 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; }  .jQCal:hover > .laqcs { display: flex; }    .kjUrG { padding: 0px 6px 1px 8px; font-size: 90%; white-space: nowrap; border-radius: 0px 5px 5px 0px; }  .wsicY { color: #065; padding: 2px 5px 0px 5px }  .lM6Zq { color: #05a; background: linear-gradient(to left, #00aff020,#00aff010) !important; border: 1px solid #0050af40; border-left: none; border-right: none; border-top: none; }  .lM6Zqt { margin-right: 4px !important; border: 1px solid #0050af40; border-left: none; border-top-style: dashed; }  .lM6Zqb { background: #00aff010; }  .rFxNJ { color: #082; background: linear-gradient(to left, #00b05020,#00b05010) !important; border: 1px solid #00803040; border-left: none; border-right: none; border-top: none;}  .rFxNJt { margin-right: 4px !important; border: 1px solid #00803040; border-left: none; }  .rFxNJb { background: #00b05010; }  .vM3q8 { color: #c01; background: linear-gradient(to left, #ff500020,#ff500010) !important; border: 1px solid #c0001040; border-left: none; border-right: none; border-top: none;}  .vM3q8t { margin-right: 4px !important; border: 1px solid #c0001040; border-left: none; }  .vM3q8b { background: #ff500010; }  .jwqzw { color: #554; background: linear-gradient(to left, #a0a08020,#a0a08010) !important; border: 1px solid #60605040; border-left: none; border-right: none; border-top: none; }  .jwqzwt { margin-right: 4px !important; border: 1px solid #60605040; border-left: none; }  .jwqzwb { background: #a0a08010; opacity: .85; font-size: 85%; }        .r6wLV{ margin-right: 8px !important }    .nGo1a{ left: 355px !important; }      .jeyIN { padding: 14px; }  .ypBv2 { display: flex; font-size: 105%; padding: 2px 5px; }  .g5QzU { display: flex; margin: 10px 7px; justify-content: center; padding: 4px 10px; }   .q7dpF { max-width: 50% !important; height: 28px !important; }    .gtOMA { display: flex; flex-wrap: wrap; min-width: 202px; }  .muupm { width: 30px; display: flex; justify-content: center; align-items: center; }    .f0rAI { padding: 4px; cursor: pointer; display: flex; position: relative; }   .qhSvI { min-width: 55px; padding-top: 2px; font-size: 85%; }   .qnhec { min-width: 90px; font-size: 105%; }   .hSdaH { min-width: 50px; text-align: left; direction: ltr ;}        .bf41T{ z-index: 1 !important; font-size: 14px; }  .bf41T > div { position: relative; display: flex; flex-wrap: wrap; flex-direction:column; padding-top: 5px;; }  .bVpA6{ z-index: -1 !important; position: absolute !important; top: 0px; right: 0px; bottom: 0px; display: flex; background: #ffffff35;}  .uqgcH{ right: 3px !important }    .bf41T  {   background: #f0faff60;   direction: rtl !important; text-align: right !important;   width: 100%; height: 100%; overflow: auto;  }  .nL7zN { left: 355px !important; }                        .jVy0E { height: 100%; display: flex; align-items: center; width: 100%; }  .zxJVo { height: 100%; display: flex; padding: 0px; }   .tOZAv { height: 100%; flex-grow: 1; position: relative; }   .rjdAF { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; }   .eRNHv { height: 100%; width: 100%; position: relative; display: flex; }   .f4yuy { transform: translate(0px,30px); transition: .8s; background: #f6fafe; z-index: 2; }   .geeq9 { transform: translate(0px,0px); }   .k7RUO { 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; }   .k7RUO:hover { border-right: 1px solid #2040a060; background: linear-gradient(to right, #ffffff, #a0e0ff); }   .e767w { display: flex; cursor: pointer; position: relative; padding: 0px 4px; height: 100%; align-items: center; }   .h92CH { display: flex; justify-content: center; cursor: pointer; position: absolute; left: 0px; top: 0px; height: 100%; align-items: center; }    .sxucG { height: 100%; display: flex; padding: 0px 5px; background: #f6fafe; }  .fGa8R{ 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 tplkb 1;  }    .nmjwQ { display: flex; line-height: 1 ; height: 100%; align-items: center; padding-right: 9px;position: relative; }  .llm4e { padding: 4px 6px !important; white-space: nowrap; }   .hovFx { align-items: center; white-space: nowrap; display: flex; }    .zih4Z {display: flex; height: 100%; max-height: 40px; justify-content: center; align-items: center;}    .ahOhp { left: 355px !important; }  .jGazT { display: flex; height: 100%; position: relative; font-size: 110%;; }   .biHfg { padding: 0px 7px !important; }   .thw7d { position: absolute; bottom: 0px; height: 5px; }  .fUc45 { 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;  }  .tGLIn { background: linear-gradient(to top, #5060ff, #00a0ff); padding: 0px 0px 0px 8px; font-size: 115%; }  .p3ChC { position: relative; height: 100%; }   .rR4z7 { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; }  .uqNkC { height: 100%; min-width: 80px; width: auto; padding: 0px 5px; justify-content: flex-start; direction: ltr; }  .c5mlw { height: 100%; width: auto; direction: ltr; }  .npYEd { color: #007090; }  .fbkEp { 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;}  .nblTa { position: absolute; padding: 3px; left: 1px; bottom: -5px; border-radius: 50%; background: #ffffff50; z-index: 100; ; }  .fUc45:hover { z-index: 2;}  .k8LIx { font-size:75%; opacity: .9; padding-left: 5px; }   .qaj4l { color: #fff; }   .wI73b { padding: 0px 5px; margin-left: 6px; background: #ffffff50; height: 100%; display: flex; justify-content: center; align-items: center; }  .hsSHl { width: 42px; min-width: 40px; }  .jTWDc { opacity: 0.7; transform: scale(.9); }  .f89fG { transform: scale(.95) translate(8px,0px); }  .hsSHl:hover >div > .jTWDc { opacity: 1; }  .jTWDc:hover { opacity: 1; }    .uZEgp { padding: 7px 10px !important; font-size: 110%; color: #002050; background: #ffffffa0 !important; display: flex; justify-content: center; align-items: center; }  .nGhiA { padding: 0px 9px 5px 9px !important; font-size: 94%; opacity: .95; white-space: normal !important; }  .wRoHS { display: flex; border-bottom: 1px dashed #20406030; padding: 0px !important; background: linear-gradient( to right, #ffe0f050,#ffffff80 ,#d0fafa80 ) !important;}  .mdyqf { justify-content: center; align-items: center;}  .woVjU { display: flex; width: 105px; padding: 5px 10px; border-left: 1px dashed #20406030; }  .wmN4t { display: flex; padding: 5px 10px; white-space: normal; width: 150px; }    .usu4y{ color:#607090; opacity: .3; }  .cnIOS{ color: #f00000; }  .y2zhB{ color: #f0a000; }  .rvdzR{ color: #008020; }      .kijyg{ white-space: nowrap; display: flex; justify-content: center; align-items: center; }  .gIoan { cursor: pointer; transition: .2s; opacity: .8; padding: 0px 10px 0px 0px; transform: scale(.9) translate(0px, -2px); }  .gIoan:hover{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px); }      .fUc45:hover > .zqLhv{ display: block; bottom: 100%; ; }      .qmtBV { padding: 0px 6px; font-size: 95%; display: flex; justify-content: center; align-items: center; }  .hL4Lc { width: 10px; height: 10px; border-radius: 50%; background: #e00000; margin: 2px 2px 4px 3px; opacity: .6; }  .f4JLO { width: 10px; height: 10px; border-radius: 50%; background: #e0b000; margin: 2px 2px 4px 3px; opacity: .6; }  .tqIqu { width: 10px; height: 10px; border-radius: 50%; background: #c000c0; margin: 2px 2px 4px 3px; opacity: .6; }  .dWJ2w { width: 10px; height: 10px; border-radius: 50%; background: #008020; margin: 2px 2px 4px 3px; opacity: .6; }  .tsGna { width: 10px; height: 10px; border-radius: 50%; background: #f0f020; margin: 2px 2px 4px 3px; opacity: .6; }  .zmRAw { width: 10px; height: 10px; border-radius: 50%; background: #c05050; margin: 2px 2px 4px 3px; opacity: .6; }  .xgGE0 { width: 10px; height: 10px; border-radius: 50%; background: #708090; margin: 2px 2px 4px 3px; opacity: .6; }  .zNoYp { color: #e00000; padding: 3px 2px 2px 2px; font-size: 80%; }  .q86yn { color: #204060; padding: 3px 2px 2px 2px; font-size: 80%; }  .oto2i { padding-right: 4px; }              .wPWeR { position: relative; overflow: hidden; }  .rqTZa { position: absolute; opacity: 0; transition: .2s; max-height: 500px;overflow: auto; padding: 1px; }    .rqTZa { background: #fffffff0; box-shadow: 2px 3px 8px #80a0b0a0; border: 1px solid #ffffff60; }  .ka527 { padding: 7px; }  .iicZQ { white-space: nowrap; }    .drC7J { background: #201040f0;border: 1px solid #f0f0f050; box-shadow: 5px 10px 30px #004040}  .rqTZa > div { padding: 5px 10px; transition: .2s; }  .cMeoS { padding: 0px; }  .xDRRv { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .zJBTg { opacity: .6; background: #50607010;}  .nTrrT { opacity: .8; background: linear-gradient(to right, #ffffff00, #ffffff00, #50a0ff20); padding-right: 6px !important; border-right: 3px solid #00a0ff; border-radius: 4px; }  .dZOqE { cursor: pointer; transition: .2s; }  .dZOqE:hover { background: #e5f2ff; background: linear-gradient(to top, #00a0f020, #a0c0f010, #00a0f010) !important; outline: 1px solid #80b0ff; outline-offset: -1px ; }  .boLxO { opacity: .7; }    .wVXFF { display: flex;}    .jjfqt { margin-top: 5px; width: 300px; padding: 5px; white-space: normal; }    .umvAh { top: 99%; right: 0px; transform: scale(.9) translate(20px, 8px); }  .lGyOX { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .p4N3N { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .dqA3B { top: 125%; }  .htENE { bottom: 99%; right: 0px; transform: scale(.9) translate(20px, -8px); }  .pG57w { bottom: 99%; left: 0px; transform: scale(.9) translate(-20px, -8px); }  .uMvtH { bottom: 125%; }  .d3OI7 { top: 125%; }    .wPWeR:hover { overflow: unset; }  .ldoLj { overflow: unset; }  .wPWeR:hover > .rqTZa { opacity: 1 !important; transform: scale(1) translate(0,0); }  .wPWeR:hover > .p4N3N { opacity: 1 !important; transform: scale(1) translate(-100px,0); }  .cden3 { opacity: 1; transform: scale(1) translate(0,0); }    .drC7J { white-space: nowrap; font-size: 80%; }      .eUbRT { width: 100%; padding: 5px 0px 1px 0px; flex-direction:column; position: relative; display: flex; }  .f8Cyg { width: auto !important; padding: 5px 0px 1px 0px; flex-direction: row !important; position: relative; display: flex; }  .juD5y { }  .pga2t { flex-direction: column-reverse !important; }  .gJPiO { 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 }    .q1cmd { border-right: 4px solid #0010f060 }  .dqBdR { border-right: 4px solid #00e01060; }  .pqE0J { border-right: 4px solid #f0002060; }    .e5orM { border: 1px solid #20406050; border-radius: 4px; overflow: hidden; margin: 4px;; }    .nmFOk { align-content: center !important;display: flex !important;   background: #f8fafcd0;   outline: 1px solid #00204025;  }  .jjFZJ {   box-shadow: 0px 0px 5px #20406020; margin: 2px 0px;   outline: 1px solid #00205050;  }    .nmFOk:hover { background: #2080ff20 !important; }  .dl80P { background: #ffe0e8; display: flex; overflow: hidden; }  .ilJHl { display: flex; align-items: center; padding: 0px 6px; height: 100%; }  .lxlZV { background: #fff0ff50; width: 50px; font-size: 90%; color: #d00000; justify-content: center; }  .rAQdU { background: #ffffff50; width: 100px; }  .mdQis { background: #ffffff50; font-size: 85%; }    .fHUB4 { outline-offset: -1px; ; }    .kuYM9 {   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;  }      .e79oc { animation: .2s e79oc 1 ;padding: 10px 8px; }  .mXcFi { display: flex; flex-wrap: wrap; padding: 7px 1%; }  .mCSBp { display: flex; flex-wrap: wrap; padding: 15px 12px 10px 10px; }  .u99pQ{ margin: 5px; border: 1px solid #50607030; box-shadow: 3px 3px 5px #5070a020; background: #fff; }  .y4Yof{ border: 1px solid #a0000020; box-shadow: 3px 3px 5px #a000a020; background: #f0f0f5; }  .fptPG{ padding: 10px 7px 5px 7px; font-size: 95%; color: #405070; }  .r79RX{ padding: 0px 5px 5px 5px; font-size: 65%; color: #708090; }  .bnt9X{ display: flex; flex-wrap: wrap; position: relative; }  .kwlw6{ 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; }  .kwlw6:hover { border: 1px solid #50607050; opacity: 1; color: #004080; }  .m2moe{ 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; }  .kwlw6:hover > .m2moe{display: block;}  .cT4xT { border: 1px solid #5060a0; box-shadow: 3px 3px 5px #0070a050; }  .gISDb{ 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; }   .lk8cN { display: flex; height: 30px; cursor: pointer; border: 1px dashed #20406030; transition: .2s; white-space: nowrap; }   .vlAaC { color: #800010; }   .lk8cN:hover { border: 1px solid #2040a0a0; color: #5000a0; }   .bkIga { display: flex; height: 100%; opacity: 0.8; width: 30px; justify-content: center; align-items: center;; ; }   .kkvAw { display: flex; height: 100%; padding: 0px 5px 0px 8px; align-items: center; white-space: nowrap;; ; }   .sxFOS { height: 25px; font-size: 90%; border-radius: 4px; margin: 0px 1px; }   .sxFOS > .kkvAw { padding: 0px 5px; }   .sxFOS > .bkIga { width: 25px; opacity: .5; transform: scale(.9); }  .jm2ce{display: block;}  .vSObu{ animation: .3s vSObu 1 }  .olykq { animation: .3s olykq 1 }  .uyl7m{ color: #406080; transition: .2s; padding: 10px 15px; cursor: pointer; }  .uyl7m:hover{ color: #0000a0; outline: 1px solid #40a0f0; }    .zWIJN{ padding:10px 15px; font-size: 95%; color: #405060; width: 100%; line-height: 1.7; }    .nz8so{ padding:10px; color: #405060; width: 100%; max-width: 700px; }  .bqiGi{ padding:2px; width: 100%; }  .sioCI{ padding-left: 8px; }  .v9Y1c{ color: #a00000; cursor: pointer; transition: .2s; font-size: 100%; font-weight: bold; padding: 0px 4px;; opacity: .9;; }  .fuJGn{ color: #058; cursor: pointer; transition: .2s; font-size: 92%; opacity: .9; padding-right: 10px; font-weight: bold; }  .fuJGn:hover{ color: #05a; opacity: 1; }  .v9Y1c:hover{ color: #b00050; opacity: 1; }    .wS7xw { 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; }  .th2D7 { display: none !important; }  .qxiVN { padding: 6px; min-width: 80px; }  .ssAep { flex-grow: 1; }  .eo5n8 { display: flex; flex-wrap: wrap; padding: 7px 5px 6px 5px; font-size: 90%; }  .raQC7 { display: none !important; }  .ofEdV { white-space: nowrap; opacity: .9; min-width: 100px; }  .m7Qqq { color: #304060; flex-grow: 1; padding: 0px 10px; margin: 0px 8px 0px 0px; border-right: 1px dashed #506070a0; min-width: 100px; }  .rCaZ9 { color: #402020 !important; opacity: .5 !important; }  .pBZ7d { position: relative;; }  .dJIyZ { 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; }  .dJIyZ:hover { opacity: 1; }  .dH6hF { width: 100%; padding: 7px 10px 4px 5px; line-height: 1.6; font-size: 95%; border-radius: 4px; border-right: 4px solid #ffa000c0; }  .hiswj { padding: 7px 9px 10px 15px; font-size: 85%; }  .aH4r8 { display: none; }    .opXmk { border: 1px dashed #00408080; outline: none !important; padding: 4px 7px; border-radius: 5px; box-shadow: 2px 2px 5px #40506020; }  .fCzBi { width: 100%; max-width: 800px; height: 300px; ; }  .feCCu { text-align: left; direction: ltr; }  .v7SUS { width: 50px; }    .bPU91 { padding-right: 7px; }        .qWE6f { display: flex; }  .diVeq { display: flex; justify-content: center; align-items: center; padding: 5px;; }  .kCqyD { display: flex; justify-content: center; align-items: center; padding: 5px;; }    .jjhfv { width: 100%; max-width: 500px;;;}  .f55Ld { padding: 5px; margin: 5px; }  .dYvP8 { padding: 5px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }  .dYvP8:hover { padding: 5px; margin: 5px; border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }  .o4P8m { display: flex; padding: 2px; width: 100%; max-width: 200px; height: 34px; align-items: center; ; }  .pmYNx { display: flex; min-width: 100px; padding: 0px 5px;; }  .n7sQe { width: 50px; height: 100%; direction: ltr; }  .afGcs { outline: 3px solid #00a0ff; outline-offset: -1px; border-radius: 4px; overflow: hidden; }  .kMt1x { width: 100%; height: 100%; background: #ffffffa0; outline: 1px solid #20406030 ; display: flex; justify-content:center; align-items: center; }      .lYVQf { width: 100%; display: flex; flex-wrap: wrap; }      .bPsB3 { display: flex; padding: 7px; }   .umv0b {padding: 7px 10px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }   .umv0b:hover { border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }   .jVVg9 { border: 1px solid #2040a0a0 !important; outline: 2px solid #2040f0a0; background: #ffffff !important; box-shadow: 3px 4px 15px #2040a050; cursor: auto; }      .mE3lf { display: flex; flex-direction: column; border: 1px solid #20406020; width: 100%; max-width: 450px; height: 600px; background: #ffffff50; }   .ryMrN { 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; }   .bJ3Tq { flex-grow: 1; padding: 5px; overflow: auto; }   .n8XRL { display: none; }   .oYXYy { display: block; animation: bpTmJ 0.25s 1; }   .h7n8U { display: flex; padding: 3px 10px; border: 1px solid #20406020; cursor: pointer; transition: .2s; }   .h7n8U:hover { padding: 2px 15px; border: 1px solid #2040a040; }   .molPS { padding: 2px 5px; flex-grow: 1; }   .glttS { padding: 2px 5px; direction: ltr; text-align: left; flex-grow: 1; }        .wH5TL { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: relative; }  .z5EyO { 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; }  .aWXBt { opacity: 1; z-index: 2; }  .dYfqH { height: 20px; border: 1px dashed #50607050; width: 20px; border-radius: 5px; background: #f0f0f0; cursor: pointer; position: relative; }  .dYfqH:hover { border: 1px solid #5060a0e0; }  .dYfqH:after , .dYfqH:before { content: ""; position: absolute; display: none;}  .kNkDn { background: #e0f0ff; }  .xhl4y { background: #fff0e0; }  .fAdGZ { background: #2196F3; }  .lLczL { background: #ff5050; }  .fAdGZ:after , .lLczL:after , .lLczL::before { display: block; }  .fAdGZ: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);  }  .lLczL: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);  }  .lLczL::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);  }      .n9LjA{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .pindivleft1 { z-index: 19300; }  .opdivleft1 { z-index: 19200; }  .hA2wW { z-index: 19200; }  .liUwB { z-index: 19100; }    .fGa8R{ z-index: 1900000; }    .qqLfx { z-index: 18000 }            #ModalWindowOuter1{display: none !important;}  #infop{ display: none !important; }        .rPWOP { padding:10px; display:flex; flex-wrap: wrap; }  .mrmoO { min-height: 200px; }  .gjvE4 { margin: 5px; display:flex; flex-wrap: wrap; position: relative; overflow: hidden; }  .nHTav { padding: 5px 5px 5px 20px; font-size: 95%; color: #404060; }  .xIPFv { display: none; }  .xS1g3 { min-width: 145px; }  .y4VVd { padding:6px; border: 1px dashed #c0c0c0; margin-left: 2px; cursor: pointer; transition: .2s; font-size: 90%; opacity: .7; border-radius: 8px; transition: .2s;}  .y4VVd:hover { border: 1px dashed #50a0c0; opacity: 0.8; }  .y4VVdA { border: 1px solid #50a0f0 !important; color: #5080c0 !important; background: #ffffff; opacity: 1 !important;}  .qdhvZ { border: 1px solid #50a0f000 !important; color: #a0a0a0 !important; background: #ffffff; opacity: .8 !important;cursor: auto !important; }    .ttgZm { border: dashed 1px #1050a030 !important; padding: 5px; margin: 0px 2px; outline: none !important; max-width: 40px; color: #5070a0; }  .ttgZm:focus { border: dashed 1px #1050a050 !important; border-bottom: solid 1px #0050a070; color: #002050; }  .gucpU { 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; }  .gucpU:hover { border: solid 1px #1050a0a0 ; color: #0050a0; }  .nTzlJ { display: block !important; opacity: 1; transform: translate(0,0) scale(1) ; }    .iz0nO { display: flex; justify-content: center; align-items: center;}  .jUHIA { padding: 5px 8px 5px 0px;;}  .woBZn { max-width: 80px !important;}    .pyxLP {   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;  }   .uFtk8 { position: absolute; z-index: 102; }   .uFtk8:hover { position: absolute; z-index: 102; background: #80a0e0; }   .z0u6g { top: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .qczBB { bottom: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .rvQ6k { top: -2px; right: -4px; bottom: -2px; width: 5px; cursor: col-resize; }   .rgigP { top: -2px; bottom: -2px; left: -4px; width: 5px; cursor: col-resize; }  .jQeQ4 { min-height: 85%; }    .o1OzY {   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;  }  .o1OzY > .uFtk8 { display: none !important; }  .o1OzY > .b11sR > .dt3BI { display: none !important; }    .e5qMo { 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;  }    .rCWXs { display: flex; }  .aDNFU { animation: .35s obsVX 1 ; }  .kJ5rF { animation: .3s eu4ox 1 forwards ; z-index: 50315477 !important; }  .gAEyC { animation: .35s inqY0 1 ; }  .qaaxn { animation: .3s yQBTu 1 ; }  .dlDXn { display: none !important; }      .cBiFk { opacity: 1; }    .yXe0J  {   direction: rtl !important; text-align: right !important; top: 80px; bottom: 0px;;   display: flex; flex-wrap: wrap; position: absolute; overflow: auto; right: 0px; left: 0px;  }    .cg0VZ { height: 40px; z-index: 10; position: absolute; }  .qUGja { height: 40px; min-height: 40px; z-index: 5;   position: absolute; top: 40px; right: 0px; left: 0px;  }  .pFHmR { flex-grow: 1; z-index: 1; overflow: auto; padding: 6px 0px; }                    .liUwB { 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;  }  .liUwBA { transform: translate(0,0); opacity: 1; }  .liUwBA { left: 0px;}    .zyMqU {   position: absolute; width: 100%; top: 0px;height: 25px; right: 0px; z-index: 100;; display: flex;   background: #f0f5ff; padding: 0px 0px;  }  .a4HoJ { flex-grow: 1; display: flex; justify-content: flex-end; padding: 0px 3px;; }  .e8mpV { 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; }  .e8mpV:hover { border-radius: 4px; border: 1px solid #0040a050; color: #0050b0; background: #ffffff }  .f5Imd { 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; }  .lS812 { background: #50a0ff; color: #fff; opacity: 1; }    .fcT9w { 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; }  .lddxS { background: #50a0ff; color: #fff; opacity: 1; }      .n4jsw { position: absolute; top: 25px;bottom: 0px;overflow: auto; display: none; width: 100%; }  .mB6nE { display:flex;flex-direction: column; animation: tkek4 .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%}    .dqqDT { display: flex; flex-wrap: wrap; max-width: 720px; }  .cEcUq { flex: 1; flex-grow: 1; max-width: 350px; }    .gwtX3 { 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; }  .uPDVs { margin: 25px 10px 10px 10px; min-width: 300px; flex-grow: 1; max-width: 350px; }  .gm1O5 { position: absolute; top: -12px; right: 8px; border: 1px solid #5000a080; padding: 4px 8px; border-radius: 6px; background: #f0faff;}  .cUwyy { overflow: hidden;}  .vXZNI { margin: 25px 8px 10px 8px; }  .eqbgH { font-size: 90%; }        .zVCPG { 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 }    .fdgtR { height: 35px; width: 35px; transition: .2s; cursor: pointer; display: flex; justify-content: center; align-items: center; }  .fCGT5 { opacity: .9; transition: .2s; color: #304050; }  .fCGT5:hover { opacity: 1; }  .fCGT5Active01 { 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); }    .mJzI5 { position: absolute; left: 0px; top: 0px; background: #ffffffa0; border-radius: 5px; outline: 2px solid #00a0f0a0; outline-offset: -2px;; }  .zzHBS { position: absolute; left: -40px; }  .mJzI5:hover { background: #0090f0; color: #fff; }  .lLMNy { position: static !important; }    .p7IFq { left: -50px; }    .fGajh{ position: absolute; left: 0px; top: 0px; transform: translate(-41px,0); background: #ffa0ff10; }  .s5beC{ transform: translate(40px,0); ; }  .fGajh:hover{ background: #ffa0ff20; }  .b41yE{ background: #0080c020 ; color: #000050; transform: translate(0,0) !important; }    .fOsar { width:96%; margin:10px 2% 2% 2%; height:50px; border: 1px solid #20406040; background: #ffffff40; }    .iNjkn {flex: 1; ;  }  .hes0o {   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020,0px 0px 15px #00105030;   background: #c0d0ff10;}  .rDCNy { display: flex; }  .x6Vzy {   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;  }  .jBq82 { position: relative; height: 100%; }  .oSwTN {   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;  }  .nH7Hi {   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;  }  .mzFZY { position: absolute; top: 60px; left: 0px; right: 0px; bottom: 0px; overflow: auto; overflow-x: hidden;}    .uFgDl { display: block; }  .sjm9Z { display: flex; padding: 6px 7px; height: 35px; align-items: center; }  .u30VG { display: flex; padding: 0px 5px;; }  .p2XY1 { display: flex; padding: 6px 8px; height: 100%; font-size: 85%; background: #00a0ff05; margin: 0px 8px; transition: .2s; border-radius: 4px; cursor: pointer; }  .p2XY1:hover { background: #0080f0; color: #fff; }  .rF7hY { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; }  .cScJn { display: flex; height: 100%; justify-content: center; align-items: center; }      .hD6Rm { 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;  }    .eSzAs { display: none; padding: 10px 2%; line-height: 1.7 ; white-space: normal !important; }  .xYNM9 { display: block; }  .zOXOT { padding: 5px 2px;; }    .pyieJ { height:100%; white-space: nowrap; display: flex;flex-wrap: wrap;align-items: center ; transition: .2s; justify-content: center; }  .ibuPC { min-width: 50px; animation: inu9T 0.2s 1; height:100%; white-space: nowrap; display: flex;flex-wrap: wrap; align-items: center ; transition: .2s; cursor: pointer;}  .iEeoJ { cursor: pointer; border-radius: 4px; padding: 0px 5px; white-space: nowrap; display: flex; align-content: center ; height: 100%; }  .bu16U { display: block;}  .iEeoJ:hover { background: #0090ff; color: #fff; }  .lnRi8 { display: flex; width: 45px; height: 100%; }  .h7LVo { display: flex; font-size: 90%; justify-content: center; align-items: center; width: 45px; }  .m3QLA { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; font-size: 95%; }  .jXd75 { width: 20px; padding: 3px 2px; font-size: 70%; opacity: .8; }  .e54Gr { display: flex; align-items: center; height: 100%; padding-right: 4px;}  .lVy1M { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }  .olj8W { transform: scale(.85); opacity: .9;}  .c2hvy { opacity: .7;}  .rvxmw { cursor: pointer; background: #f5faff80; width: 30px; margin-left: 1px; height: 100%; border: 1px solid #0050a050; border-radius: 3px; }  .rvxmw:hover { background: #00a0f030; border: 1px solid #0050a050}  .iS9h8 { cursor: not-allowed !important; background: #a0b0c010 !important; opacity: .5; border: 1px solid #50404020}  .eDS9h { font-size: 90%; display: flex; flex-grow: 1; height: 100%; justify-content: flex-end; align-items: center; }   .bH4kG { height: 100%; padding: 0px 4px; display: flex; align-items: center; cursor: pointer; }   .eUQNi { padding: 0px 6px; color: #007020; white-space: nowrap; animation: inu9T 0.2s 1; background: #00ffd020; height: 100%; display: flex; align-items: center;}   .poElU { padding: 0px 6px; color: #700010; white-space: nowrap; animation: epN1m 0.2s 1; background: #ff50a020; height: 100%; display: flex; align-items: center;;}    .pqeFy { height:100%; opacity: .9; display: flex;flex-wrap: wrap;align-content: center ; transition: .2s; justify-content: center; padding: 0px 10px;}      .p7dPg { display: flex; flex-wrap: wrap; width: 290px; }  .lXkA6 { display: flex; flex-wrap: wrap; padding: 5px; }  .go9zR { min-width: 80px; padding: 4px; display: flex; white-space: nowrap; }  .ggtxG { font-size: 80%; opacity: .9; padding: 0px 0px 0px 4px; width: 42px; ; }  .oG481 { font-size: 65%; opacity: .6; padding: 0px 2px 0px 0px;; }  .up1A5 { width: 100%; padding: 5px; margin: 4px 2px 2px 2px; background: linear-gradient(45deg,#e0f0ff00, #e0f0ff ); }    .pxWDY { padding: 9px; white-space: nowrap; }        .hA2wW { 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;  }  .mpF7v { 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; }              .fRLfM { padding: 5px 4px;; }  .ajCZU { padding: 15px 10px 5px 5px; }  .gcqe9 { 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; }  .iyO3H { margin: 10px 0px; height: 32px; }  .gcqe9:hover { border: 1px solid #0040a060; background: #fff; box-shadow: 0px 5px 11px -4px #20407020; }  .ufXSe { margin: 5px 12px;; font-size: 90%; height: 28px; }  .xscIs { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; opacity: .6; }  .mep7x { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; }  .shqMN { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; direction: ltr; flex-grow: 1; }  .q6Mnl { display: flex; height: 100%; align-items: center; width: 30px; min-width: 30px; padding: 1px; border-radius: 4px; overflow: hidden;; }  .nUjTw { height: 100%; border-radius: 20%; }  .ufXSe > .q6Mnl { width: 26px; }  .ufXSe > .xscIs { transform: scale(.9); }                                  .x3Bbo { 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; }  .ib3bb { transform: translate(0,0); opacity: 1; display: block !important; animation: bQ9Tl .3s 1; }  .af1bw { animation: dsFhR .3s 1; }  .dQpkH { 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 ; }    .xFGJB { 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; }  .xDxDk { right:0%; opacity: 1; }  .lpUvX { height: 40px; min-height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .tas38 {flex-grow: 1; width: 100%; overflow: hidden; }   .gXTTz { overflow: auto; width: 100%; padding: 10px; height: 100%; }   .a62Yf { padding: 14px 6px;; }   .e0W9k { padding: 3px 5px;; }   .ciWCe {display: flex; padding: 6px 5px; }   .peixP { width: 10%; height: 40px; opacity: .6; justify-content: center; display: flex; align-items: center; }   .izPOk { width: 90%; }     .et1Ea { padding: 7px 5px; }   .rxkRu { font-weight: bold; }   .iMgul { padding: 2px 7px 5px 2px; }   .iRoDX { 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; }  .lm83H { height: 40px; width: 40px !important; }    .txygO { 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}  .txygO:hover { border: 1px solid #a0d0ff; color: #0020a0; }      .myFilterBoxHeader2 { display: flex; flex-wrap: wrap; padding-top: 4px;}  .kBd0W { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }  .gJMqZ { display: none; padding: 0px 5px 5px 5px; transform: scale(.9); width: 100%; justify-content: center; align-items: center; }  .rU1y3 { display: flex; animation: lrPtF 0.3s 1; }        .p4p8R { 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; }  .p4p8R:hover { background: #e0f0ff; color: #0000a0; transform: translate(0,1px); }  .yPTPj { 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%; }  .a48N1 { 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}  .rQaYC { height: calc(100% - 84px); }  .kMIJa { height: calc(100% - 44px); }  .rfnPO { height: calc(100% - 40px); padding-bottom: 10px; overflow: auto !important; }    .b8tG0 { width:100%; transform: translate(100px,50px); position: absolute; top:0px; right:0px; overflow: auto; z-index: 1; height:100%; transition:.3s; display: none; }  .r2Qpv { padding: 20px 30px; font-size: 90%; opacity: .85; line-height: 1.7; }  .wfFHv { padding: 15px 30px 5px 10px; }  .fdShow { display: block; transform: translate(0px,0px); animation: bpTmJ 0.25s 1 }    .mvwwH { width:100%; transition:.3s; display: none; }  .gXyJ6 { width:100%; transition:.3s; display: block; animation: hAYjx 0.25s 1; }      .zvHqw { padding: 10px 30px 5px 10px; }   .pOuzR { padding: 0px 10px; }  .xIdAI { padding: 10px 12px 5px 12px; }  .skGvk { padding: 10px 12px 5px 12px; line-height: 1.8; }      .lfVda { 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; }    .qOT59 { padding: 5px; }  .v927A { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .v927A:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .m2m1b { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .m2m1b:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .jBUTn { padding: 5px 10px; display: none; }  .fGyhO { margin: 7px; background: #e4f0ff00; }  .hSHCi { margin: 5px; }  .jwWYN { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .jFhNN { 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;}  .oybok { 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; }  .wHoa3 { font-family: 'Calibri' ; background: #ffffffa0; outline: none !important; border: 1px dashed #00a0a0a0; padding: 2px 4px 2px 4px; border-radius: 5px; width: 65px}  .wHoa3:focus { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .wHoa3:active { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .yNC7k { width: auto; padding: 3px 7px;}  .prel { position: relative; background:#ffffffa0 }  .rkpLL{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .svfzi{ 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; }                  .brhWS{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-right: 10px;}  .zPVCr{ padding: 5px 8px; opacity: .6; color: #505040; cursor: pointer; transition: .2s; margin: 0px 4px; white-space:nowrap; display: flex; }  .zPVCr:hover{ opacity: 1; }  .be4Ub{ opacity: 1; color: #004080 !important ; }  .rRf5z{ padding-right: 5px; }      .gfviL { 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; }  .zChEf { margin: 30px; font-size: 120%; padding: 20px; background: #fff; border: 1px solid #00306025 !important ; box-shadow: 3px 6px 10px #40506015 !important; }  .gfviL:hover { border: 1px solid #00307030; box-shadow: 3px 6px 10px #40506020; }  .ylHVY { border: 1px solid #00206050 !important; background: #ffffffa0; }  .m0FGR { display: flex; cursor: pointer; width: 100%; padding: 8px 10px; box-shadow: 0px 0px 15px #40608080; background: #ffffff50; }  .jZIN3 { display: flex; cursor: pointer; width: 100%; min-width: 120px; font-size: 110%; padding: 0px 5px; }  .oJuRp { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .ooq77{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .sA8Jg { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #20406005; }  .byYSx { padding: 8px 25px; font-size: 89%; opacity: .9; }  .fpRih { 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; }  .ylHVY > .sA8Jg{ display: block !important; }      .vI41P { background: linear-gradient(to bottom, #ffffffb0,#ffffff80); border-bottom: solid 1px #20406010; margin: 0px 4px; }  .q2MsW { height: 32px; display: flex; flex-wrap: wrap; padding: 0px 4px; transition: .2s; position: relative; align-items: center; }  .dGq3J { 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; }    .q2MsW:hover { background: linear-gradient(to bottom, #00a0ff20, #ffffff20,#ffffff20,#ffffff20, #00a0ff20); }  .sLdW2 { 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; }  .sLdW2:hover { opacity: .8; }  .zeWXB { opacity: 1; color: #0050a0; border: 1px solid #0050a050; box-shadow: 0px 0px 8px #40506030; background: #fff; transform: scale(1.05); }  .tHoXi { opacity: 1; color: #c00020; border: 1px solid #c0000050; }  .zRhXA { transform: scale(1.7) !important; }  .zeWXB > .zRhXA { transform: scale(1.9) !important; }  .rLq0W { 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; }  .rLq0W:hover { opacity: 1; color: #004080; }  .nmSsy { opacity: 1; color: #0050a0; border: 1px solid #0050a0a0 !important; box-shadow: 0px 0px 5px #40506020; background: #fff !important; }  .q2MsW:hover > .rLq0W { border: 1px solid #4050a050; margin: 0px 5px 0 1px; opacity: 1; background: #ffffff50; box-shadow: 0px 0px 5px 1px #2040a020; }  .f2Uf4 { margin: 0px 5px 0px 5px; font-size: 85%; opacity: .85; height: 30px; display: flex; align-items: center; border-top: none; }  .xVdtb{ border: 1px solid #20406040; border-bottom: 1px solid #20406050; margin: 4px 5px 5px 5px; box-shadow: 0px 2px 7px -2px #20406040; }  .jDT1X { display: flex; align-items: center; direction: ltr; padding: 2px 10px; font-size: 90%; opacity: .9; }   .d4Ivp { direction: ltr; text-align: left; padding: 2px 10px; }      .dk9OZ { 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; }  .dk9OZ:hover { opacity: .7; }  .kCm6r { opacity: 1; color: #2050b0; }   .kCm6r > .gg-bookmark::after { box-shadow: 0px 0px 1px 10px; }  .nsc4F { opacity: 1; color: #c00020 !important }   .nsc4F > .gg-heart { background: #ff7080; }   .nsc4F > .gg-heart::after { background: #ff4050; }   .nsc4F > .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;}    .aWhSx{ padding: 5px 5px 5px 10px; }    .lFzNr { border: 1px dashed #40506050; margin: 0px; min-width: 70%; overflow: hidden; background: #ffffff50; transition: .2s; }  .lFzNrmo { background: linear-gradient(to right, #50f060b0,#e0ffe0b0,#00ffa050); }  .lFzNrma { background: linear-gradient(to right, #ff8050b0,#ffe0e0b0,#ff00a050); }  .lFzNro { background: linear-gradient(to right, #a080ffb0,#e0e0ffb0,#00a0ff50); }  .lFzNr:hover { border: 1px solid #00306030; box-shadow: 3px 6px 10px #40506020; }  .s3QAx { border: 1px solid #00206050 !important; margin: 7px 0px; }  .cTiMs { display: flex; cursor: pointer; width: 100%; padding: 6px 10px; box-shadow: 0px 0px 15px #40608080; }  .utOl8 { display: flex; width: 200px; white-space: nowrap; overflow: hidden; padding: 0px 7px; }  .mCB8L { display: flex; width: 100px; padding: 0px 7px; }  .fPiBz { font-size: 85%; opacity: .8; padding: 0px 5px; }  .o5Dag { width: 50px; padding: 0px 6px; direction: ltr; }  .g0Wvp { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .mVxa5{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .nmlac { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #ffffffc0; }  .s3QAx > .nmlac{ 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;}  .frAZh {  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}  .pteDN { display: flex; width: 100%; align-items: center; padding: 1px 5px;}   .ihmr8 { padding: 6px 10px 1px 10px ; display: flex; text-align: left; direction: ltr; }   .dSQ8F { flex-grow: 1; font-size: 120% ; }  .bCvwF { font-size:140%; padding:9px 12px 0px 0px; color: #600070;}  .bnPhj { animation: oEJ3w 0.3s 1; }  .o7TcY { font-size:70%; padding:1px 10px 6px 0px; color: #5080a0;}  .dxAkV { animation: qsHX9 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;}    .u5z4o { color: #00a040; }  .x0N5S { color: #ff0040; }            .bH4mu { margin: 1px 0px 0px 0px; padding: 3px 8px; position: relative; }  .nFYEg { position: absolute; top: 0px; left: 0px; bottom: 0px; animation: cEiI6 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;}  .bH4mu: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; }  }      .qqLfx { 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;}  .qqLfxo { opacity:0; z-index: -1; }  .qqLfxh { color: #300080; font-weight: bold;}  .qqLfxhi { color: #506080; font-size: 80%; }    .zDs50 { 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}  .aaG8e { position: absolute;}  .zDs50:hover { background: #e0f0ffd0 ; box-shadow: 0px 0px 20px #405080a0; border: 1px solid #50a0f0}  .zDs50h { background: #a0e0ff50 ; padding: 5px; transition: .4s ; color:#200080 }  .zDs50:hover > .zDs50h { background: #a0d0ffa0 ; color:#4000b0 }  .zDs50c { font-size:85%; padding: 5px 7px; }  .zDs50ct { color: #806070 }  .zDs50i { 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; }    .awuf3c { width: 100%; position: relative; }  .awuf3cs { padding: 15px; color: #00a050}  .awuf3l { 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};    .awuf3 { flex-grow:1; overflow:auto; background:#e0f0ff ; }  .awuf3T { padding: 10px; font-size: 90%; color: #008050 }    .awuf3u { padding: 8px 17px 2px 17px; color: #003080; }  .awuf3f { padding: 3px 15px 8px 15px; }  .awuf3i { width: 100%; border: 1px solid #50e0a0; padding: 7px; border-radius: 7px; color: #206040; font-size: 90%; font-family: inherit;}  .awuf3it { min-height: 150px; max-width: 100% !important; min-width: 100%; }  .awuf3o {padding:0px 17px; font-size: 85%;}    .awuf3rm { padding: 0px 15px 8px 15px; font-size: 90%; }  .awuf3rmt { padding: 0px; font-size: 13px; color: #8080a0; padding: 0px 5px; cursor: pointer;}  .awuf3rmc { color: #104070; display: none; transition: .3s}    .awuf3b { 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}  .awuf3b:hover { color: #5060b0; background: #ffffff; box-shadow: 0px 2px 15px #80a0c0a0; }      .tiB2q { padding:10px; display:flex }  .wPcSs { padding:8px 12px; border: 1px solid #b0b0c0; border-radius: 8px; margin: 5px; cursor: pointer; transition: .2s;}  .wPcSsA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; cursor: auto !important;}  .wPcSsE { margin-right: 15px; border: 1px solid #00d0a0; background: #e0fff0; padding: 8px 18px; border-radius: 0px; font-weight: bold;}  .wPcSsE:hover { border: 1px solid #00a050; background: #c0ffe0; color: #006030; }    .yfWgT { padding:10px; display:flex; flex-wrap: wrap; }  .gXBaa { padding:6px; border: 1px solid #b0b0c0; margin: 5px; cursor: pointer; transition: .2s; font-size: 90%; border-right: 3px solid #00000040 }  .gXBaaA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; box-shadow: 0px 0px 8px #a0a0f0a0; border-right: 3px solid #50a0f0 !important}    .n9LjA { 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}  .n9LjAA { display: block; opacity: 1;}    .n9LjAC { position: absolute; left: 0px; top: 0px; height: 40px; width: 40px; font-size: 22px; background: #f0000020; color: #700020;cursor: pointer;}    .n9LjAH { 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}  .gXBaa:hover > .n9LjAH { right: 0%;opacity: 1}  .wPcSs:hover > .n9LjAH { right: 0%;opacity: 1}                .zvmEBD{ padding: 8px 10px; font-size: 15px}  .zvmEBT{ font-size: 90%; color: #008040}    .zvmEBN { padding: 5px; margin: 8px 0px 0px 0px}  .zvmEBNT { font-weight: bold; color: #002070}  .zvmEBNC { padding-right: 10px; color: #404050}              .uj0PE { width: 100%; height: 40px; margin-top: 8px; position: relative; background: #ffffff; color: #fff; border: 1px solid #80b0f0}  .uj0PEB { top: 0px; bottom: 0px; position: absolute; color: #303050; z-index: 100; }  .uj0PER { right: 0px; top: 0px; bottom: 0px; position: absolute; background: #00c050; color: #d0ffd0; justify-content: flex-start; padding-right: 6px; z-index: 10}  .uj0PEL { 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; }        .wy5E9 { padding: 5px; }  .m8NOh { padding: 0px 5px 6px 5px; font-size: 85%; opacity: 0.9; color: #d00000; }  .rwUSU, ywtUB { 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; }  .mhMGD { max-width: 100%; width: 100%; }      .xo7cw { 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; }  }            .dmj8l { background: var(--fiw3E); display: flex; padding: 0px !important; }  .qdIiy { border: 1px solid var(--wXpSN); position: relative; min-width: 175px;   background: var(--q5gcT); box-shadow: 1px 3px 12px var(--eEdGt);   margin: 12px 2px 14px 2px; padding: 28px 4px 5px 4px;  }  .d3pF5 { min-width: 150px;}  .q2yDP { border: 1px solid var(--e1X9F); padding: 5px 7px; backdrop-filter: blur(10px);   background: var(--lcyBb); box-shadow: 1px 3px 5px var(--jJ7zp);   position: absolute; right: 7px; top: -10px;;  }  .pZpmv { color: #840; font-size: 80%; padding-right: 4px; }    .y0pa7 { padding: 6px 10px; color: #702000; text-align: center; opacity: .9; font-size: 90%; }  .hPYTe { width: 100%; position: relative; white-space: nowrap; overflow: hidden; padding-left: 75px;}  .pzH3H { padding-left: 30px;}  .j0E6p { padding-left: 5px; }  .ryEC7 { position: absolute; left: 0px; top: 1px; bottom: 1px; display: flex; z-index: 100; }                  .ghIOe { 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);  }  .tkDd8 { background: #ffffff50; box-shadow: 0px 5px 5px -3px #20406020; font-size: 110%; font-weight: bold; padding: 10px 15px;; }  .tHRET { padding: 16px 22px 12px 30px; line-height: 1.6; }  .gAdXR { padding: 10px 11px; display: flex; }  .khRbx { padding: 5px 10px; opacity: .7; transition: .2s; cursor: pointer; border-radius: 5px; border: solid 1px #2040a050; }  .khRbx:hover { opacity: 1; background: #ffffff50; border: solid 1px #2040a0a0; }                      .sPxFc { padding: 15px; ; }  .nb5sa { padding: 8px; display: flex ; font-size: 90%; }    .cUrYI { border: 1px solid #20406000; transition: .2s; }  .yin5b { border: 1px solid #20406000; margin: 2px; padding: 2px 4px; border-radius: 5px;; }    .sJW0S { display: flex; padding: 2px 5px; width: 200px; border-radius: 5px; overflow: hidden; cursor: pointer;; }  .j4tz4 { padding: 4px 6px; flex: 1; flex-grow: 1; }  .x2ceY { padding: 4px 6px; font-size: 90%; }    .uUG0o { display: none; padding: 5px; border-radius: 7px; background: #ffffff50; }  .vBA1L { display: flex; flex-wrap: wrap; }  .hoJbu { padding: 3px 5px; cursor: pointer; background: #ffffff70; border-radius: 4px; border: 1px solid #20406020; margin: 2px; }  .izExz { padding: 3px 5px; cursor: pointer; background: #ffffff50; border-radius: 4px; border: 1px solid #20406000; margin: 2px; }  .qWC5u { border: 1px solid #0040d060; color: #0040d0; }  .pmzR0 { border: 1px solid #00903060; color: #009030; }  .lHnyC { border: 1px solid #a0200060; color: #a00000 }        .hvYZd { display: flex; padding: 0px; }  .aELez { display: flex; padding: 0px; flex-wrap: wrap; }  .fhj6n { font-size: 90%; }  .oxZju { font-size: 90%; display: flex; padding: 1px 4px; }  .joEyz { font-size: 90%; display: flex; padding: 1px 0px 0 0; }   .wCP3w { text-align: center; padding: 4px; color: #fff; width: 33.33%; flex-grow: 1; }   .fFNW1 { flex-grow: 1; text-align: center; padding: 4px; margin: 0px 2px; border-radius: 4px; cursor: pointer; color: #fff; opacity: .9; transition: .2s; }   .fFNW1:hover { opacity: 1; }   .olz4t { border: 1px solid #800000; background: #a00010; }   .wV1qL { border: 1px solid #005020; background: #008020; }   .uNt1j { border: 1px solid #001050; background: #002080; }    .jeLnO { display: flex; flex-wrap: wrap; padding: 10px 5px; }  .ijj23 { 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;  }  .aX8fh { max-height: 90%; max-width: 500px; cursor: auto; }  .s5ydi { min-width: 180px; }  .mnDMz { flex-grow: 1; cursor: pointer; }  .ijj23:hover { border: solid 1px #2040a0a0; background: #ffffffc0; transform: translate(0px, -3px); box-shadow: 0px 12px 25px -10px #20406080; }  .zIb1O { display: flex; height: 26px; justify-content: center; align-items: center; background: #ffffff; border-bottom: solid 1px #20406030; box-shadow: 0px 6px 10px -4px #20406030; }  .q3aSg { display: flex; flex-wrap: wrap; height: 70px; border-bottom: solid 1px #20406030; }  .nunnF { display: flex; justify-content: center; align-items: center; background: #a0c0ff20; height: 100%; width: 25%; border: solid 1px #20406030; }  .vazI6 { background: #f0f0ff10; width: 75%; height: 100%; padding: 1px;}  .bZqq1 { padding: 2px 10px; white-space: nowrap; }  .iCaRr { text-align: left; direction: ltr; }  .mFsOp { font-size: 85%; padding-left: 10px; }    .v0Yiq { display: flex; height: 30px; }   .abHR5 { display: flex; height: 100%; width: 50%; cursor: pointer; transition: .2s; font-size: 85%; border: solid 1px #20406030; background: #f5faff; }   .abHR5:hover { background: #fff; color: #0020a0; border: solid 1px #2040a0a0; }   .raacV { background: #50608050 !important; opacity: 0.3; color: #506070 !important; border: solid 1px #20406010 !important; cursor: not-allowed; }   .fh6x2 { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; }   .iuHZP { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }   .r88v9 { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }      .b9jMO { display: flex; height: 25px; margin: 5px; justify-content: center; align-items: center; font-size: 90%; }    .qgNfx { width: 94%; position: relative; }  .bADWF { position: absolute; left:45%; width: 10%; background: #909090; top: 0px; bottom: 0px; }        .ubZBD { min-height: 180px; width: 100%; }  .lwarV { width: 100%; }  .sWDOc { width: 100%; }  .l1bsV { bottom: 2px; left: 0px; right: 3px; padding: 5px 8px; position: absolute; z-index: 300;; background: #f0faffd0; }    .tUQcZ { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50000000; }  .winLv { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);   background: #f5faff60;  }    .tfdWa { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }    .umggV { height: 50px; padding: 7px; display: flex; background: #00f08008; justify-content: center; align-items: center; }  .pv4Dm { 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; }  .y6tCN { margin: 0px 20px; opacity: 1; color: #a00030; ; }  .qqDnB { opacity: 1; background: #0080ff; color: #ffffff; }  .w4NOL { flex: 1; display: flex; background: #0000f020; justify-content: center; align-items: center; flex-wrap: wrap; overflow: auto; }      .uaiRp { padding: 7px; font-size: 110%; }  .iM0r2 { padding: 6px 15px; cursor: pointer; margin: 6px; border-radius: 4px; border: 1px solid #20406040; background: #fdffff; display: block; display: flex; }  .rQaXV { justify-content: flex-end; font-family: cursive !important;}  .vU728 { font-size: 95% ; white-space: nowrap;}  .ebVaC { display: flex; justify-content: center; align-items: center; padding: 0px 15px; opacity: .7; transform: scale(.95); }      .yOapd { max-width: 400px; min-width: 200px; margin: 15px 15px; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 10px 20px -8px #20406050; }  .uku82 { padding: 5px 9px; font-weight: bold; }  .sUsJC { display: flex; height: 30px; border-top: 1px solid #20406020; }  .e0crO { display: flex; align-items: center; padding: 0px 8px; }  .dEfqF { display: flex; align-items: center; padding: 0px 8px; justify-content: flex-end; flex-grow: 1; }  .p2610 { display: flex; align-items: center; padding: 0px 3px; direction: ltr; flex: 1; flex-grow: 1; }   .qFwat { display: flex; align-items: center; padding: 0px 3px; min-width: 100px; }   .bi4hm { display: flex; align-items: center; padding: 0px 3px; direction: ltr; min-width: 40px;; }        .n3XgH { padding: 15px; line-height: 1.5; }  .ks5s2 { padding: 5px; margin: 10px 4px; box-shadow: 0px 3px 8px -2px #20406050; line-height: 1.5; background: #ffffff50; border: solid 1px #20406030; }   .d1O5O { padding: 4px 6px; margin: 2px 0px; font-size: 110%; color: #007070; font-weight: bold; }   .pJCd4 { padding: 3px 10px; margin: 2px 0px; opacity: .9; }   .g9pG1 { padding: 5px 15px 5px 5px; margin: 1px 0px; box-shadow: 0px 3px 7px -2px #20406020; }   .kHxTy { padding: 3px 5px; margin: 0px 0px; border: solid 1px #20406020; background: linear-gradient(to top, #ffffff80, #c0e0ff10); }   .nUviJ { padding: 4px 5px; margin: 2px 0px; font-size: 110%; color: #005080; }   .or9PU { padding: 2px 8px; margin: 1px 0px; opacity: .9; }                .bJcQ1 { display: flex; height: 23px; padding: 1px 2px !important; border-bottom: 1px solid #20406020; }  .v0ZyX { display: flex; height: 100%; align-items: center; width: 154px; }   .nnu8U { width: 100%; }   .unpqM { padding: 2px 7px;; }  .hUEka { display: flex; height: 100%; border-right: 1px solid #20406020; align-items: center; width: 32px; justify-content: center; opacity: .8; font-size: 90% ; }                .oV0uv { margin: 5px 8px; border-radius: 4px; overflow: hidden; border: 1px solid #20406035; background: #ffffff60; }   .q9PvZ { background: #ffffff50; cursor: pointer; display: flex; height: 35px; padding: 0px 5px; box-shadow: 0px 4px 10px -5px #20406050; border-bottom: 1px solid #20406030; }   .d9vhX { display: flex; height: 100%; align-items: center; }   .wRrRh { padding: 0px 8px; }   .kCwol { padding: 2px 5px 0 0; font-size: 90%; opacity: .85;; }     .dOIsq { }   .vWkko { display: flex; height: 30px; }   .lGl65 { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; border-right: 1px solid #20406020; }   .ypdGo { justify-content: start; padding-right: 8px; ; }   .y65FN { border-left: 3px solid #20406020 ; }   .rdi6Y { justify-content: start; padding-left: 8px; direction: ltr; }     .yvFCy { text-shadow: 0px 1px 12px #00f080a0; color: #071; outline: 1px solid #00f00020; outline-offset: -1px; background: #00d08004; }   .zLyrQ { text-shadow: 0px 1px 12px #f0505080; color: #710; outline: 1px solid #00f00020; outline-offset: -1px; background: #d0000004; }     .sQzPC { position: absolute; z-index: -1; background: #0070c020; border-left: 1px solid #0050c050; top: 0px; right: 0px; bottom: 0px; }       .qGpDN { margin-top: 3px; border-top: 1px solid #00408020; background: #00c0ff20; font-size: 94%; color: #003070; height: 28px; }        .eSsyA { border-bottom: 1px solid #20406035; background: #ffffff60; display: flex; height: 30px; }  .i3SQ9 { border-top: 2px solid #20406020; background: #ffffff60; display: flex; height: 30px; }  .cUAwI { border-bottom: 2px solid #00407030; background: #f0f8ff50; display: flex; height: 28px; margin-bottom: 0px; font-size: 90%; ; }            .cyIM1 { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406020; }  .bsSkw { border: solid 1px #20406050; background: #ffffffb0; margin: 4px 0px; }  .sQLlH { border: solid 1px #20406050; background: #ffffffb0; }  .cyIM1:hover { z-index: 100; }   .dkpRd { padding: 0px 10px; display: flex; align-items: center; cursor: pointer; width: 100%; }   .wTaPp { 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; }   .iSsbH { cursor: auto !important; background: #a0c0e005; opacity: .7; }      .wLiut { 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; }  .hxqD3 { font-size: 90%; opacity: .9;;}   .ki1cb { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-left: solid 1px #20406020; }   .bIhtT { direction: ltr; width: 30px; font-weight: bold; }   .x0PSn { width: 250px; white-space: nowrap; overflow: hidden; }   .ijXgE { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-right: solid 1px #20406020; }   .j0k4E { font-size: 105%; font-weight: bold; padding: 0px 5px; }  .gYNkq { height: 45px; overflow: auto; margin: 0px 5px 0px 5px; border: solid 1px #20406040; border-top: none; background: #ffffff30; }    .q6Tdq { display: flex; align-items: center; flex-wrap: wrap;}      .wlbru { margin: 2px 0px; }  .hf5ly { margin: 2px 0px 7px 0px; }   .ptafx { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406050; }     .zupyb { 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; }   .co86f { direction: ltr; text-align: left; }      .bj9mp { width: 100%; line-height: 1.7; padding: 80px 1%; display: flex; flex-wrap: wrap; justify-content: center; }    .rFP60 { width: 100%; max-width: 1600px; display: flex; flex-wrap: wrap; justify-content: center; }  .shJsk { width: 100%; max-width: 2000px; display: flex; flex-wrap: wrap; justify-content: center; }      .lxH1J { padding: 30px 0px; }   .iDWGm { width: 100%; max-width: 400px; }   .uiAS0 { width: 100%; max-width: 1000px; }    .eCktw { padding: 10px 0px; }        .dwZfk { width: 100%; line-height: 1.7; padding: 50px 1%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; }  .eU9pz { width: 100%; max-width: 1100px; overflow: auto; }      .dbM0I { width: 100%; min-width: 600px; background: #ffffff50; padding: 16px;; }   .w6eCE { display: flex; align-items: center ; padding: 1px 0px; }   .wg8LZ { padding: 4px 8px;; }   .l2kPj { padding: 4px 8px !important; margin: 0px 5px 0 0; font-size: 95%; display: flex; }   .g8DhD { display: flex; align-items: center ; padding: 5px;; }   .aykse { 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; }   .aykse:hover { background: #fff; outline: 2px solid #00a0f0a0; }   .iWkB3 { font-size: 110% ; padding: 5px; white-space: nowrap; }   .a4bqM { font-size: 80% ; padding: 0px 4px; white-space: nowrap; }   .zzR7g { font-size: 85% ; padding: 0px 5px; white-space: nowrap; }   .sJWkv { color: #5080b0; }   .tp2Bg { color: #20b050; }   .fJgHq { color: #b06050; }    .zbOm1 { width: 100%; min-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-around; }   .vaQlD { border: 1px solid #20406040; border-radius: 4px; overflow: hidden; width: 510px; margin: 0px; background: #ffffff80; }   .jzszk { min-height: 35px; display: flex; }   .xoPRA { border: 1px solid #20406030; display: flex; justify-content: center; align-items: center; width: 65px; overflow: hidden; white-space: nowrap; }   .izArW { color: #007040; direction: ltr; padding: 2px; }   .dbzFq { background: #b0d0f020; }   .awbM1 { width: 120px; }   .oW4IQ { font-weight: bold; }   .wTICI { width: 100%; padding: 5px 12px; font-size: 90%; margin-bottom: 8px; }   .b80RF { color: #002040; cursor: pointer; transition: .2s; }   .b80RF:hover { color: #fff; background: #00a0c0; }            .cZBfi { width: 100%; padding: 1%; position: relative; line-height: 1.8; overflow-x: hidden; }  .liTAc { display: flex; justify-content: center; align-items: center; width: 100%; }  .viEDs { position: relative; width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; }  .pP4wC { position: relative; width: 100%; overflow: auto; margin: 10px 0px;; }   .jCawx { padding: 5px 30px; font-size: 120%; }  .pSvNX { display: flex; justify-content: center; padding: 10px 5px; }  .j74pJ { display: flex; padding: 10px 5px; }    .bgQ1M { 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; }   .pcBdR { display: flex;width: 250px; height: 64px; }   .h8zw3 { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; position: relative; transition: 1s; border-radius: 50%;}   .h8zw3:hover { transform: scale(1.2) rotate(400deg); }   .viEDs:hover > .pcBdR > .h8zw3 { transform: scale(1.2) rotate(400deg) }   .tcE7J { padding-right: 14px; }   .muHd5 { font-size: 130%; }   .qYnvT { font-size: 90%; opacity: .8; top: -5px; position: relative; }     .d1BXN { display: flex; min-width: 250px; height: 64px; align-items: center; padding: 0 30px 0 0; flex-grow: 1; flex-wrap: wrap;}   .dfBd1 { padding: 0 25px 0 22px; position: relative; }   .oevY3 { 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; }   .mMN5q { padding: 4px 6px; border-radius: 4px ; }   .wqtmV { display: flex; flex-grow: 1; direction: ltr; height: 100%; max-height: 40px; align-items: center; flex-wrap: wrap; overflow: hidden; }    .bOVld { min-height: 100vh; padding-top: 60px; overflow: hidden; font-size: 17px; }  .bZqf6 { padding-top: 20px; font-size: 17px; }    .mpvFP { min-height: 600px; }  .vhlG5 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 700px; min-height: 400px; }   .ev0wR { 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; }   .ev0wR:hover > .nYX8D > .l7chy { transform: rotate(3deg) translate(0,-7px) scale(1.06); }   .ev0wR:hover > .nYX8D > .i0QXx { transform: rotate(-3deg) translate(0,-7px) scale(1.06) }   .ev0wR:hover > .nYX8D { color: #b0c0d0; font-weight: normal; }   .ev0wR:hover > .iMOBf > .jzOk2 { outline: 1px solid #0000a0; }   .ev0wR:hover > .iMOBf > .pGT7e { outline: 1px solid #00a000; }   .ev0wR:hover > .iMOBf > .zJlvE { color: #00b050; font-weight: bold; transform: scale(1.05) translate(3px,0); text-shadow: 2px 5px 12px #00f05080; }  .jxML1 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }    .bO8CT { 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);  }    .xgVMU { font-size: 130%; color: #405060; font-weight: bold; padding: 0px; opacity: .9; }  .nYX8D { font-size: 170%; color: #002040; font-weight: bold; padding: 7px 0px; display: flex; transition: .3s; flex-wrap: wrap; }   .l7chy { 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); }   .i0QXx { 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) }  .vjlOi { font-size: 125%; color: #002040; padding: 8px 0px; }  .iMOBf { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 10px; }   .zJlvE { color: #00a070; padding-left: 10px; transition: .3s; }   .tWquy { color: #fff; padding: 3px 15px; margin: 0px 10px; cursor: pointer; transition: .2s; border-radius: 5px; }   .tWquy:hover { transform: scale(1.1); box-shadow: 0px 4px 12px -3px #005080a0; }   .jzOk2 { background: #50a0f0; transition: .3s; }   .pGT7e { background: #00d080; }    .firstBoxTitleB { font-weight: bold; font-size: 105%; color: #0080ff; }      .rXHee { background: #ffffff80; padding: 5px 10px; border-radius: 4px; margin: 2px; }  .oqbcQ { box-shadow: 0px 10px 20px -8px #50402020; color: #a07000; border: 1px solid #80002060; }  .rPFav { box-shadow: 0px 10px 20px -8px #00408020; color: #204060; border: 1px solid #00406060; }    .lcWTU { justify-content: center; padding: 40px 0px; }    .ueyty { 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; }  .nkoAg { 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;  }  .nkoAg: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);  }  .nkoAg:hover > .pnQCL { font-weight: bold; color: #0040a0; transform: scale(1.1) translate(0px,-5px); }  .mBxg1 { 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; }    .pnQCL { padding: 5px 5px 10px 5px; color: #205080 ; text-align: center; transition: .3s; }  .u2wfS { padding: 5px 5px 10px 5px; text-align: center; color: #005090; font-weight: bold; }    .icUIB { display: flex; padding: 5px 10px;; }  .xwmGh { width: 25px; height: 25px; margin: 3px 4px; position: relative; z-index: 1;; }  .xil97 { display: none; position: absolute; white-space: nowrap; top: 0px; right: 120%; background: #fafcffe0; padding: 3px 4px; font-size: 70%; border-radius: 5px; }  .xwmGh:hover { z-index: 50;}  .xwmGh:hover > .xil97 { display: block; z-index: 100; }    .wLSGb { opacity: .2; }  .left2 { width: 100%; height: 100%; }      .hVfPH { 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;  }  .hHOgN { padding: 10px; display: flex; justify-content: center; font-size: 120%; font-weight: bold; color: #007030; }  .laxJ6 { padding: 3px; }      #fjgJV { scroll-behavior: smooth; }    .nraDy { padding: 0px 0px 0px 0px; background: #e0f0ff20; color: #304050; position: relative; }    .vZevb  {   padding: 60px 1%; display: flex; justify-content: center; align-items: center; position: relative;  }  .dgHRm { opacity: .92; transform: scale(.92);}    .bQCdZ { display: flex; padding: 10px 2% 10px 7%;   perspective: 200px; position: relative; }  .gyqhn { justify-content: end; }  .krGPE {   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;;  }  .tu7Te { 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; }  .n2YkN { min-width: auto; }  .dbPYF { width: 100%; display: none; }  .tbXvo { color: #808890; position: absolute; top: 108%; right: 40px; display: none; z-index: 2; white-space: nowrap; }  .iBbUU { display: block; animation: bP77p .4s 1; }  .imFEL { display: block; animation: oTN4k .4s 1; }    .bS2FA  {   min-height: 300px;   font-size: 110%; width: 100%; max-width: 350px;   position: relative; transition: .2s; display: flex; flex-wrap: wrap; z-index: 2;  }  .uokQG { display: flex; align-items: center; padding: 3px 10px 3px 5px; }    .bS2FA:hover  {  }        .ujqf5  {   flex-grow: 1; padding: 15px 2% 15px 2% ; font-size: 110%;  }  .kTlDb  {   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;  }  .veXLP { font-weight: normal; opacity: .9; transform: scale(.9); border-right: none !important; padding-right: 20px; }  .pnyZa  {   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;  }    .kTlDb:hover { opacity: 1;   border-right: 8px solid #00a0f0d0; color: #2070e0;  }  .kwT7A  {   position: absolute; height: 100%; left: 15px; top: 0px; display: flex; align-items: center;   font-family: monospace; font-size: 85%; opacity: .85;  }  .ttBtg  {   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;  }  .kTlDb:hover > .ttBtg { opacity: 1; box-shadow: -5px 5px 1px #00a0ff80 ; }  .vfdt9  {   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;  }      .jqqVi  {   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;  }  .jqqVi:hover {   background: linear-gradient(to left, #0070fff0, #0070ffb0); color: #ffffff;  }  .s5IaP { background: #507090 !important; cursor: auto !important }  .dEwJ3 { padding: 0px 2%; }      .uesAy { 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);  }  .zmlh5 { display: flex; width: 100%; justify-content: center; }  .g1eFB { display: flex; justify-content: center; align-items: center; }  .eMtIj { 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;  }  .eMtIj:hover { background: #fff; border: 1px solid #50a0d0; }        .vPL3w { background: #304050; color: #f5faff; padding: 30px 1% 50px 1%; display: flex; justify-content: center; }  .pPAOa { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; }    .bs0Ey { flex: 1 0 300px; padding: 5px 10px; }  .ngSiU { display: flex; padding: 5px; }  .tsZDs { display: flex; }    .gP8NF { min-width: 270px; display: flex; justify-content: center; }  .gqmRU { padding: 5px 0px; width: 100%; }  .goMWN { font-size: 115%; color: #b0ffe0; padding: 0 0 6px 0; }  .xycRn { display: flex; padding: 4px 1px; }  .l1Bnn { flex: 1; padding: 0px 5px; }  .vpg6F { padding: 0px 5px;; }      .kOXSn { position: absolute; top: -25%; right: -20%; bottom: -25%; left: -20%; z-index: -10;   display: flex; justify-content: center;   transform: rotate(-15deg);  }   .ytJJT { 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%;  }  .cDWHN { 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;  }  .fClM1 { 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 );  }    .xCnfH  {   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) } }      .k8i4g { 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;}              .dLGBU { padding: 20px 10px 50px 10px; height: 150px;;}  .hQfv3 { margin: 10px; height:100px; max-width: 80px; }  .bRS6Y { height: 100%; cursor: pointer; }  .sSAPz { height: 100%; }              .m1nbW { width: 100%; position: relative; padding: 50px 0px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }  .kQjgr { 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);  }  .u9RP4 { width: 100%; position: relative; overflow: hidden; min-height: 400px; }    .bmYg9 { width: 90%; max-width: 900px; padding: 10px; margin: 10px 6px;   overflow: hidden;  }  .s8Fv3 { padding: 5px 5px 0px 5px; white-space: nowrap; font-size: 120%; }  .xpOgc { padding: 5px 0px 5px 5px; white-space: nowrap; font-size: 80%; }        .iN1bG {   width: 90%; max-width: 900px; position: relative; min-height: 500px; overflow: hidden; display: flex; flex-wrap: wrap;  }  .xtGZG { background: red; height: 500px; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }  .xuZQ7 { background: blue; padding-top: 5px; }      .h2pck { font-weight: bold; color:#002060; padding: 6px 2px 2px 1px }        .bigger { font-weight: bold; }            .t5jXZ { position: relative; padding: 50px 2%; }  .i2kIW { overflow: auto; }      .ju2xR { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }    .y8eUc { margin: 5px 10px; padding: 8px 15px; font-size: 120%; background: #ffffffa0; color: #002060; }  .brPAX { width: 100%; }  .hFpiG { margin: 5px 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }  .wjq2X { margin: 5px 10px; padding: 5px 10px; font-size: 120%; background: #fff; color: #002060; display: flex; flex-wrap: wrap; }    .toGCw { 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);; }  .b3LBw { width: 400px; height: 100%;; }   .wns7m { font-size: 130%; margin: 10px; padding: 7px; }   .iYBTO { font-size: 100%; margin: 10px; padding: 7px; }   .zwiUG { font-size: 100%; margin: 10px; padding: 7px; }   .j3G1w { font-size: 100%; max-width: 100px; margin: 4px 20px; display: flex; justify-content: center; align-items: center; }  .bRkeQ { width: 300px; height: 300px; position: relative; overflow: hidden;; }   .mVUQ1 { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; opacity: 1; transform: translate(-310px,0); transition: .25s;}   .bJuWc { opacity: 1; transform: translate(0,0); }   .oEsu0 { height: 100%; border-radius: 5px; border: 1px solid #0080c040; }     .mAPmi { position: absolute; height: 20px; left: 8px; right: 8px; bottom: 2px; z-index: 11; display: flex; justify-content: center; align-items: center; }   .avOrk { 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; ; }   .jc4QC { display: flex; justify-content: center; align-items: center; width: 30px; height: 100px; cursor: pointer; transition: .2s; }   .xUGSb { width: 20px; height: 20px; border-radius: 50%; background: #a0b0c0; margin: 0px ; transform: scale(.5) ; cursor: pointer; transition: .2s; }   .t7l4b { transform: scale(.9); background: #0050c0; margin: 0px 4px; }          .y0XsY { 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;}  .qxVww { width: 100%; max-width: 1400px; }    .iARSy { display: flex; flex-wrap: wrap; padding: 0px 20px 0 0;}  .b4fMl { display: flex; flex-wrap: wrap; justify-content: center;}    .idy7p { 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;}  .idy7p:hover { background: #ffffff; box-shadow: 0px 5px 18px -4px #20406060; outline: 2px solid #20a0ff; }  .sF4gM { font-size: 120%; padding: 5px; max-width: 222px; }  .yt3Ml { font-size: 85%; padding: 0px 4px; }  .iOSTL { font-size: 100%; padding: 2px 5px; border-radius: 4px; background: linear-gradient(to left, #f0b00040, #f0b00000); }  .pXS5W { max-width: 205px; font-size: 100%; padding: 3px 5px; border-radius: 4px; background: #ffa0f050; text-align: center; font-weight: bold; }  .gYI1Z { font-size: 90%; color: #502060; padding-left: 4px; }   .bsleO { 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; }   .idy7p:hover > .bsleO { opacity: 1;}        .tZ1c1 { padding: 10px; width: 200px; background: #fafbfd; border-radius: 5%; outline: 1px solid #a0b0c0a0; margin: 10px; }   .ofBLI { padding: 2px; font-size: 120%; display: flex; justify-content: center; align-items: center; }   .ud7xX { 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; }    }            .nQakQ { padding: 50px 3%; width: 100%; display: flex; justify-content: center; }  .rUZgi { width: 100%; max-width: 1250px; display: flex; flex-wrap: wrap; line-height: 1.6; }  .ljLf7 { width: 100%; max-width: 900px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffffa0; box-shadow: 10px 0px 50px #20408020; }  .ht6gp { width: 100%; max-width: 300px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffff50; box-shadow: 0px 0px 50px #20408010 }      .be2ry { padding: 8px 5px;; }  .bJyLJ { 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;}  .bJyLJ: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); }  .bJyLJ::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; }  .v8HqQ::after { border: 20px solid #e0900060; }  .bJyLJ:hover::after { border: 20px solid #0070f0b0; border-right: none; border-top: none; left: -12px; }  .v8HqQ:hover::after { border: 20px solid #e09000b0; border-right: none; border-top: none; left: -12px; }  .cVG5O { text-align: center; white-space:nowrap }    .dElr8 { 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;}  .dElr8: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); }  .dElr8:after { display: none !important;}      .tG3gT { display: none !important; }    .mxLGg { margin: 30px 20px; font-size: 15px; line-height: 1.7; }  .eNn3A { padding: 10px 25px; border-radius: 8px; background: linear-gradient(to left, #0080f020, #b0fff030, #0080f000); font-size: 120%; cursor: pointer; }  .o67vL { padding: 15px; border-radius: 8px; background: #ffffff50; }  .bwXrt { display: none; }   .kE2MC { padding: 10px; font-size: 110%; line-height: 2; }   .j3QRe { padding: 10px; border-radius: 8px; background: #ffffff50; color: #007030; }  .sAOwY { padding: 10px; display: flex; flex-wrap: wrap; }          .kRpPj{ 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;  }   .cSFP9 { width: 95%; max-width: 1000px; background: #ffffff; border-radius: 5%; padding: 20px; border: 3px solid #0080f0; font-size: 16px; line-height: 1.7; }   .e8vkv { padding: 5px; }   .qeva8 { padding: 6px 0px; }   .aonJf { padding: 15px; display: flex; justify-content: center; width: 100%; }   .kJ29R { padding: 5px 12px; cursor: pointer; border-radius: 5px; border: solid 1px #00a0f0; cursor: pointer; opacity: .5; }   .kJ29R:hover { opacity: 1; }                    .zEFWw { width: 100%; padding: 20px 40px 20px 10px; line-height: 1.7; }  .a3QAP { width: 100%; padding: 5px 1%; line-height: 1.7; }   .of3Sq { padding: 5px; font-size: 120%; display: flex; position: relative; display: flex; }   .mnjhA { color: #00b030; }   .yk3E7 { padding: 5px; display: flex; flex-wrap: wrap; }   .gypa7 { padding:0px 8px; display: flex; color: #204060; font-size: 85%; }   .rJvzc { padding:0px 5px; min-width: 50px; }     .gAzF4 { padding:10px 5px; }   .nNoLu { display: none; }       .raXdG { padding:10px 5px; }     .nVIuX { padding: 5px;; }   .fryVP { display: flex; height: 50px; align-items: center; background: linear-gradient(to left, #00a0ff30, #ffffff20); border-radius: 8px; }   .q0tc7 { height: 100%; width: 40px; justify-content: center; align-items: center; display: flex; }   .g2IMA { width: 200px; display: flex; padding: 0px 15px; font-weight: bold; color: #000040; position: relative; }   .yTjLN { padding: 0px 8px; display: flex; margin-right: 8px; height: 100%; align-items: center; }   .eachInstaPostHeaderSendDiv0Sent1 { background: #00a020 !important; opacity: .7 !important; cursor: auto !important; }     .r2yHS { display: flex; height: 90px; align-items: center; }   .vvXD4 { display: flex; height: 100%; align-items: center; margin: 0px 4px; position: relative; }   .yAnkO { position: absolute; top: 0px; right: 0px; left: 0px; height: 100%; background: #0060f040; animation: hslYi 4s linear 1 ; animation-fill-mode: forwards; }   .ayPWx { outline: 2px solid #00a030; outline-offset: -2px; }   .qFpzz { height: 100%; }                                      myBG{ position: absolute; top:-20px;left: -20px;bottom: -20px;right: -20px; }      .ywtUB { font-family: IRANSansWeb; }        .wxRq6 { 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;  }  #kddfq { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100% }    .peirp { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100%; padding: 0px 2px;}  .qJB1P { }  .miono { flex-grow: 1; }  .aTpSM { }    .w07bc { margin-left: 4px; ;}    .rcE9q { height: 22px; }  .tlhZN { height: 18px; }  #myDate { font-size: 13px; padding: 0px 5px; }  #mLvOB { padding: 0px 5px 0px 8px; direction: ltr; text-align: left; }  .mLvOB { 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;}                          .rVpT2{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 1000000; transition: .3s; color: #204060; overflow: auto; }  .gXSjW { font-size: 50px; padding: 0px 10px 30px 10px; width: 100%; }  .sq0xU { width: 90%; max-width: 700px; font-size: 18px; }  .xV0Zo { font-size: 90%; padding: 12px; background: #ffffffa0; }  .xZiwb { margin: 20px 0px; background: #ffffffda; border-radius: 8px; color: #304050;   box-shadow: 3px 4px 7px #40608030,8px 10px 15px #40608030;  }  .uA8Yn { margin: 20px 0px; background: #ffffff; border-radius: 7px; color: #203040;   box-shadow: 1px 2px 7px #40608010, 3px 5px 15px #40608030; line-height: 1.75;  }  .g0TwM { border-right: 10px solid #00d0d0; padding: 10px; }  .cMGXS { border-right: 10px solid #50a0ff; padding: 10px; }  .jkeyz { border-right: 10px solid #00e090; padding: 10px; }  .gwwks { border-right: 10px solid #f000a0; padding: 10px; }  .mF2RI { padding: 10px; font-size: 120%;width: 100%; }  .lSdsM { padding: 10px; border: dashed 1px #506080a0; transition: .2s; cursor: pointer; border-radius: 8px; }  .lSdsM:hover { border: dashed 1px #0060a0; background: #fff; }  .vydkW{ position: relative; width: 100%; height: 100%; padding: 20px; overflow: auto;; }      .yvggl{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 100000000; display: none; transition: .3s; }  .s4oZp{ display: block; animation: kLqls 0.4s 1 ; background: radial-gradient(#a0b0c0, transparent); }  .cGUoQ{ position: relative; width: 100%; height: 100%; overflow: auto;; }    .rtSz4{   opacity: .85;   background: #f0f8ff60;   position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;  }  /* .rtSz4{ 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"); } */  /* .rtSz4{ 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-gYrAB 493L539 269 237 261 370 gWZk9 382L539 269M390 zIrIi 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 hLL5c 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"); } */  .vd4en{  }          .h9kOc { position: relative; }    #myShakhesKolTaghir1 { display: flex; white-space: nowrap;; }  .uLnmP { height: 22px; font-size: 13px; padding: 0px 5px; }  .wkAcX { height: 18px; font-size: 12px; padding: 0px 5px; }  .myShakController1 { width: 40px; background: #00f0f020; display: none; font-size: 20px; flex-wrap: wrap;}  .zqJsO { display: flex; flex-wrap: wrap; padding: 0px 8px; }  .h9kOc:hover > .zqJsO { display: flex;}    .o1284 { display: flex ; flex-wrap: nowrap ; flex-grow: 1; }  #mVTBh { display: none; }  #cFGId { height: 40px; width: 40px; background: #f0a0f030; display: none; font-size: 20px; flex-wrap: wrap; }  #sb1UO { display: flex ; flex-wrap: nowrap ; }  .o1284:hover > #sb1UO { display: flex }          #d5mjL { 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}  .x5kpR { width: 100%; text-align: center; font-weight: bold; font-size: 20px; justify-content: center; display: flex; align-items: center; }  .lB4es { 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; }                                  #b7vUe { direction: rtl; text-align: right; margin:0px !important; position: absolute; display: flex !important; flex-wrap: wrap !important; transition: .3s ; }  .xVnsv{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; }                #psaxz {position: absolute; transition: .3s; }        #nnQ0I {position: absolute; transition: .3s; overflow: hidden; box-shadow: 3px 2px 15px #40608020, 1px 1px 4px #40608025; }    .lmBBf{ min-width: 40px; padding:0px 5px; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .lmBBf > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .lmBBf > .infI{ padding:0px 5px; font-size: 22px; }  .lmBBf:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .lmBBf:hover > .inf{ display:block }  .phEpN { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .phEpN > .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; } }                                      #wOFud {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; }                .dt3BI { padding: 0px ;}  .p6gUq { 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; }  .zbuin { animation: zbuin 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)  {   #sb1UO { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .o1284:hover > #sb1UO { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #cFGId { 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; }   .zqJsO { 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%; }                          .yxGGa { padding: 5px; background: #fff0ffa0; border: 1px solid #e0000020; text-align: center; font-size: 95%; border-radius: 4px; color: #800000; }  .f9UiH { width: 100%; padding-top: 15px; }  .tpUlg { width: 100%; height: 180px; }  .dg8le { width: 100%; height: 300px; }  .fWZIr { width: 100%; padding: 4px 7px; font-size: 85%; }  .aOvNT { width: 100%; height: 70px; }  .uvww7 { width: 100%; height: 77px; padding: 0px 5px; z-index: 10; }    .h1Ow7 { display: flex; align-items: center; }  .fgmHT { display: flex; align-items: center; margin: 0px 15px; transform: scale(1.1); }   .u5UdZ { border: 1px solid #20406030; padding: 4px 6px; margin: 0px 1px; cursor: pointer; background: #fff; border-radius: 4px; }   .b9ZrM { 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 }  .auj5I { 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;}    .dAFrY {color: #fff; background:linear-gradient(to bottom, #00f050,#00c050,#00f050); ; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .bte2U { background: linear-gradient(to bottom, #ff5040,#c04040 ,#ff5040);; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }  .bte2U { 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;}      .yJsSk { background:#00ff0020; color: #00d050; }  .rFBBk { background:#00ff0030; color: #00d050; ; font-weight:bold;}  .jmb5u { background:#ff000020; color: #e08080; }  .xaq0k { background:#ff000030; color: #e08080; ; font-weight:bold; }        .z9HlY { 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: rArkX 0.25s 1;   box-shadow: 3px 3px 10px #40608030, 15px 20px 30px #40608030; border: 1px solid #4060a040;  }  .wTExM { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }  .kpNrW { height: 100%; text-shadow: 1px 1px 10px #00000050; font-size: 120%; padding: 10px 20px; line-height: 1.7 !important; }  .guQxZ { background: #a00050e0; color: #fff; }  .wbV5A { background: #00a050e0; font-size: 110%; color: #fff; }  .qo57E { background: #0050a0e0; font-size: 110%; color: #fff; }    .hqeXi { padding: 10px; font-size: 150%; font-weight: bold; color: #2050a0; }  .avrye { padding: 10px; font-size: 90%; font-weight: bold; color: #800040; }    .nR5Pb { padding: 10px; line-height: 1.6 !important; }    .tDsnY { padding: 10px 5px 8px 2px; }  .iFBw1 { padding: 2px 5px 0px 5px; font-size: 80%; color: #a20; }  .vzuGD {   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;  }  .hBSAN { text-align: center !important; width: 100px; font-size: 140%; }    .vvmbj{ padding: 5px 20px; color: #fff; background: #0090e0; transition: .2s; cursor: pointer; border-radius: 4px; font-size: 120%; }  .vvmbj:hover { color: #fff; background: #00a080; }    .gfECD { padding: 5px 20px; color: #607080; background: #fff; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50607020; border: 1px solid #50607020 ; }  .gfECD:hover { color: #005080; border: 1px solid #50607020 }    .jVMDS { padding: 5px 20px; color: #a02000; background: #fff0fa; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50007020; border: 1px solid #50007020 ; }  .jVMDS:hover { color: #a00000; border: 1px solid #50007050 }    .g04qm { transform: scale(.6); opacity: .85; }    .mWI5A {border: 16px solid #f3f3f3;border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: yTysQ .6s linear infinite; }    @keyframes yTysQ { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }        .jpZek { display: flex;flex-wrap: wrap; padding: 0px 0px 10px 10px; min-width: 150px; min-height: 150px; position: relative; }  .lb033 { height: 200px; }  .lGtUP { margin: 10px 10px 0px 0px; }  .oTGSA { background: #5050a0e0; color: #fff; display: flex; }  .yqZz0 { height: 100%; }  .dDgdM { height: 100%; }  .zd6oi { }  .oRYq9 { font-size: 120%; padding:5px 5px 0px 5px; }  .ohbXQ { font-size: 90%; padding:0px 5px 5px 5px; }    .nzsb5{ width: 100%; height: 80px; font-size: 200%; font-weight: bold; color: #a0ffe0; overflow: hidden; transition: .3s; }  .uh6el { height: 0px !important; opacity:0 !important; }      .ngGBX { background: #5050a0e0;border: 1px solid #adf; background: linear-gradient(to left, #007090, #70209050); color: #fff; display: flex; transition: .3s; cursor: pointer;;}  .ngGBX:hover { background: #5050a0e0;border: 1px solid #fff; background: linear-gradient(to left, #5050a0, #5050f0 ); box-shadow: inset 0px 0px 20px #ffffffa0; }  .uPBAg { height: 100%; }  .aBh5x { height: 100%; }    .cc1AM { display: flex; flex-direction: column; min-width: 180px; }  .g97hS { flex-grow: 1; }  .cBdDi { height: 40px; padding: 0px 5px; overflow: hidden; transition: .3s;}  .pmRJa { height: 0px; opacity: 0;}  .ocBC8 { padding: 0px; height: 0px; color: #fff; box-shadow:inset 0px 0px 200px #a0ffe0; opacity: 0;overflow: hidden; transition: .3s }  .aZ5Vd { padding: 5px; height: 40px; color: #a0ffd0; box-shadow:inset 0px 0px 50px #50ffa050; opacity: 1; }                              #fvJOz { display: flex; flex-direction: column-reverse; }  .jgztl { animation: ld45Q 0.2s 1; }  .kG8iV { animation: xUyea 0.2s 1; opacity: 0; height: 0px; }    .fvJOz { overflow: hidden; }  .uCAh4 { padding: 8px 10px; font-size: 95%; margin: 5px 10px; border-radius: 8px; }  .uijr8 { border: 1px solid #005020; background: #007050c0; color: #fff; }  .f9YUS { border: 1px solid #500020; background: #a02030c0; color: #fff; }  .zqjOP { border: 1px solid #5050a0; background: #ffffffe0; color: #08c; }    .k93Ba { border: 1px solid #b0b000; background: #fffff0d0; color: #705000; border-right: 5px solid #a08000; font-size: 90%; }                  .uzYZO { width: 100%; display: flex; flex-wrap: wrap; padding: 5px;; }    .j4ZQP { border: 1px solid #20406030; margin: 1%; background: #fafcfea0; box-shadow: 2px 3px 10px #20406020; box-shadow: 3px 15px 20px -8px #00306025; }  .uaaDE { border: 1px solid #20406030; margin: 2px auto; }  .eoYgU { width: 100%; height: 2px; }  .copzC { height: 35px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .nssjh { height: 30px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .zEPke { height: 30px; display: flex; align-items: center; padding: 3px 6px 1px 0; box-shadow: inset 0px 8px 8px -8px #00406040; font-size: 90%; }   .tBakL { 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; }   .fWaac { font-size: 85%; opacity: 85%; padding: 2px 1px 0px 5px; }   .bd2OI { cursor: pointer; border: solid 1px #20406020; transition: .2s; }   .bd2OI:hover { cursor: pointer; border: solid 1px #0040a030; background: #00a0ff10; color: #002080; }  .heQ0I { height: 35px; display: flex; position: relative; z-index: 100; }  .jkNM8 { width: 100%; position: relative; padding: 4px 0px 1px 0px; background: #ffffff50; }              .jcmjh { display: flex; }  .qwch4 { padding: 4px 8px; min-width: 100px;; }            .j3IEg { padding: 0px 4px; height: 100%; white-space: nowrap; position: relative; z-index: 100; }  .uXgwv { white-space: nowrap; display: flex; align-items: center; padding: 0px 2px ; height: 100%; }  .hrAqE { font-size: 90%; }  .mDyrD { background: linear-gradient( to left, #fbf6a480, #fbf6a450, #a0c0f000 ); }  .eXE0h { background: linear-gradient( to left, #ffb55080, #ffb55050, #a0c0f000 ); }  .lWYty { background: linear-gradient( to left, #ff607060, #ff706040, #a0c0f000 ); }   .mal6p { padding: 0px 12px; height: 100%; display: flex; align-items: center; background: linear-gradient(to left, #00205005, #ffffff10); border-right: 1px solid #20406015; }   .svlNI { padding: 0px 7px 0 2px; text-align-last: left; direction: ltr; }   .a1FDG { padding-top: 1px; font-size: 90%; }   .etDp5 { box-shadow: inset 0px 0px 20px 2px #ff800040; color: #900000; }   .nT0Ny { padding-right: 5px; color: #008020; }   .fiUtJ { padding-right: 5px; color: #b00000; }     .xHGyo { cursor: pointer; }     .okBGx { padding: 5px; color: #302010; }              .wJfxd {top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; }   .yxvtX { 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; }   .v1LfJ { 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; }   .qkxad { width: 100%; min-width: 300px; height: 100%; display: flex; }   .hsNp0 {height: 100%; flex-shrink:0; min-width: 100px; margin-left: 8px; }   .tmbph { z-index: 10; width: 100%; position: absolute; right: 0px; left: 0px; top: 60px; bottom: 0px; overflow: hidden; }   .e91Cr { width: 100%; min-width: 300px; position: relative; overflow: auto; height:100%; }   .nV3sg { height: 30px; display: flex; align-items: center; white-space: nowrap; min-width: 300px; }   .xDAah { padding: 4px 8px; margin: 0px 0px; height: 90%; display: flex; align-items: center ; position: relative; }   .qxeLI { opacity: 0.5 !important; position: relative; }   .bnQ2X { 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; }   .qxeLI:hover > .bnQ2X { opacity: 1 !important; }   .jvlg5 { height: 25px; width: 25px; transform: scale(0.8); color: #600010; border-radius: 10px; background: #ffffffc0; display: flex; justify-content: center; align-items: center; }   .mE5z5 { width: 100%; display: flex; ; }       .jrz6V { box-shadow: none !important; background: transparent !important; }   .mhIut { box-shadow: none !important; background: linear-gradient(45deg, #fff0a000, #fff0a050, #fff0a000) !important; }   .lchk7 { min-height: 500px; }       .tzVRo { transition: .3s; }                 .cfFUI { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; display: flex; flex-direction: column; }   .bGQcr { width: 100%; height: 5%; z-index: 100; display: flex; position: relative; }   .tQaCP { width: 100%; flex: 1; flex-grow: 1; z-index: 10; }   .rIjqd { width: 100%; height: 9%; }   .twkE6 { width: 100%; height: 9%; }       .baurc { max-width: 1000px; margin: 7px 4px; }   .nnj9Z { display: flex; height: 30px; position: relative; z-index: 200;; }   .jbXp9 { 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; }   .ov8hm { cursor: pointer; border: 1px solid #2040a040; }   .ib8eg { display: none; padding: 0px 6px; }   .suSD7 { cursor: pointer; border: 1px solid #2040a040; background: var(--u7MTR) !important; box-shadow: var(--dGzN1); text-shadow: 1px 1px 5px #0000a070; color: var(--xIBTb) !important; }   .suSD7 > .ib8eg { display: block ;}   .ut7F3 { 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;; }   .g4utn { display: block; }   .tDzRo { font-weight: bold; padding: 2px;; }   .ri1zC { padding: 4px 5px 8px 5px; }     .ugpZk { display: flex; padding: 8px 7px 10px 7px; position: relative; }   .vwdbx { position: absolute; top: 2px; right: 5px; bottom: 2px; left: 5px; border-radius: 4px; z-index: 100; cursor: not-allowed; background: #d0e0f0a0; }   .crlev { display: flex; padding: 4px 7px; justify-content: center; width: 44%; margin: 0px 3%; cursor: pointer; border-radius: 4px; background: #ffffff50; border: 1px solid #20406030; }   .jDUjH{ background: var(--u7MTR) !important; box-shadow: var(--dGzN1); text-shadow: 1px 1px 5px #0000a070; color: var(--xIBTb) !important; opacity: 1;; cursor: default !important; border-radius: 4px; }     .j7xQs { padding: 8px; display: flex; }   .oGiuE { padding: 8px 3px; flex-grow: 1; max-width: 40px; }   .p6sd6 { width: 100%; height: 170px; border-radius: 4px 4px 0 0; background: #0050f005; box-shadow: inset 0px 0px 5px #0060a010; position: relative; }   .dS4M7 { 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; }   .vFcaL { background: linear-gradient(to left, #a0b0f0, #d0e0ff) }   .lCuqE { width: 100%; height: 120px; display: flex; justify-content: center; padding: 5px 1px; position: relative;; }   .t5qYw { transform: rotate(90deg); white-space: nowrap; position: absolute; top: 110px; left: 0; right: 0; bottom: -10px ; }       .lLrlY { 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; }   .lLrlY:hover { z-index: 100 !important; }   .mqvky { 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; }     .lLrlY > .hHntc { padding: 0px !important; }   .gkyoM { padding: 24px 5px 8px 5px ; background: #e0eaf5; border: 1px solid #20406050; margin: 15px 10px; box-shadow: 1px 4px 15px -6px #20406050; }     .bpzhE { padding: 0px !important; background: #ffffffb0; margin-top: 7px; width: 100%; display: flex; height: 30px; border: 1px solid #20406050; }   .pCWuv { height: 100%; display: flex; align-items: center; padding: 0px 12px; background: linear-gradient(to right, #ffffff40, #50f0ff10); }   .jWqE1 { font-size: 90%;opacity: .9; width: 110px; border-left: 1px solid #20406030; }   .xvhvI { font-size: 90%;opacity: .9; width: 50px; min-width: 50px; border-left: 1px solid #20406030; }   .eVF0y { font-size: 80%;opacity: .9; padding: 0px; justify-content: center; width: 170px; min-width: 170px; border-left: 1px solid #20406030; }   .zPgL3 { flex-grow: 1; direction: ltr; }   .zPgL3 { flex-grow: 1; direction: ltr; }   .kilkM { flex-grow: 1; }   .qJvnz { flex-grow: 1; justify-content: center; font-size: 90%; box-shadow: 0px 5px 10px -5px #20406070; }   .sNqAt { flex-grow: 1; background: #ffffff50; padding: 0px; }   .w5Btn { width: 50%; color: #004010; box-shadow: inset 3px 0px 1px -2px #00a02010; background: linear-gradient(to right, #00f0a010, #00ffa000); position: relative; }   .yvh3n { 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; }   .ib1Lg { background: linear-gradient(45deg, #a0f0e0c0, #90f0c0c0); box-shadow: inset 45px 0px 40px -20px #00d00050; }   .vn6ga { z-index: 10;; position: relative; direction: ltr; }   .kdWJ8 { position: absolute; top: 0px; bottom: 0px; z-index: 1; }   .mCfXL { 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; }   .lTvvR { 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; }   .lm064 { background: linear-gradient(-45deg, #ffc0d0c0, #ffb0b0c0); box-shadow: inset -45px 0px 40px -20px #ff000040; }   .scAkB { border-bottom: 1px solid #20406008; }   .sBMrE { border-top: 1px solid #20406008; margin-top: 0px; }      .yiiRj { margin: 6px; border: 2px solid #20406030; background: #ffffffa0; display: flex; padding: 5px; }   .mqiqE { display: flex; justify-content: center; align-items: center; width: 150px; }   .rpSdO { }   .uRp1C { height: 120px; }   .t3ruH { height: 80px; font-size: 90%; }   .x8tVT { height: 150px; }   .t3n19 { display: flex; border: 1px solid #20406020; }   .g91Z5 { position: relative; width: 28px; white-space: nowrap; border-right: 1px solid #20406020; }   .ye9Iy { 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;; }   .qVT0S { display: flex; }   .jfgLB { font-size: 90%; opacity: .9;;}   .iCWH8 { direction: ltr; padding-right: 10px;}   .g91Z5:hover > .ye9Iy { display: block; }   .ps9E5 { margin-left: 25px; }   .vx1jW { box-shadow: -10px -5px 15px -8px #20406030; border-left: 1px solid #20406030; }   .sBYN0 { box-shadow: 10px 5px 15px -8px #20406030; border-right: 1px solid #20406030; }   .hvSRg { 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 }   .satrR { position: absolute; right: 1px; left: 1px; bottom: 0px; }   .n8AAZ { bottom: auto; top: 0px; }   .xZoId { background: #00a0f0; }   .vmiP4 { background: linear-gradient( to top, #b0ffe0a0, #b0ffd0a0); box-shadow: inset 0px -45px 40px -20px #00d00020; border-radius: 2px 2px 0 0; }   .nUV7z { background: linear-gradient( to top, #a0f0e0c0, #90f0c0c0); box-shadow: inset 0px -45px 40px -20px #00d00050; border-radius: 2px 2px 0 0; }   .o2Rtx { background: linear-gradient( to bottom, #ffd0c0a0, #ffd0d0a0); box-shadow: inset 0px -45px 40px -20px #ff000020;; border-radius: 0 0 2px 2px; }   .icAo5 { background: linear-gradient( to bottom, #ffc0d0c0, #ffb0b0c0); box-shadow: inset 0px -45px 40px -20px #ff000040;; border-radius: 0 0 2px 2px; }   .yERey { display: flex; border: 1px solid #20406010; overflow: hidden; padding-left: 30px; }   .yRSRi { 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; }        .rwr19 { position: absolute; top: 6px; right: 0px; bottom: 6px; left: 0px;; }    .mwGEP { display: none; overflow: auto; position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px; background: #f0faff; z-index: 200; }  .iNs6W { display: block; }   .kwZeX { display: flex; max-width: 400px; padding: 7px 20px; }   .sIdPM { min-width: 700px; padding: 10px 20px; }   .h6Md0 { margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .gt863 { background: #f0faff50; cursor: auto; bottom: 0 5px 5px 0; font-size: 80%; line-height: 1; }   .r6sdW { height: 40px !important; font-size: 105%; }   .z246r { display: flex; background: #ffffff10 !important; padding: 8px; flex-wrap: wrap; }   .vRiCd { min-width: 500px; margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .qX4Cf { display: flex; background: #ffffff50; height: 35px; cursor: pointer; }   .lhHCV { cursor: auto; }   .ne0uG { display: flex; justify-content: center; height: 100%; align-items: center; text-align: center; width: 70px; border-left: 1px solid #20406020;}   .qb25M { padding: 0px 15px; font-size: 110%; width: 125px; }   .iIHFT { flex-grow: 1; }   .lM2kC { direction: ltr; }   .dayRM { font-size: 90%; }   .ywNfs { padding: 0px 0px 0px 5px; font-size: 80%; opacity: .8; font-weight: normal !important; }   .cQBP9 { width: 85px; border-right: 4px solid #20406020;border-left: 4px solid #20406020; }   .mhAAZ { width: 130px; width: 130px; }   .l06NR { width: 120px; width: 120px; }   .xAtYH { width: 100px; position: relative; }   .bz76r { width: 75px; }   .oAbbd { background: #00e05005; }   .kcjXW { background: #e0203005; }   .zSjSh { display: none; background: #f0faff50; padding: 8px; flex-wrap: wrap; overflow: auto; }   .qTxzI { background: #ffffff50; box-shadow: 1px 3px 8px -1px #20406050; border: 1px solid #0050a050; margin: 14px 5px; }   .qTxzI > .qX4Cf { background: #ffffff80; box-shadow: 1px 3px 8px -3px #20406050; }   .qTxzI > .zSjSh { display: block; }       .sSCeC { display: flex; flex-wrap: wrap; }   .qRlT3 { 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; }   .nT8Vi { border-radius: 0px; height: 30px; border: 1px solid #20406020; background: #f0faffa0; }   .e2eqc { background: #fff; cursor: pointer; border: 1px solid #2040a040; height: 60px; display: block; box-shadow: 1px 3px 8px -3px #20406030; }   .e2eqc:hover { border: 1px solid #2040a070; box-shadow: 1px 3px 8px -3px #20406050; }   .pph7h { display: flex; height: 30px; justify-content: center; align-items: center; font-size: 110%; color: #0050a0; background: #fff; cursor: pointer; }   .pNBT1 { display: flex; height: 30px; justify-content: center; align-items: center; }   .ttxka { direction: ltr; height: 100%; display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #20406020; }   .yaUXg { font-weight: bold; }   .rfdZg { width: 100%; }          .lHXqR { padding: 6px; }   .haAv5 { padding: 30px 30px 20px 10px; }   .tqoVb { padding: 10px; display: flex; flex-wrap: wrap; }   .mBd0j { margin: 10px; cursor: pointer; min-width: 200px; max-width: 250px; border-radius: 4px; border: 2px solid #20406020; transition: .2s; }   .mBd0j:hover { border: 2px solid #2040f0a0; ; }   .nkS9q { font-size: 110%; color: #004080; padding: 15px; background: #fff; transform: .2s; }   .mBd0j:hover > .nkS9q { color: #fff; padding: 15px; background: #2040f0a0 }     .ouje1 { padding: 10px 25px; }   .frflL { font-size: 85%; color: #007020; padding: 5px 0px; }   .n6PpG { padding: 2px 5px; }     .lqLtQ { padding: 1px; display: flex; flex-wrap: wrap; animation: jlwOy 0.3s 1; z-index: 10; }   .wTfkD { padding: 4px 7px; width: auto !important; margin: 1px 5px !important; }    .nGctx { padding: 10px; }   .azh9A { display: none; }   .j6WBN { display: block; animation: zeNmc 0.2s 1; }     .bw26r { padding: 20px 20px }   .uTAfx { padding: 10px 16px; line-height: 1.8; color: #804000; background: #ffd0a010; border: 1px solid #a04000; border-radius: 4px; }       .ia0AR { padding: 2px 10px 3px 10px; }   .dBfkT { padding: 2px 15px; width: 145px; margin: 5px 20px 0px 0px ; border: 1px solid #20406050; border-bottom: none; border-radius: 5px 5px 0 0; }   .nkLBs { display: flex; border: 1px solid #20406040; border-radius: 4px; }   .fRbzn { border-left: 1px solid #20406030; cursor: pointer; }   .hIeMN { border: 1px solid #20406070; background: #ffffff; margin: 0px 12px; transform: scale(1.1); box-shadow: 0px 5px 12px -4px #20406040; }   .bms54 { display: flex; justify-content: center; align-items: center; height: 25px; width: 100px; border-bottom: 1px solid #20406020 ; }   .fefX1 { display: flex; justify-content: center; align-items: center; height: 25px; width: 36px; border-bottom: 1px solid #20406020 ; direction: ltr; }   .t4yX0 { height: 100%; background: #a0008010; }   .xgNQx { position: relative; height: 100px; padding: 5px; background: #20406010; }   .zeYWW { font-size: 85%; }   .q7QPk { color: #008020; background: #00f02010 }   .rsa1d { background: #00f02030; }   .pj7J0 { color: #a00000; background: #ff000010; }   .qqfx1 { background: #ff000030; }     .sUyOb { margin: 10px; border: 1px solid #20406050; border-radius: 5px; display: flex; }   .vtCq6 { min-width: 75px; border-left: 1px solid #20406030; }   .kh3iS { width: 200px; }   .f0TDU { height: 36px; border-bottom: 1px solid #20406030;direction: ltr; display: flex; justify-content: center; align-items: center; }   .uIuDp { opacity: .7; font-size: 80%; padding: 1px 1px 0px 1px;; }       .aAV4U { display: flex; height: 30px; position: relative; padding: 4px 0px; }   .bccQ7 { cursor: pointer !important; }     .hwIjj { margin: 10px 4px; }   .cg2PD { margin: 5px; padding: 5px; background: #ffffff70; display:flex; flex-wrap: wrap; border-radius: 5px; border: 1px solid #20406030; max-height: 150px; overflow: auto; }   .vflfm { padding: 5px 8px; }   .yWF2f { padding: 1px; }   .wqkEQ { padding: 5px; }       .ss27I { margin: 15px; max-width: 1000px; }     .bl4XU { display: none; }   .xeGU0 { display: block; }   .x1emq { padding: 15px 0px; display: flex; flex-wrap: wrap; }   .tEvmz { padding: 15px 0px; }   .oVfsc { margin: 0px 10px; border-bottom: 1px solid #20406050; display: flex; height: 30px; }   .l2lZb { height: 85px; background: #fff !important; }   .m9wWd { 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; }   .ruAvZ { width: 120px; min-width: 120px; max-width: 120px;}     .tEvmz > div:nth-of-type(odd) { background: #fffffa60; }   .tEvmz > 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; }              .uiUPH { padding: 4px; }  .uzpni { margin: 12px 10px; width: fit-content; border: 1px solid #20406040; box-shadow: 1px 4px 14px -5px #20406050; background: #ffffff50; overflow: hidden; }   .tkI23 { display: flex; height: 50px; margin: 0px 0px 6px 0px; box-shadow: 0px 5px 14px -5px #20406050; }   .vuPSr { display: flex; width: 50px; border: 1px solid #20406020; justify-content: center; align-items: center; font-size: 140%; font-weight: bold; }   .q4yRw { padding: 0px; display: flex; flex-grow: 1; background: linear-gradient(to right, #ffffff20, #ffffff20, #00a0ff20); }   .rNOac { display: flex; align-items: center; height: 100%; padding: 5px 14px 5px 6px; font-size: 110%; font-weight: bold; color: #0050a0; }   .wn5HR { display: flex; align-items: center; height: 100%; padding: 5px 5px 0px 20px; font-size: 90%; opacity: .9; }   .aY0iU { display: flex; align-items: center; height: 100%; padding: 5px 10px; ; }   .i5nEu { padding: 5px 10px; }   .wEgtM { display: none; }     .nd7JG { display: flex; padding: 4px 10px; }   .zpWPm { display: none; }   .bD01m { margin: 6px 6px; border: 1px solid #20406050; background: #fafeff; overflow: hidden; }   .ugcw8 { margin: 0px 0 8px 0; border: none; border-bottom: 1px solid #20406050; background: #fafeff; box-shadow: 0px 5px 10px -5px #20406050; }   .to5CG { display: flex; height: 40px; }   .dIsAE { font-size: 125%; font-weight: bold }   .xm5Al { border: 1px solid #20406020; background: #ffffff20; }   .vGsqN { color: #204060; padding: 5px 10px 5px 5px; font-size: 100%; white-space:nowrap; font-weight: bold; }     .lCvhI { font-size: 95%; opacity: 0.9; }   .tpuD0 { display: flex; height: 28px; border-top: 1px solid #20406030; }   .yLz9g { height: 45px; }   .yU7sR { width: 70px; border-left: 1px solid #20406020; display: flex; justify-content: center; align-items: center; }   .d0OuL { flex-grow: 1; text-align: center; direction: ltr; display: flex; justify-content: center; align-items: center; min-width: 50px; }     .r8DrM { border: 1px solid #c00020a0; color: #c00020; background: #ff508010; direction: ltr; }   .zHVgZ { border: 1px solid #f0a000a0; color: #907000; background: #ffa00010 }   .hrJkf { border: 1px solid #008020a0; color: #008020; background: #00e02010 }     .iQi5a { 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(--mpNYn); }    .jDAd7 { background: var(--nZH9i); 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; }  .jDAd7:hover { background: #ffffffa0; background: linear-gradient(to left, #d0f0ff, #ffffff); color: #0000a0; opacity: 1; }  .ixrLU{ background: var(--u7MTR) !important; box-shadow: var(--dGzN1); text-shadow: 1px 1px 5px #0000a070; color: var(--xIBTb) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }  .vBGhr{ background: var(--u7MTR) !important; box-shadow: var(--dGzN1); text-shadow: 1px 1px 5px #0000a070; color: var(--xIBTb) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }   .ixrLU > .bnQ2X{ opacity: 0; }   .vBGhr > .bnQ2X{ opacity: 0; }          .lRrPc { position: relative; top: 0px;left: 0px; bottom: 0px; display: flex; z-index: 40; }  .f07es { width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}  .iCByQ { color: var(--mtRRF); background: var(--gnkwl); }  .iCByQ:hover { color: var(--lyRSG); background: var(--eSWZO); }  .gQGcB { color: var(--o7fRk); background: var(--xiGqs);; }  .gQGcB:hover { color: var(--eb3Zg); background: var(--o3M1X) }  .acl4y { color: var(--sAHx6); background: var(--cE3Xi); }  .acl4y:hover { color: var(--rVxXb); background: var(--lUvGd); }    .xUv8j { color: var(--aoTqB); background: var(--mCkdd); cursor: move !important; opacity: .5; transition: .2s; }  .xUv8j:hover { color: var(--yiBMh); background: var(--vgB5O); opacity: 1; }          .myTabsContent1 { z-index: 10; overflow: auto; flex: 1; position: relative; overflow: auto;}  .myTabsContentDefaultBg1 { background: var(--u8ai0); box-shadow: var(--g3DLn); }    .myTabsContentLightBg1 { background: var(--hZVQT);    }    .vAQ5m { transition: .2s; display: none; ; }  .g2sHd { display: block; }    .pageContentItems { transition: .2s; }  .pageContentItemOff { display: none !important; }  .pageContentItemON { animation: myTabContentItemONAnime 0.3s 1; }        .azrJj { transition: .2s; display: none; ; }  .zVAfd { display: block; }                                                        .ifT5O{ display: none !important;}  .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; }        .c5l2o { 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; }  .c5l2o:hover { background: #ffffff30; opacity: 1; box-shadow: 0px 0px 8px #5070a005 }  .kXBJt { 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;  }  .mR32E { animation: mt79n .3s 1;}    .gDThS { width: 100%; display: flex; height: 100%; }  .jYp2w{ animation: jIVHX 0.3s 1; }    .bvf6O { width: 100%;height: 100%; position: relative;}  .tEsZJ { }    .ykQpS { 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; }  .ykQpS:hover { opacity: 1; }  .uf7SZ { background: #fff; outline-offset: -1px; outline: 2px solid #0080ff70; border-radius: 3px; }      .n7SuH { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .bfNa5 { animation: rkGdB .3s 1 }    .b11sR { 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;    }  .khpge { height: 100%; margin-right: 5px; display: flex; align-items: center; padding-left: 10px; flex-grow: 1; }  .by3UG { overflow: auto; }    .bdPaI { 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;  }   .ryVzn { display: flex; height: 100%; flex-grow: 1; }    @media (max-width: 570px)  {   #sb1UO { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .o1284:hover > #sb1UO { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #cFGId { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }          .pJ3w2 { width: 40px; height: 100%; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .pJ3w2:hover { width: 170px; background: #d0000020; }  .w5psI { width: 130px; font-size: 15px; display: flex; justify-content: center; align-items: center; }              .bc0xC { display: flex; min-width: 500px; padding: 0px; transition: .2s; }  .dy6ar { background: #f0b00050 !important; }  .umn0u { background: #ff002050 !important; }  .dA1uA { background: none !important; box-shadow: none !important; }  .bc0xC:hover { background: #ffffffa0; box-shadow: 1px 2px 7px #20407020; }    .isTk6 { 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; }  .isTk6:hover { border: 1px solid #2040a060; box-shadow: 0px 0px 5px #0050a020; background: #ffffffa0; }  .tjAF7 { padding: 5px 0px; display: flex; justify-content: center; align-items: center; width: 50%; box-shadow: inset 0px 0px 20px #ffffff80; }  .hUoDo { background: #00f08010; color: #007030; border-right: 1px solid #00702030; text-shadow: 1px 1px 10px #00703020; }  .lR2Ll { background: #0090ff10; color: #003060; text-shadow: 1px 1px 10px #00307020 }    .tE8oE { cursor: auto !important; padding: 8px;; display: flex; justify-content: center; align-items: center; color: #fff; background: #0080d0; }  .pypM0 { background: #00a0b0; }  .uRYnt { background: #00a070; }  .bp3rL { width: 100px; display: flex; justify-content: center; align-items: center; background: #0080d010; }      .z7QsM { display: flex; height: 200px; width: 900px; padding: 10px; align-items: flex-end; margin: 5px 5px 30px 5px;; }  .uSaoy { background: #2060b0a0; border-radius: 5px; background: linear-gradient(45deg,#a0c0f0,#0070b0); position: relative;; }  .fSfyO { position: absolute; bottom: -22px; font-size: 90%; right: 0px ; }    .kd1rh { padding: 5px; margin: 5px;; direction: ltr; }  .lo5o3 { display: flex; padding: 2px 4px;; }  .af0NS { width: 110px; padding: 0px; }  .iV2oN { width: 50px; padding: 0px; }          .lIZkD { display: flex; flex-wrap: wrap; padding: 10px; }  .snNOr { width: 350px; height: 250px; position: relative; background: var(--vlxSD); margin: 10px ; border-radius: 10px; }   .e5NxL { margin: 10px 0; width: 100%; }  .sPMDI { width: 100%; height: 100%; margin: 10px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; }   .igW9E { width: 300px; height: 300px; position: relative; }   .nP1vQ { position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 5px 0px; background: #ffe0a050; color: #502030; }  .wjw7T { 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; }   .wjw7T { width: 100% }  .qp8y9 { width: 28.57%; height: 100%; position: relative; background: linear-gradient(to right, #ffffff20,#a0b0e020) ; border-right: 1px solid #20406010; }  .l3q38 { width: 14.29%; }  .vQc3j { position: absolute; top: 102%; left: -2px; opacity: .85; font-size: 85%; }  .eT7UF { position: absolute; width: 5px; height: 5px; border-radius: 50%; z-index: 20; }  .wlsp6 { background: #0050d0; }  .g6LmI { background: #d01000; }  .w4bxa { background: #00a050; }  .tDsLS { position: absolute; left: 0px; bottom: 0px;; z-index: 10; opacity: .1; }    .uF5uP { border: 1px solid #20406020; background: #ffffff20; height: 35px; margin-bottom: 6px; font-size: 110%; box-shadow: 1px 3px 10px #20406020; display: flex; }  .yMOOn { width: 100px; height: 100%; display: flex; padding: 0px 12px 0 5px; flex-grow: 1; align-items: center; white-space: nowrap; }  .eCWBR { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; direction: ltr; }  .mYFu1 { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; }   .zhLw2 {font-size: 85%; opacity: .85;}            .loupH { margin: 10px 20px; padding: 10px; font-size: 110%; color: #600010; text-shadow: 2px 2px 7px #ff500050; }    .tkVJ7 { margin: 10px 20px; min-height: 40px; display: flex; flex-wrap: wrap; }  .tkVJ7 > div { padding: 8px; margin: 2px 0px; }  .tpZhE { padding: 10px; min-width: 580px; margin: 5px;}    .odk2H { padding: 5px 8px; display: flex; align-items: center; z-index: 1000; }   .oTFwg { display: flex; padding: 2px 6px; }   .ungtc { display: flex; padding: 2px 4px; font-size: 90%; opacity: .8; }      .d1zGd { padding: 5px; z-index: 5; border: 1px solid var(--yz4we); display: flex; margin: 7px 0px ; background: var(--lcyBb); box-shadow: 0px 2px 15px var(--eEdGt); position: relative; transition: .2s; }  .fbCXi { padding: 0px; }  .d1zGd:hover { z-index: 10; border: 1px solid var(--wXpSN); background: var(--yTobr); box-shadow: 0px 2px 15px var(--jJ7zp); }  .cPsib { border: 1px solid var(--j9xcd); background: var(--lcyBb); box-shadow: 1px 3px 12px var(--jJ7zp); }  .hOZzL { border: none !important; transform: scale(.9) ; background: var(--dvtx8); opacity: .6; }  .hOZzL::after { position: absolute; z-index: 10; content: ""; top: 0px; right: 0px; left: 0px; bottom: 0px; cursor: not-allowed; }    .fkzhq { padding: 5px; width: 40px; min-height: 80px; }  .wzvFO { border: 1px solid var(--yz4we); 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; }  .wzvFO:hover { border: 1px solid var(--j9xcd); background: var(--lcyBb); box-shadow: 0px 1px 4px var(--jJ7zp) }    .t7M1C { padding: 5px; width: 100px; min-height: 80px; }  .l8LH9 { padding: 5px; width: 55px; min-height: 80px; }  .fBGZD { padding: 5px; width: 120px; min-height: 80px; }  .uNZlX { padding: 5px; min-width: 200px; flex-grow: 1; min-height: 80px; }    .cDQGV { padding: 5px; width: 105px; height: 35px; }  .ulE7r { display: flex; }  .kQESS { padding: 5px 0px; }  .sGlX8 { margin:6px 2px 0px 2px; font-size: 80%; padding: 5px; border: 1px solid var(--yz4we); cursor: pointer; border-radius: 5px ; transition: .2s; display: flex; justify-content: center; align-items: center; }  .sGlX8:hover { border: 1px solid var(--j9xcd); background: var(--lcyBb); box-shadow: 0px 1px 4px var(--jJ7zp) }    .c44Os { padding: 5px; flex-grow: 1; }  .n3iQd { width: 100%; display: flex; flex-wrap: wrap; max-width: 300px; max-width: 500px; }  .un66Q { width: 100%; display: flex; flex-wrap: wrap; width: 800px; }  .eZgm4 { width: 100%; display: flex; flex-wrap: wrap; }  .ukNLw { padding: 10px 4px; font-size: 92%; }  .wOdcP { display: none !important; }  .lX7r0 { padding: 5px 8px; width: 60px; display: flex; align-items: center; opacity: .85; }  .caoeo { color: #0030a0; background: linear-gradient(to left, #0000ff10, #00a0ff15); border-radius: 0px 5px 5px 0px; }  .f762s { padding: 5px; flex: 1; max-height: 500px; overflow: auto; ; }  .d7EPc { font-size: 85%; opacity: .85; }  .g24bT { background: linear-gradient(to left, #00a0ff15, #00ffff10, #ffffff00); color: #0030a0; }  .hjYE3 { padding: 5px 7px 5px 5px; opacity: .9; width: 100%; background: var(--dsZdi); font-size: 90%; margin: 3px 0px; border: 1px solid var(--yz4we); border-radius: 5px; }  .gThMX { direction: ltr; text-align: left; width: 100%; display: flex; padding: 1px; box-shadow: 0px 1px 4px var(--eEdGt); padding: 1px; background: var(--yTobr); border-radius: 5px; }  .g6JEY { width: 20px; padding-top: 1px; justify-content: center; font-size: 85%; opacity: .85; display: flex; align-items: center; ; }  .mBVJc { width: 25px; opacity: .5; ; display: flex; align-items: center; justify-content: center; }  .u6CWQ { flex: 1; font-family: monospace !important; border-left: 2px solid var(--wXpSN); padding: 1px 5px; }    .leRcN { padding: 5px; background: #00d07010; width: 100%; border-radius: 7px; margin: 5px; min-width: 700px; }  .gjEWd { padding: 5px; }  .yBkfJ { width: 100%; border-radius: 5px; ; border: 1px solid var(--yz4we); height: 500px; display: flex; flex-direction: column; overflow: hidden; }  .uoaUX { display: flex; background: var(--xr2lS); box-shadow: 1px 3px 7px var(--eEdGt); height: 40px;; }  .kZaoa { 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 }  .kZaoa:hover { color: #ffffff }  .psmOk { color: #ffffff }  .znQTU { flex: 1; overflow: auto; position: relative; margin: 10px; }  .lzMFI { width: 100%; display: none; padding: 5px; }  .nFPHI { display: block !important; }    .x2jDI { margin: 5px; border-radius: 5px; border: 1px solid var(--wXpSN); box-shadow: 1px 2px 7px var(--dsZdi); overflow: hidden; background: var(--lcyBb) }  .bI08l { padding: 7px 10px; cursor: pointer; box-shadow: 1px 3px 7px var(--dsZdi); background: var(--lcyBb) }  .snIRO { padding: 2px 5px; display: none; }  .nYpD4 { display: block; }  .d8nub { padding: 5px 10px; cursor: pointer; transition: .2s; }  .cBAh5 { opacity: .5; cursor: not-allowed !important; background: #e0e0e0 !important; box-shadow: none !important;}  .d8nub:hover { background: var(--lcyBb); box-shadow: 1px 3px 7px var(--dsZdi) }    .pLsJu { padding: 5px; width: 100% !important; max-width: 100%; border: 1px solid var(--wXpSN) !important; outline: none !important; background: var(--lcyBb); box-shadow: 1px 3px 7px var(--eEdGt); }  .gvUAN { 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(--wXpSN) !important; outline: none !important; background: var(--lcyBb); box-shadow: 1px 3px 7px var(--eEdGt); }  .zcCPj { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; height: 50px; text-align: right; direction: rtl; border: 1px solid var(--wXpSN) !important; outline: none !important; background: var(--lcyBb); box-shadow: 1px 3px 7px var(--eEdGt); }  .q2L7A { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; text-align: left; direction: ltr; background: var(--lcyBb); border: 1px solid var(--eGAj1) !important; box-shadow: 1px 3px 10px var(--dsZdi); }  .y4HhV { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; height: 100px !important; border: 1px solid var(--wXpSN) !important; outline: none !important; background: var(--lcyBb); box-shadow: 1px 3px 10px var(--dsZdi); }  .o74Po { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; background: var(--lcyBb); border: 1px solid var(--eGAj1) !important; box-shadow: 1px 3px 10px var(--dsZdi); }  .zO3OW { }    .haPlF { padding: 10px;;}    .c8OJZ { border: 1px solid var(--yz4we); display: flex; ; }  .dtXV0 { border: 1px solid var(--yz4we); display: block; padding: 10px; }  .xQqqB { height: 30px; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 10px; }  .naySu { padding: 5px 8px; margin: 10px; }  .tNWLr { border: 1px solid var(--yz4we); border-radius: 3px; cursor: pointer; background: var(--iVh2g); transition: .2s; }  .tNWLr:hover { border: 1px solid var(--zmBfH); background: var(--yTobr); transition: .2s; color: var(--pc2vg); }          .m99aL { min-height: 100%; min-width: 300px;}  .dh90W { background: linear-gradient(45deg,#f59700,#fae864); }    .kxSDA { height: 730px; background: linear-gradient(to right, #ffd050, #c00000); position: relative; overflow: hidden; z-index: 1; }  .z9OWb { height: 200px; max-width: 700px; }  .ysBaE { 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;;  }  .ysBaE:hover { box-shadow: 0px 0px 200px #fff00070, 0px 0px 1px 125px #fff0ff50, 0px 0px 1px 400px #fffff060; background: #ffffa0b0; }  .qwLVb { 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);  }  .duNuW { 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;  }  .duNuW:hover { transform: rotate(-1deg) scale(1.2) }      .oIvcl { 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;  }  .oIvcl:hover { background: #c0f0ff60; padding: 15px 20px; border: solid 1px #ffffffa0; transform: translate(-10px, 0px) scale(1.05); box-shadow: 5px 10px 20px #0050b040; }  .tJMqH { padding: 12px 0px 0px 0px; font-weight: bold; }  .wHZfx { padding: 2px 55px 0px 2px; font-size: 85%; font-weight: normal; }      .ay5Fa { background: #ffffffa0; padding: 30px 20px; position: relative; box-shadow: 0px 4px 25px #20406050; }  .yVZhs { display: flex; }  .bOfOQ { 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;; }  .m2EQR { 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 }        .vIBTu { 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; }  .wCLmC { padding: 15px; color: #fff; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 6px #f59700;   background: linear-gradient(to left, #f59700, #fae864); }  .s42oj { padding: 25px 10px; display: flex; flex-wrap: wrap; }  .sVEq3 { padding: 20px 20px 0px 20px; min-height: 200px; position: relative; max-width: 450px; }  .gfSAS { padding-left: 10px; perspective: 200px;; }  .eENmg { max-width: 500px; max-height: 200px; overflow: hidden; }  .pVcyn { width: 100%; }  .mak2M { 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%;; }  .cQ2ab { 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; }      .d0rNg {   /* 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;  }  .xUFgO { background-color: #fafffd; }  .aDkVX { 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; }  .l9wWd { padding: 10px 50px 40px 60px; font-size: 115%; display: flex; flex-wrap: wrap; width: 100%;   background: linear-gradient(to right, #f0ffff00, #ffefff50,#f0ffff00);  }  .lzIyW { 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;  }  .n73bS { display: flex; flex-wrap: wrap; width: 100%; font-size: 110%; }  .cB5Rk { 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); }      .a9jsP { padding: 15px 0px; width: 100%; }  .n4S4M { padding: 4px 0px; font-weight: bold; font-size: 110%; color: #009030; position: relative; }  .c8FbR { position: absolute; top: 4px; bottom: 10px; right: -40px; width: 40px; display: flex; justify-content: center; align-items: center; }  .c7Vog { 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); }    .cVqub { padding: 4px 0px; ; position: relative; max-width: 900px; }            .xjSBR { background: #ffffffe0; padding: 30px 2%; position: relative; z-index: 100; box-shadow: 0px 0px 20px #2040a020; font-size: 110%; }  .pnd1d { padding: 15px; margin: 1%; font-size: 120%; }    .lC3pX { 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; }  .vBx10 { color: #0060c0; font-size: 105%; padding: 5px 0px; font-weight: bold; }  .hhS3o { opacity: .9; font-size: 85%; padding: 3px; }    .jhwI5 { padding: 12px; display: flex; }  .gLTvd { padding: 5px 10px; display: flex; margin: 0px 7px; border: dashed 1px #0060c0a0; transition: .2s; background: #f0f5fa; cursor: pointer; border-radius: 3px; }  .gLTvd:hover { color: #0060c0; border: solid 1px #0060c0; background: #ffffff }          .akPge { padding: 0px !important; overflow: hidden;}  .wQfJe { padding: 50px 0px !important; overflow: hidden;}  .ly1oq { border-radius: 5px; box-shadow: 2px 8px 25px #a0008080; }  .xTmjz { display: flex; justify-content: center; align-items: center; height: 450px; position: relative; overflow: hidden; cursor: pointer; }  .vqaEJ { height: 100%; transition: 1.5s; }  .faQpQ { height: 100%; max-width: none !important; }  .u0bQu { position: absolute; bottom: 20px; padding: 10px; left: 50px; right: 50px; display: flex; justify-content: center; align-items: center;   z-index: 10; ;  }  .eFDHW { 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;  }    .xTmjz:hover > .vqaEJ { transform: scale(1.2) rotate(3deg);}  .xTmjz:hover > .u0bQu > .eFDHW { transform: scale(1.1) }            .i9DR1 { width: 100%; max-width: 1000px; padding: 5px; }    .xtoeb { display: flex; border: 1px solid #20406030; width: 100%; height: 340px; }  .zH6D4 { flex: 1; }  .fv7sj { width: 40px; position: relative; padding: 0px 7px; z-index: 101; }  .unNtF { position: absolute; left: 6px; direction: ltr; font-size: 90%; }  .u9hrB { font-size: 85%; padding: 0px; }  .xlIZr { font-size: 85%; padding: 1px 5px 0px 4px; direction: ltr; }  .rbV8d { top: 5px; }  .nx6Dk { top: 121px; }  .f46zg { top: 240px; }    .yftTk { width: 100%; height: 300px; position: relative; margin: 10px 0px 0px 0px; border-top: 1px solid #20406030; }  .lxk1P { width: 90%; height: 250px; position: relative; margin: 10px 0px 0px 0px; }  .m9mGx { width: 100%; height: 50px; position: relative; background: #00b04005; z-index: 1000; display: flex; justify-content: center; align-items: center; }   .o5jv9 { transform: rotate(50deg); color: #0000a0; }   .bck1X { position: absolute; right: 150%; bottom: 28%; width: 430px; display: none; background: #fffffff0; padding: 7px 10px; box-shadow: 2px 6px 10px -3px #20406030; }   .m9mGx:hover > .bck1X { display: block; }    .uBH4I { 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; }  .yIylD { 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; }  .e1JCl { flex: 1; }   .hEbBu { background: linear-gradient(to top, #ffffff05, #00a05005); border-top: 1px solid #00802030; }   .n2ALh { background: linear-gradient(to top, #c0000005, #ffffff05); border-bottom: 1px solid #b0000030; }    .tJ3WA { width: 100%; height: 100%; left: 0px; top: 0px; direction: ltr; position: absolute; z-index: 1; display: flex; overflow: hidden; ; }  .j1gXC { width: 28.57%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }  .xtLyf { background: linear-gradient(to right, #20406010, #20406010); }  .y8Vhn { width: 14.286%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }    .td9qa { height: 100%; position: absolute; top: 0px; width: 0.74%; z-index: 10; }  .td9qa:hover { z-index: 200; }  .ir2CW { position: relative; width: 100%; height: 100%; z-index: 1; transition: .2s; }  .ir2CW:hover { background: #ffffffa0; z-index: 2; box-shadow: 0px 0px 5px #20406010; }    .qtobJ { 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;  }  .a3Vv1 { display: flex;}  .ir2CW:hover > .qtobJ { display: block; }  .vIrsn { left: 180%; }  .eOgTF { right: 180%; }   .gVQmG {display: flex;}   .cElVN {min-width: 85px;}   .sTvbA {min-width: 45px;}   .wLQXF {min-width: 45px;}   .pXVVJ {min-width: 35px;}      .u5liD { width: 100%; height: 240px; position: relative;}  .dsEOf { width: 100%; background: #00a0ff10; position: relative;}    .vyrMa { width: 100%; height: 50px; position: relative;}  .fxsuu { position: absolute; left: 0.5px; right: 0.5px; bottom: 0px; border-radius: 2px 2px 0px 0px; background: #0050c0a0; }    .pZGbO { width: 100%; height: 28px; position: relative; display: flex; direction: ltr; }  .husHu { text-align: left; white-space: nowrap; padding: 4px 6px; border-left: solid 1px #20406020; }  .vFjMy { font-size: 80%; padding: 5px 7px; ;}                            .tx8Wd { padding: 5px; min-width: 500px; width: 100%; }  .qqW8H { margin: 7px 0px; border: 1px solid #20406020; border-radius: 6px; overflow: hidden;; }  .j2DBA { padding: 10px; background: #f0faff; transition: .2s; cursor: pointer; transition: .2s; }  .j2DBA:hover { padding: 10px; background: #fff; font-weight: bold; }  .yINbP { padding: 5px; margin: 7px 0px; background: #f0fffa; display: none; border-radius: 5px; overflow: hidden;; }  .tbJvk { display: flex; flex-wrap: wrap; }    .by7AI { }  .mgoDX { font-size: 85%; opacity: .85; padding: 4px 15px 4px 5px; ; }      .qYGcA { width: 100%; display: flex; margin: 6px 2px; border: 1px solid #20406020; background: #e0f0ff; padding: 5px; border-radius: 5px;   transition: .2s; max-width: 500px; }  .qYGcA:hover { border: 1px solid #2040a050; background: #c0f0ff; }  .tSGBb { width: 120px; margin: 0px 0px 0px 6px; background: #fffaff; overflow: hidden;   border: 1px solid #20406050; border-radius: 3px; ;  }  .x8i1O { padding: 4px 0px;}  .jZslv { cursor: pointer; transition: .2s; }  .jZslv:hover { background: #ffffff; border: 1px solid #2040f0a0; }  .lXYB6 { display: flex; padding: 2px 7px; }  .rd7Pc { height: 1px; margin: 5px 0px; background: #20406030; }  .rjknb { padding: 0px 2px; color: #0040f0; font-weight: bold; }  .xzrnG { opacity: .85; font-size: 85%; padding-top: 2px; }  .ctyx2 { flex: 1; direction: ltr; font-family: monospace !important; word-spacing: nowrap; }  .oOtj4 { flex: 1; direction: ltr; font-size: 85%; opacity: .85;; }  .v8TLM { flex: 1; direction: rtl; }  .hFwSB { flex: 1; margin: 0px 0px 0px 0px; background: #f5ffff; padding: 0px; overflow: hidden;   border: 1px solid #2040f030; border-radius: 3px; ;  }    .vcNhe { padding: 10px 15px; font-size: 110%; color: #004060; background: linear-gradient(to left , #00a0ff30 ,#d000ff10,#f000ff00) }  .wJkFq { cursor: pointer; position: relative; transition: .2s; overflow: hidden; }  .wJkFq:hover { transition: .2s;   color: #0040a0;   text-shadow: 1px 1px 1px #ffffff, 1px 2px 10px #ffffff;   font-weight: bold;  }  .wJkFq::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;  }  .wJkFq:hover::before { width: 110%; }  .uVeiu { padding: 8px; font-size: 85%; ; }  .r8wdn { display: flex; flex-wrap: wrap; }   .qFAJr { width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -2px; right: -2px; z-index: 1; background: #ffc050e0;; }   .mYZZs { top: auto; right: auto; left: 4px; bottom: 2px; background: #ffc050b0;; }   .n0fzQ { width: 100%; display: flex; flex-wrap: wrap; padding: 6px 0px 0 0 !important; min-width: 208px; }   .yiD6r { width: 100%; }   .jfQzx { display: flex; flex-wrap: wrap; border: 1px solid #20406020; border-radius: 4px; margin: 2px 3px; position: relative; }   .yhIID { padding: 4px 6px 4px 8px; }   .ptHaF { padding: 4px 8px 4px 6px; direction: ltr; }   .s1PnC { padding: 4px 8px 4px 6px; }  .jWaxm { padding: 1px 3px; background: #fff; direction: ltr; text-align: left; }  .cEWxG { direction: ltr; text-align: right;}                      .jNBjJ { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; direction: ltr; }  .mplxm { height: 32px; margin: 2px 0px; border: 1px solid #204060a0; width: 100%; background: #fff; }      .x2WL6 { display: flex; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; }  .fDVZ4 { height: 100%; margin: 2px 2px; border: 1px solid #204060a0; width: 32px; background: #fff; }                      .oDwQj { padding: 10px 2%; }  .s3eCP { 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);  }   .kT5k8 { font-size: 120%; padding: 7px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }   .mYc2H { font-size: 90%; padding: 5px 8px; }     .ql2HW { padding: 5px 8px; border-top: 1px solid #20406020; display: flex; }   .ufQMl { padding: 0px 8px; display: flex; align-items: center; min-width: 100px; ; }        .y41Qh { margin: 3px; flex-grow: 1; border: 1px solid #20406030; border-radius: 4px; background: linear-gradient(to top, #f0faff, #ffffff50);}  .ouQIn { font-size: 105%; padding: 3px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }    .tIAiX { padding: 4px 7px; display: flex; font-size: 90%; }  .mspFL { padding: 0px 7px; display: flex; align-items: center; min-width: 80px; ; }            .g0TaS { padding: 5px; width: 100%; min-width: 350px; min-height: 100%; position: relative; line-height: 1.7; background: #fafdffa0; font-size: 110%;}    .fS23F { padding: 7px 4%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-width: 350px; }  .ytiue { width: 100%; max-width: 1100px; }      .iRaaB { padding: 30px 2% 10px 2%; font-size: 120%; font-weight: bold; }  .glhPn { padding: 10px 2% 30px 2%; font-size: 110%; }    .hM32L { padding: 5px 1%; }                  .vVDvf { display: flex; flex-wrap: wrap; padding: 10px 3% ; }  .fgry0 { padding: 10px 20px; cursor: pointer; border: solid 1px #20406040; margin: 10px; background: #ffffff; box-shadow: 2px 10px 20px -4px #20406020; border-radius: 4px; }    .qT0rJ { padding: 10px 3% ; }   .cLyQV { max-width: 300px;; }            .dhkjf { padding: 5px 1%; }   .eUylU { min-width: 470px; display: flex; flex-wrap: wrap; }   .fDjJA { padding: 4px 8px; }   .zRHYG { 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); }   .mC9PJ { width: 460px; border: 1px solid #20406030; border-radius: 4px 0px 4px 4px; overflow: hidden; }   .rJQCy { display: flex;; border: 1px solid #20406030; font-size: 90%; line-height: 1.2; }   .oYOrt { width: 200px; min-height: 25px; padding: 5px 10px 5px 5px; border-left: 1px solid #20406020; }   .vrhyQ { width: 160px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; border-left: 1px solid #20406020; }   .mhhX7 { width: 100px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; background: #fff; }   .qQp1I { width: 22px; height: 100%; display: flex; justify-content: center; align-items: center; }   .qJ26T { width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 5px; }   .x3VAx { transform: scale(1.4) !important; }   .hMt04 { transform: scale(1.15) !important; }   .jsFCJ { background: #00ff8040; color: #008020; }   .oeOGN { background: #ffa05040; color: #805000; }   .whu5S { background: #ff205015; color: #c00000; }   .wp5SQ { display: flex; line-height: 1.2; padding: 3px 5px; justify-content: center; align-items: center; text-align: center; }   .aLL3H { color: #805000; }          .c00HI { display: flex; flex-wrap: wrap; justify-content: center }   .fLmO4 { width: 100%; max-width: 1200px; }   .mtvtR { width: 100%; max-width: 1400px; }   .uU7ex { width: 100%; max-width: 1800px; }  .fslpY { padding: 5px; min-width: 1200px; }   .fkb0i { padding: 5px; display: flex; min-width: 1200px; }   .jPwM8 { margin: 5px 1%; flex-grow: 1; min-width: 350px; border: 1px solid #20406030; height: 500px; overflow: hidden; display: flex; flex-direction: column; }   .xUwR3 { background: #00f05040; color: #004010; }   .nWoXv { background: #f0002040; color: #400010; }   .aOXkO { background: #0050f040; color: #001040; }   .zgcbw { height: 40px; min-height: 30px; box-shadow: 0px 0px 10px -2px #20406020 ; display: flex; }   .lbU5R { height: 100%; display: flex; align-items: center; padding: 0px 15px; background: linear-gradient(to right, #ffffff50, #10305010); }   .gMlOT { height: 100%; display: flex; align-items: center; padding: 0px 10px 0px 5px; font-size: 90%; opacity: .8;; }   .rgVOR { height: 100%; display: flex; align-items: center; padding: 0px 5px 0px 5px; font-weight: bold; direction: ltr; }   .iEQ0m { flex-grow: 1; overflow: auto; background: #ffffffa0; padding: 4px 0 5px 0; }   .dhX72 { display: flex; height: 30px; margin: 0px 2px; border: 1px solid #20406020; }   .dUAHA { display: flex; height: 100%; align-items: center; margin: 0px 0px 0px 2px; border-left: 1px solid #20406020; }   .rer5g { width: 50px; padding: 2px 2px 2px 4px; }   .hTQH0 { width: 100% !important; direction: ltr; color: inherit !important; background: #ffffffb0; }   .xzQFa { padding: 2px 0px 2px 0px; }   .eRe8U { 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; }   .k0ZEk { display: flex; position: relative; padding: 0px 0px ; width: 65px; min-width: 65px; white-space: nowrap; overflow: hidden; }   .p37wv { border: 1px solid #ffffff00; }     .mJWUN { 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; }   .a38Ls { width: 100%; height: 80px; padding: 5px 0px; box-shadow: 0px 0px 10px -2px #20406020 ; }   .jbHsg { width: 100%; height: 50%; justify-content: center; display: flex; padding: 4px; }   .s0nDJ { width: 100%; flex-grow: 1; overflow: auto; padding: 4px 5px; }   .qtIZQ { height: 29px; margin: 1px; display: flex; padding: 0px 5px; }   .mCzVB { padding: 0px 5px; min-width: 40px; height: 100%; border-radius: 4px; justify-content: center; align-items: center; display: flex; cursor: pointer;; }   .rUSz9 { color: #00a020; }   .ulG0S { color: #fff; background: #00a020; }   .qyeXx { color: #b00010; }   .fdXGV { color: #fff; background: #b00010; }   .s3RPF { color: #0020a0; }   .yluoY { color: #fff; background: #0020a0; }   .zpkiW { flex-grow: 1; padding: 0px 5px 0 0; white-space: nowrap; overflow: hidden; display: flex; align-items: center; height: 100%; }   .oDYcj { display: flex; align-items: center; height: 100%; min-width: 40px; justify-content: center; direction: ltr; }       .uac8M { display: flex; width: 100%; min-width: 1100px;;}    .qTnVP { padding: 5px 10px; }   .iQM56 { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; box-shadow: 0px 5px 15px -5px #2040a020; }   .fNaYd { 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;; }   .i0Mw0 { background: #ffffff50; margin: 3px 5px; padding: 0px; }   .fNaYd:hover { background: #ffffff; box-shadow: 1px 4px 15px -5px #20406050; z-index: 10;; }   .bXpde { display: flex; align-items: center; padding: 0px 0px 0px 5px; }   .k5CcZ { 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); }   .g3GZ7 { background: #ffffff50; margin: 0px; }   .k5CcZ:hover { background: #00a0ff20; color: #002080; }   .fkAjo { position: relative; }   .coMrJ { cursor: pointer; width: 100%; padding: 3px; }   .coMrJ:hover { background: #00a0ff20; }   .uXxrQ { font-size: 90%; width: 100%; transform: scale(.8) translate(50px, 0px); cursor: pointer; padding: 3px; }   .ho1H0 { font-size: 90%; width: 100%; }    .sCggP { display: flex; justify-content: center; padding: 5px 10px; }   .jyojW { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; }   .aUcP3 { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .nsx2G { padding: 4px 5px; cursor: pointer; display: flex; height: 35px; font-size: 90%; align-items: center; background: #ffffff50; }   .fJiw4 { height: 50px; border-bottom: 1px solid #20408040; }   .p90rH { padding: 0px 15px 0 10px; color: #006020;}   .qvABj { padding: 0px 15px 0 0; flex-grow: 1; color: #002060; }   .fOpc8 { padding: 0px 10px; opacity: .7; }     .ammet { padding: 5px ; display: none; }   .nch8I { display: flex; flex-wrap: wrap; justify-content: center; }   .u22xp { display: block; background: #b050ff05; }     .vdEz7 { padding: 5px ; border: 1px dashed #20406030; background: #fff; margin: 10px 5px; }   .ln00M { 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;; }   .ln00M:hover { border: 1px solid #2040a0a0; box-shadow: inset 0px 0px 5px #2060c050; }   .anQ8I { border: 1px dashed #20406000 !important; opacity: .75; cursor: auto; }   .hEHxT { display: flex; padding: 4px 10px; }   .sa1P0 { padding: 1px 5px 0px 16px; color: #008030; font-size: 85%; }   .iX7s4 { display: flex; }   .q9Vy0 { margin: 5px; flex-grow: 1; border: 1px solid #20406020; padding: 2px 5px 1px 5px; border-radius: 4px;}   .qVimf { background: #e0fff5a0; color: #006010; border: 1px solid #00a02040; }   .kBrJp { background: #fff0f5a0; color: #600010; border: 1px solid #a0002040; }   .ht49B { background: #f0f5ffa0; color: #203060; border: 1px solid #0020a040; }   .ghI0o { display: flex; }   .cvyxX { display: flex; font-size: 85%; }   .tt0ld { flex-grow: 1; padding: 1px 3px; }   .y0MN7 { padding: 1px 3px 1px 1px; }   .w92Yj { display: flex; justify-content: space-evenly; padding: 3px 0px; position: relative; }   .uSUQE { 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;}   .w2vr5 { display: flex; }      .aJE3U { 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; }   .yugUB { background: #fafffd; box-shadow: 0px 5px 15px -5px #00802030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #00802030; }   .k9tJy { background: #fffafc; box-shadow: 0px 5px 15px -5px #a0001030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #a0001030; }   .zuk3T { background: #fafbff; box-shadow: 0px 5px 15px -5px #0000a030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #0000a030; }   .drkHz { padding: 10px 10px 0px 10px; height: 40px; align-items: center; display: flex; }   .t6z63 { padding: 0px 10px 0px 20px; display: flex; }   .bAQ8X { padding: 4px 8px; width: 100%; }   .lB9BM { padding: 0px 2px; width: 100%; display: flex; position: relative; }   .hcOjM { 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; }   .lB9BM:hover > .hcOjM { opacity: 1; }   .gq2Zb { padding: 0px 8px; display: flex; }   .xqfj2 { padding: 0px; display: flex; align-items: center; }   .e63Rp { padding: 1px 10px 0px 0px; font-size: 80%; opacity: .8; }   .oQGSU { padding: 1px 4px 0px 5px; font-size: 115%; font-weight: bold; }   .cgs6D { padding: 1px 0px 0px 5px; font-size: 80%; opacity: .7; }   .jbBbG { padding: 1px 8px 0px 8px; font-size: 95%; direction: ltr; }   .u1Qii { padding: 0px 15px 2px 15px; font-size: 140%; font-weight: bold; }   .kYOZv { color: #006020; text-shadow: 1px 3px 6px #00f060a0; }   .fSr3t { color: #800000; text-shadow: 1px 3px 6px #f0004050}   .vsrDM { padding: 0px 8px; font-size: 115%; }   .nxvs2 { direction: ltr; }   .xM552 { position: relative; width: 100%; height: 12px; border-radius: 4px; background: #f0faff; box-shadow: inset 0px 0px 3px 1px #20406040;}   .beBcR { 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;}   .u0s5c { background: linear-gradient(to bottom, #00a030, #008030, #008010); }   .u6Xns { background: linear-gradient( to bottom, #c00010, #a01010, #a00000); }   .ct1vJ { padding: 10px 10px; }   .gR2fN { margin-top: 32px;}   .dXcBm { padding: 0px 0px; border: 1px dashed #00206050; margin: 5px 0px; border-radius: 4px; }   .itv26 { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .fGn2N { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .lr4Yn { background: #0050ff20; }   .bZPv8 { padding: 0px 15px 0 0; width: 190px ; }   .qmFAf { padding: 0px 15px; opacity: .7; }   .ibSSF { padding: 5px ; display: none; max-height: 300px; overflow: auto; }   .tjfvr { border-radius: 5px; font-size: 85%; height: 28px; display: flex; cursor: pointer;; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; }   .tjfvr:hover { background: #008090; color: #fff; }   .t7Bfz { width: 80%; padding-right: 4px; display: flex; height: 100%; align-items: center; white-space: nowrap; }   .hxtcC { height: 100%; display: flex; width: 20%; align-items: center; white-space: nowrap; overflow: hidden; }   .pS8zY { display: block;}      .uMR6m { border: 2px solid #20406040; min-width: 1150px; margin: 10px 1% 20px 1%; box-shadow: 2px 5px 20px -5px #20406030; border-radius: 4px; overflow: hidden;; }   .lOVnT { display: flex; height: 50px; background: #ffffffa0; box-shadow: 0px 0px 20px -5px #20406050; }   .psdoY { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 120%; font-weight: bold; }   .k7viM { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 110%; }   .bF8O0 { padding: 5px; width: 100%; }   .ahjZn { flex-grow: 1; margin: 15px 1%; font-size: 110%; justify-content: center; align-items: center; }   .wVGgm { flex-grow: 1; padding: 5px 12px; align-items: center; display: flex; }   .vVMEh { padding: 5px 12px; font-size: 110%; }   .p4HLG { padding: 5px 12px; font-size: 110%; direction: ltr; }   .nfhk5 { padding: 5px 12px; }   .sUxWA { display: flex; padding: 2px 10px; height: 40px; background: #fff; margin: 5px 0px; align-items: center; }   .iDdJL { padding: 0px 5px; font-size: 85%; opacity: .8; }   .duGrb { padding: 0px 10px 0px 10px; font-size: 105%; direction: ltr; }   .hTAw7 { padding: 5px 10px; min-width: 200px; }   .zTZcy { height: 20px; }   .w2jbq { padding: 5px 10px 10px 10px; font-size: 85%; text-align: center; }                            .r2UVa { position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; }  .zulqU { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 14px; line-height:1.4; }  .dsHjZ {  }      #oNZgr { 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;  }  .mlGbP { animation: sF2Gp 0.3s 1; }  .eHpLG { animation: yUG5c 0.3s 1; }  .iORtW { animation: hXPeP 0.3s 1; }  .tjwn8 { animation: odGI2 0.3s 1; }    .n9LjA{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .cnw9t { z-index: 23000000 }  .sutIe { z-index: 25000000 }  .sutIe:hover { z-index: 28000000 }  .pindivleft1 { z-index: 27300020; }  .opdivleft1 { z-index: 27200020; }  .fGajh{ z-index: 27300020; }  .mJzI5 { z-index: 27200020; }  .hA2wW { z-index: 27100020; }  .liUwB { z-index: 27000000; }  .rCWXs { z-index: 2400000 !important; }    .fGa8R{ z-index: 2500000; }  .fGa8R:hover { z-index: 27000000; }    .uUXVG { z-index: 40000000 }    .qqLfx { z-index: 18000 }    .wxRq6 { top: 1px; left: 0px; right: 0px;;z-index: 225; height:28px }  .myTopHeadrHeight { height: 40px; }  .wxRq6F { 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}  #d5mjL { 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; }  .d5mjLR { right: 41px !important; }  .d5mjLL { left: 41px !important; }  .myWidthTopBox1 { top: 0px !important; left: 0px !important; right: 0px !important; z-index: 9999999 !important; }          #b7vUe { height:28px ; bottom: 0px ; left: 351px ; right: 121px ; z-index: 110; }  .b7vUeR { right: 41px !important }  .b7vUeL { left: 40px !important }  .b7vUeH { height: 200px !important }        #wOFud { top:58px ; left: 351px;right: 121px;bottom: 29px; z-index: 100; }  .wOFudR { right: 41px !important; }  .wOFudL { left: 40px !important; }  .wOFudB { bottom: 200px !important; }  .wOFudT { 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;; }        #psaxz { top:29px ; width: 100% ; max-width: 350px;left: 0px;height: 35px;position: fixed; transition: .3s; ; z-index: 220; display: flex; flex-wrap: wrap; }  .urOU7 { margin: 0 0 5px 5px; }  .hyaES { height: 100% ; max-width: 40px !important ; bottom: 0px ; display: block !important }  .hyaES > .wPWeR > .rqTZa {display: none !important;}      #nnQ0I { top:62px ; width: 100% ; max-width: 350px;left: 0px;bottom: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 210; }  .mSGSV { left: -310px !important; opacity: 0; }      .djPuM { top:0px ; bottom: 0px;left: 0px;right: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 220; display: none; background: #0050b050; }    #fvJOz { min-width: 350px; max-width: 500px; left: 5px;bottom: 35px;position: fixed; transition: .3s; z-index: 210000; }      @media (max-width: 570px)  {   #fvJOz { max-width: 100%; }   .mSGSV{ left: -350px !important ; }   #snLOj { display: none !important; }  }    @media (max-width: 700px)  {   .pyxLP { right: 0px; max-width: 100%; width: 100%; }    }      @media (max-width: 1800px)  {   #wOFud { right: 40px; }   .wOFudR { right: 40px !important ; }      }    @media (max-width: 1400px)  {   #wOFud { left: 40px; right: 40px; }   .wOFudR { right: 40px !important ; }   .wOFudL { left: 40px !important; }     #d5mjL { left: 40px ; }   #b7vUe { left: 40px ;}    }    @media (max-width: 925px)  {   #d5mjL { left: 40px ; right: 40px; }     #b7vUe { left: 40px ; right: 0px }   .b7vUeR { right: 0px !important }   .b7vUeL { left: 0px !important }     .myRightPan { width: 40px !important; right: -41px !important;; }     .hyaES { left: -310px !important ; max-width: 350px !important ;height: 40px ;position: fixed ; }     #wOFud { left: 0px; right: 0px; }   .wOFudR { right: 0px !important ; }   .wOFudL { left: 0px !important; }   .hyaES { height: 35px !important ; max-width: 400px ; bottom: auto ; display: flex !important }     .hyaES #psaxz { height: 28px; }   .myTime{ border: none }   .h9kOc{ border: none }  }                    .lTU5u { top: -400px !important; opacity: 0 !important; }  .xNfGC { top: -500px !important; opacity: 0 !important; }  .t6CLO { right: -500px !important; top: 200px !important; opacity: 0 !important; }  .wowum { left: -500px !important; top: 200px !important; opacity: 0 !important; }  .p6ACe { opacity: 0 !important; top: 500px !important }  .m7ZWD { transition: 500ms !important; }          @media (min-width: 1px) and (max-width: 500px)  {   .dvtjr   {   display: none !important;   }   .rQ9AO   {   display: block !important;   }  }    .vP0Pw { display: none !important;}  @media (min-width: 1px) and (max-width: 850px)  {   .oIrSg   {   display: none !important;   }   .vP0Pw   {   display: block !important;   }  }    .egFtZ { display: none !important;}  @media (min-width: 1px) and (max-width: 1100px)  {   .bHdYp   {   display: none !important;   }   .egFtZ   {   display: block !important;   }  }    @media (min-width: 1px) and (max-width: 500px)  {    }    @media (min-width: 1px) and (max-width: 1100px)  {   .ldtGX {padding: 0px 4px !important;}   .teYoS { min-width: 180px !important; }   .m2Oq5 { min-width: 40px !important; }   .vsvHm { width: 65px !important; }   .sutIe { padding: 0px !important; left: 40px !important; box-shadow: none !important; outline: none !important; height: 30px !important; }   .peirp { padding: 0px 0 0 2px;}   .wHoa3 { width: 40px !important;}  }                        .mHqC3 { position: relative !important; }  .h7YFW{ 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);} }      .uTXVT{ 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;}  .v6BFL{ background: #f0e0a000 !important; }  .rSYlV{ min-height: 100% !important; background: #f0e0a000; }      @keyframes rArkX {   0%{ opacity: 0; transform: translate(40px, 0px) rotate(2deg); }   65%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }      @keyframes h36m4 {   0%{ opacity: 0; }   100%{ opacity: 1; }  }  @keyframes hAYjx {   0%{ opacity: 0; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }    @keyframes yDUv2 {   0%{ opacity: 0.5; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes qUQvG {   0%{ opacity: 0.7; transform: scale(.9); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes inu9T {   0%{ opacity: 0.5; transform: scale(.8) translate(20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes epN1m {   0%{ opacity: 0.5; transform: scale(.8) translate(-20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes xjNA4 {   0%{ opacity: 0.5; transform: scale(.8) translate(0px,20px); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes oEJ3w {   0%{ opacity: 0.4; transform: scale(.8) translate(40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes qsHX9 {   0%{ opacity: 0.4; transform: scale(.8) translate(-40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes cEiI6 {   0%{ opacity: 0; transform: translate(-310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }  @keyframes ojOCJ {   0%{ opacity: 0; transform: translate(310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }    @keyframes wNUhW {   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 bpTmJ {   0%{ opacity: .2; transform: translate(150px, 0px) rotate(5deg); }   75%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    @keyframes lrPtF {   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 zeNmc {   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 ymtA8 { 0%{ opacity: 0; } 100%{ opacity: 1; } }  @keyframes gYQPc { 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 1; } }  @keyframes bP77p { 0%{ opacity: .2; transform: translate(100px, 0px); } 100%{ opacity: 1; } }  @keyframes oTN4k { 0%{ opacity: 1; transform: translate(-150px, 0px); } 100%{ opacity: 0.2; } }  @keyframes mt79n { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes jIVHX { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes rkGdB { 0%{ opacity: 0; transform: translate(400px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes jlwOy { 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 bQ9Tl {   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 dsFhR {   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 obsVX { 0%{ opacity: 0; transform: translate( 0px, 250px) scale(.5); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes eu4ox { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 100%{ opacity: 0; transform: translate(-100px, 100px) scale(.4) } }  @keyframes inqY0 { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 50%{ opacity: .8; } 100%{ opacity: 0; transform: translate(100px, 700px) scale(.2) } }  @keyframes yQBTu { 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 zbuin { 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 u3aP7 { 0%{ opacity: 0} 30%{ opacity: 1; } 70%{ opacity: 1; } 100%{ opacity: 0; } }  @keyframes kLqls { 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 cNLJ6 { 0%{ display: none; opacity: 0} 90%{ display: block; opacity: 0} 100%{ opacity: 1; } }      @keyframes ld45Q { 0%{ opacity: 0} 100%{ opacity: 1; } }  @keyframes xUyea { 0%{ opacity: 1} 100%{ opacity: 0; height: 0px; } }      @keyframes fHUB4 { 0%{ offset: 1px solid #00a050;} 100%{ offset: 1px solid #00a050 } }      @keyframes e79oc { 0%{ opacity: .5; transform: translate(0,0); } 40%{ opacity: .5; transform: translate(0px,2px); } 100%{ opacity: 1; transform: translate(0,0); } }    @keyframes vSObu { 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 olykq { 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 tkek4 { 0%{ transform: translate(-10px,0px) ; opacity: .5 } 100%{ opacity: 1; transform: translate(0,0) ; } }  @keyframes b2RFH {   0%{ background: #00a0ff00; color: #234; }   40%{ background: #c0e0ff30; color: #00f }   100%{ background: #00a0ff00; color: #345 }  }      @keyframes mHxgr {   0%{ opacity: 1; background: #ffff0020; font-weight: bold; color: #700030; }   70%{ opacity: 1; background: #00ffff20; }   99%{ opacity: 0; }   100%{ opacity: 0; display: none; }  }    @keyframes zJuAt {   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 hslYi { 0%{ height: 0%; } 100%{ height: 100%; } }                @keyframes y1Bip  {   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 o7AqX  {   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 jd7MV {   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 nNbUD {   0%{ transform: translate( 0px,-50px) ; opacity: 0; }   50%{ transform: translate(0px,-50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes tplkb {   0%{ transform: translate( 0px,50px) ; opacity: 0; }   50%{ transform: translate(0px,50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes petYy {   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 ssJeC {   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 v5Sn4 {   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 cQvwa {   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 pzQVN {   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 zdbeS {   from { transform: rotate(0deg); }   to { transform: rotate(1080deg); }  }    @keyframes sF2Gp { 0%{ opacity: 0; transform: translate(50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes yUG5c { 0%{ opacity: 0; transform: translate(-50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes hXPeP { 0%{ opacity: 0; transform: translate(50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes odGI2 { 0%{ opacity: 0; transform: translate(-50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      @keyframes d39mb {   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 rX7PQ { 0%{ opacity: 0.5; transform: translate(-350px, 0px) } 100%{ opacity: 1; transform: translate(0, 0) } }                          .cGxlt { 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 k74v9 {   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;}                                                      .odrUh { 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;}                      #b7vUe{ 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; }    .bzsyR { color: #008000;}  .lJyEz { 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; }          .djPuM { 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; }  .gZmal { opacity: 0; }          .utWYR  {  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);  }    .ihpdE  {  position: absolute;  top: 0px; right: 0px; width: 100%; min-width: 500px; z-index: -1;  height: 100%;  background-attachment: scroll;  opacity: 0;  transition: .3s;  }    .sj3DJ  {  opacity: 1;  }  .nCFnL  {  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;  }      .nAGns  {  position: absolute;  top: -300px; right: -650px; width: 900px; height: 900px; z-index: -2;  background: #a0ffe050;  transform: rotate(60deg);  }    .q5j8c  {  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}                .s49El { 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; }  .s49El:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 15px #00002080; transition: 0.3s; }    .jpdMG { 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; }    .ghcWN { position: absolute; z-index: 100; left: 0px; width: 250px; top: 70px; bottom: 0px; background: #00005070;  box-shadow: 0px 0px 10px #00002030; }  .ovMRg { display: flex; align-items: center; height: 45px; color: #e0ffff; padding: 0px 10px 0px 0px; text-shadow: 0px 0px 5px #000000; font-size: 120%; }    .nSfwQ { position: absolute; z-index: 50; right: 0px; width: 100%; top: 0px; bottom: 0px; }    .djAr5 { width: 100%; }              .ns0vk { 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; }  .kkTzE {padding: 8px; border-radius: 5px; margin: 5px; box-shadow: 1px 2px 5px #20406010,1px 4px 15px #30406010,inset 0px 0px 15px #ffffff50; background: #ffffff ; }  .cqcnL { 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;; }  .cqcnL:hover { background: #f0ffff; color: #0070d0;box-shadow: 1px 4px 10px #20a0e0b0, 0px 1px 4px #20a0e080;border-radius: 3px }  .hPW5A { 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;; }  .hPW5A:hover { background: #ffffff; color: #0070d0;box-shadow: 1px 1px 10px #20a0e0b0, 0px 0px 4px #20a0f080;border-radius: 5px }    .py7if { margin: 10px;box-shadow: 0px 0px 10px #a0b0c080; background: #ffffff ; }  .aNOcB {padding: 5px; }  .pwy5I { cursor: pointer; width: 100%; }  .akDeQ {padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px #a0b0c050; background: #ffffff ; }    .eIyOJ{ 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; }  .eIyOJ:hover{ box-shadow: 3px 4px 10px #20406050; border: 2px solid #e0f0ff50; opacity: 1; }  .wNtXp { cursor: not-allowed !important; opacity: .7 !important; background: #f0f0f0; box-shadow: 3px 5px 10px #20406010 !important; }  .ruuB7{ 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; }    .y7NJA { padding: 5px; font-size: 110%; }  .zTUXh { padding: 5px; font-size: 80%; }  .zInLz { position: relative; padding: 5px;; }  .fqI37 { font-size: 105%; padding-bottom: 8px; }  .vBsi5 { font-size: 85%; opacity: .85; ; }  .vBsi5::after { position: absolute; z-index: 10; left: 5px; right: 5px; content: ''; top: 48%; bottom: 47%; background: #f00000a0; border-radius: 5px; transform: rotate(-6deg); }    .qW94f { font-size: 85%; padding: 2px;; }  .sr4gB { font-size: 80%; padding: 2px;; }    .ghDTq { display: none !important; margin: 40px 10px 15px 10px; }  .c9zcP { position: relative; padding-left: 50px; overflow: hidden; }  .c9zcP::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); }  .alwre { display: block !important; }      .gsYPT{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .imjuJ{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .baZAL{ 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; }  .uRXHR { 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; }  .bA7q5 { margin: 20px 15px 50px 15px; color: #300050; }  .nBIWv { width: 100%; height: 80px; position: relative; }  .pnocD { height: 125px;;}  .q1BMd { position: absolute; right: 25px; width: 60px; height: 60px; transform: translate(0,-20px); z-index: 10; }   .hnUpU { position: relative; width: 100%; height: 100%; }   .pWb63 { 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; }   .iGaMq { 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; }   .xn7fP { 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; }   .dkZlR { background: linear-gradient(to right, #e050f0, #f080f0); border: 1px solid #a000d0; }   .eUgD4 { background: #00c0e0; }  .jyxmE { position: absolute; left: 25px; transform: translate(0,-20px) rotate(-5deg); z-index: 10; }   .sz7lU { position: relative; padding: 4px 7px; background: #c00000; color: #fff; font-size: 80%; text-shadow: 1px 2px 6px #500020; font-weight: bold; }   .zdnED { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(-13deg); padding: 5px 10px; background: #903000; }   .ucWUz { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(13deg); padding: 5px 10px; background: #900040; }    .mB2AT { 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; }  .gHmn8 { 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; }   .bfzy7 { font-size: 110%; font-weight: bold; padding: 0px 5px; }  .cihGb { transform: scale(.9); opacity: .4; top: 25px; background: linear-gradient(to right, #fff0f0, #e0ffff, #fff0f0); height: 42px; border: 2px solid #b00050; color: #800050; }  .tMPNR { z-index: 200; top: 50px; background: linear-gradient(to right, #a0fff0, #e0ffff, #d0fff0); color: #008030; text-shadow: 1px 2px 7px #00a05040; }   .ru6vV { 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; }    .vIki6 { width: 100%; position: relative; font-size: 90%; }  .nY0Qp { position: absolute; height: 55px; width: 75px; border: 1px solid #20406030; background: #ffffff40; bottom: 5px; left: 5px; border-radius: 4px; }   .sLMl5 { height: 25px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 11px; }   .ikPBX { 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; }  .fOFbO { }   .xCxqG { display: flex; height: 35px; font-size: 90%; background: linear-gradient(to top, #0050a015, #ffffff10, #ffffff20); border-bottom: 1px solid #2040a010; }   .zRPvo { 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); }   .fsgQg { width: 45%; padding-left: 9px; border-left: 1px dashed #5000a0a0; background: linear-gradient(to right, #ffc0ff50, #ffe0ff80) }   .hy7a1 { display: flex; align-items: center; padding-right: 8px; }   .dbMPq { display: flex; height: 50px; font-size: 85%; background: linear-gradient(to top, #e0fff0a0, #f0ffffc0); display: flex; justify-content: center; align-items: center; color: #005020; }   .wD9wD { display: flex; height: 40px; font-size: 85%; background: linear-gradient(to top, #e0fff0b0, #f0ffffd0); display: flex; padding-right: 50px; align-items: center; color: #005020; }      .enACR{ box-shadow: 3px 4px 15px -4px #205080c0 !important; transform: scale(1.08); border: 2px solid #4000d0 !important; background: #20a0f0; color: #fff; opacity: 1 !important; }  .enACR > .nBIWv > .q1BMd > .hnUpU > .iGaMq { transform: rotate(-45deg); }  .enACR > .nBIWv > .q1BMd > .hnUpU > .xn7fP { opacity: .8; background: #f0a000; transform: rotate(382deg); }  .imjuJ > .enACR { background: #b050f0; }    .vrzTC { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: relative; padding-top: 30px; margin-top: 50px; }  .csgkw { 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; }   .sgVYR { display: flex; flex-wrap: wrap; align-items: center;padding: 5px 15px;; }   .tXfb1 { 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; }   .oMLAf { 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; }  .qebml { padding: 5px 55px 20px 5px; margin-bottom: 5px; }      .tqeWl { display: flex; justify-content: center; }   .wV4vQ { max-width: 1000px; padding-bottom: 20px;}   .mq30l { padding: 10px 15px; margin: 15px 10px; border: 1px solid #20406020; box-shadow: 0px 5px 15px -6px #20406020; }      .rnylf {min-height: 250px;}    .qc2zb{ padding: 8px 15px; }  .jD41n { 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; }  .zzJha { 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; }  .jD41n input { position: absolute; opacity: 0; cursor: pointer; }  .jD41n:hover input ~ .zzJha { background: #e0ffff; }  .jD41n input:checked ~ .zzJha { background: #2196F3; color: #ffffff; border: 5px solid #2080d0; font-size: 22px; font-weight: bold; }  .sZuO1 { min-height: 150px; padding: 10px; }  .g8yUP { font-size: 90%; padding-top: 7px;; }  .lYLI3 { 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; }  .uWphL { padding: 8px 15px; font-size: 110%; color: #0080a0; }  .tkLHb { padding: 5px 10px; }  .pN7gD{ 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; }          .qOT59 { padding: 5px; }  .v927A { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .v927A:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .m2m1b { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .m2m1b:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .jBUTn { padding: 5px 10px; display: none; }  .fGyhO { margin: 7px; background: #e4f0ff00; }  .hSHCi { margin: 5px; }  .jwWYN { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .jFhNN { 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;  }      .qzpSZ { max-width: 200px; max-height: 200px; }  .bXsQu { width: 100%; height: 100%; }          .jAVp2 { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }  .vD3n5 { width: 100%; height: 100%; max-height: 100px; }  .yxiG6 { width: 100%; height: 100%; max-height: 35px; display: flex; justify-content: center; align-items: center; }    .dm0Ly { width: 100%; height: 100%; padding-top: 4px;}  .fRZXT { width: 99%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center;}  .nlsW4 { width: 106%; position: relative; display: flex; }  .wicmn { height: 85%; width: 100%; }  .od1nU { height: 15%; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }    .uYNLS { 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;  }  .uYNLS::after { position: absolute; content: ''; left: 49%; right: 48%; top: -4px; bottom: -5px;   background: linear-gradient(to bottom, #0050a080, #0050a005, #0050a005, #0050a020);  }    .tbFRT { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #20406010; }  .kZewN { 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; }  .l0TJF { width: 25px; height: 100%; max-width: 40px; position: relative; }      .pMTHD { width: 100%; display: flex; flex-wrap: wrap; }    .a9tIX { padding: 1%; width: 100%; max-width: 900px }  .uNGto { padding: 1%; width: 100%; max-width: 550px }  .sx8eF { width: 100%; position: relative; background: var(--lcyBb); box-shadow: 2px 4px 15px var(--eEdGt);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden;;   display: flex; flex-direction: column; align-items: center;  }    .ag30f { width: 100%; position: relative; display: flex; }    .bErMy { height: 30px; font-size: 95%; background: #a0f0ff10; box-shadow: 0px 0px 6px var(--eEdGt); justify-content: center; align-items: center; }  .y4c7a { height: 240px; width: 94.3%; box-shadow: inset 0px -2px 10px var(--eEdGt);  border: 1px solid var(--yz4we); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }    .uJuyl { height: 35px; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }  .oXyNO { height: 80px; }  .usBuV { height: 200px; width: 94.3%; box-shadow: inset 0px 2px 10px var(--eEdGt);  border: 1px solid var(--yz4we); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }  .wtdUa { width: 97%; }  .tEyTg { width: 100%; }  .gMLCk { width: 97%; }  .zRJe7 { height: 15px;}  .lo2DO { height: 150px; font-size: 90%;}  .mpsrU { height: 15px;}  .drcPe { height: 50px; }    .nglH7 { 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;  }  .nglH7::after { position: absolute; content: ''; left: 49%; right: 48%; top: -5px; bottom: -5px;   background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a005, #0050a0a0);  }  .bcuda::after { top: -2px; bottom: 5px; left: 48%; background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a000);  }  .nS0yG { font-size: 90%; opacity: .9; padding: 1%; }  .tP7lG { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5;   display: flex; justify-content: center; align-items: center; position: relative;  }  .o0jMt { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }  .oYWrP { position: absolute; left: 45%;right: 45%; top: 1%; bottom: 1%; background: #8090a0; z-index: 1; }  .b6OVb { position: relative; width: 100%; background: #4050a0; z-index: 2; }  .hR5As { background: #f00010; }  .bhPYd { background: #00c040; }    .i7nkm { z-index: 1; width: 14.286%; background: linear-gradient(to right, #ffffff10, #0080e010); height: 100%; }  .pFDr7 { bottom: 0px; background: linear-gradient(to bottom, #0080e0, #a0c0f0); }  .d89ic { top: 0px; background: linear-gradient(to bottom, #a0c0f0, #0080e0); }    .jZMbo { position: absolute; z-index: 20; }  .nLnwp { bottom: 0px; font-weight: bold; display: flex; justify-content: center; padding-top: 5px; }  .bdT93 { top: 4px; font-weight: bold; display: flex; justify-content: center; padding-top: 10px; align-items: end; }  .kpRlq { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff10); border-radius: 2px 2px 0px 0px; }  .cY4PO { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff00, #ffffff20); border-radius: 3px 3px 0px 0px; }  .bYqWn { top: 0px; background-image: linear-gradient(160deg, #ffffff20, #00808050); border-radius: 0px 0px 2px 2px; }    .vGCT7 { background-color: #d04000;color: #e03000; }  .vv624 { background-color: #d04050;color: #d04040; }  .tdgYZ { background-color: #a05060;color: #a05060; }  .qF2pv { background-color: #8090a0;color: #606070; }  .nxGgi { background-color: #208080;color: #208080; }  .hMpnH { background-color: #00a080;color: #00a050; }  .uMl7B { background-color: #009050;color: #00b040; }      .ugtVR { display: flex; flex-wrap: wrap;}  .aiObS { padding: 10px 0px;}  .bazarStatus  {  margin: 1%; display: flex; flex-wrap: wrap; max-width: 400px; overflow: hidden;  background: var(--lcyBb); box-shadow: 2px 4px 15px var(--eEdGt);  -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; }      .eXTBY  {  width: 100%; padding: 15px ; background: #ffffff20; box-shadow: 0px 5px 20px #4080a020;  display: flex; justify-content: center; align-items: center; font-size: 105%;  }  .tNLSp { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 90%; }  .uAOqn { display: flex; justify-content: center; align-items: center; padding: 6px; direction: ltr; font-size: 120%; }    .xo3Zd  {  margin: 1%; overflow: hidden; width: 440px;  background: var(--lcyBb); box-shadow: 2px 4px 15px var(--eEdGt);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }    .mMaBv { display: flex; }  .izJki { padding: 7px 15px; display: flex; align-items: center; border: 1px solid #20406020; }  .eOwfo { background: #ffffff50 }  .xfwNZ { width: 120px; }  .aDn36 { width: 225px; }  .p4w4s { width: 160px; justify-content: center; }  .yUw46 { width: 160px; justify-content: center; }      .k4Cmy  {  margin: 2% 1%; padding: 20px 5px;;  }      .rzsLJ { width: 100%; background: var(--lcyBb); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);   box-shadow: 2px 4px 15px var(--eEdGt); padding: 5px 5px;  }  .yeEI0 { width: 100%; height: 30px; display: flex; }  .q9PRH { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }    .aqpOd { width: 100%; height: 28px; display: flex; align-items: center; font-size: 90%; padding-top: 4px;; }   .mJ8Gg { display: flex; padding: 0 8px ; flex-grow: 1; }   .zROUV { display: flex; padding: 0 8px; flex-grow: 1; justify-content: flex-end; }  .iGta2 { 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;  }      .viCBl { width: 100%; position: relative; background: var(--lcyBb);  box-shadow: 2px 4px 15px var(--eEdGt);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden; padding: 10px 5px;  }  .yRdsd { display: flex; align-items: center; width: 100%; }      .lS1uA { width: 50%; }    .ef9rF { display: flex; align-items: center; position: relative; width: 100%; height: 40px; line-height: 1;  }  .qmHiV { height: 25px;}  .qE8DL { direction: ltr; background: linear-gradient(to left, #f0ffff00,#00a05010, #f0ffff00);; }  .f9yPN { background: linear-gradient(to right, #f0ffff00,#e0102010, #fff0ff00);; }  .uqG3F { display: flex; align-items: center; padding: 0px 7px 4px 7px;; min-width: 50px; height: 100%; justify-content: center; }  .wVmFk { display: flex; align-items: center; height: 100%; padding: 0px 8px 4px 8px; font-size: 94%; flex: 1; justify-content: end; }    .d6tI2 { position: absolute; bottom: 2px; height: 8px; }  .xt2LJ { left: 0px; border-radius: 0px 5px 5px 0px; background: #00a050; }  .sHkSZ { right: 0px; border-radius: 5px 0px 0px 5px; background: #b00010;; }      .mCo4X { display: flex; align-items: center; position: relative; width: 100%; height: 55px; line-height: 1; justify-content: center;   border: 0px solid var(--eGAj1);  }              .yN6rq { 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) ; }     .yCxBM   {   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 );   }   .mmivz { z-index: 10; position: relative; margin: 10px 1%; width: 100%; max-width: 1000px; background: #ffffff00; padding: 10px 1%; }   .qWlWn { 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%; }   .svIZb { padding: 5px 2px; }   .onW5G { border-right: 5px solid #f0a000; }   .mRYb6 { border-right: 5px solid #00a050; }   .cF1qW { border-right: 5px solid #0050b0; }   .yIPA1 { display: flex; justify-content: center; }   .beSip { margin: 0px 2%; }                                .kwuzj { background: linear-gradient(to top,#ffeaf0d0, #f0eaffd0); }      .rWedQ { position: relative; z-index: 10; display: flex; flex-wrap: wrap; padding: 40px 2%; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); justify-content: center; }   .dr5J3 { z-index: 11; width: 170px; margin-left: 10px; padding: 20px 0px; }   .atzJ9 { position: relative; }   .iumY8 { 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;}   .gd7f6 { padding: 4px 9px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; border-radius: 4px; white-space: nowrap; }   .atzJ9:hover > .iumY8 { opacity: 1;}   .lWMPe { width: 170px; height: 170px; margin-bottom: 10px; animation: wNUhW 2s 1; }   .bOv9y { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .is5Qu { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; direction: ltr; font-family: cursive, monospace; border-radius: 4px; }     .kLU1P { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .sciLc { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; font-size: 115%; border-radius: 4px; white-space: nowrap }       .iE89s { z-index: 11; width: 255px; padding: 20px 18px 1px 18px; animation: qsHX9 0.4s 1; }   .oB3T3 { 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; }   .oB3T3:hover { z-index: 2; }   .ahPsu { flex-grow: 1; padding: 2px 4px; }   .id5qa { transition: .2s; }   .lprzz { padding: 0px 5px; font-size: 85%; opacity: .85; color: #008020; }   .z2G5G { padding: 0px 3px 0px 0px; font-size: 80%; opacity: .85; color: #800020; }   .id5qa:hover { outline: 1px solid #00a0f0; }   .fxiRn { padding: 3px 4px; color: #003080; text-shadow: 0px 1px 2px #00c0e080; cursor: pointer; border-radius: 4px; background: #00ffc050; display: flex; justify-content: center; }   .o9ajL { padding: 3px 4px; color: #005080; cursor: pointer; border-radius: 4px; background: #0080ff10; display: flex; justify-content: center; }   .lWL6g { color: #800000; background: #ffd00020; padding: 6px 10px; font-size: 110%; }   .ktNnM { color: #800000; background: #ffd00020 !important; }     .r6ixz { padding: 0px 11px 1px 1px; font-size: 90%; }   .ilTok { background: #ffe04010; border-radius: 4px; font-size: 110%; color: #400040; position: relative; }   .sSMM9 { padding: 2px 4px; }   .jAu4D { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #008030; background: linear-gradient(to left, #00d05030,#00a06010) }   .z4QQ0 { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #a00000; background: linear-gradient(to left, #d0000015,#e0005008) }   .c7ZFC { font-size: 100%; font-weight: normal; }   .vJ014 { font-size: 100%; font-weight: normal; }   .rfL63 { padding: 3px 14px; font-size: 120%; border-radius: 4px; font-weight: bold; color: #0020a0; background: #fff; box-shadow: 1px 3px 8px -3px #20406060; }   .ab71e { padding: 2px 7px; border-radius: 4px; background: #fff; box-shadow: 1px 3px 8px -3px #20406040; }     .lkslq { z-index: 11; width: 220px; padding: 20px 20px 1px 20px; }      .gajet { display: flex; flex-wrap: wrap; padding: 10px 2%; max-width: 500px; }   .qsgp1 { width: 50%; max-width: 200px; padding: 10px 2%; transform: translate(); }      .kNMJs { padding: 10px 2%; }    .xmFrB { display: flex; justify-content: center; line-height: 1.7; width: 100%; }   .zcSv1 { width: 100%; max-width: 1000px; }   .jfhPe { display: flex; flex-wrap: wrap; justify-content: center; }       .iiDMj { padding: 10px 1% 10px 1%;; }   .r6ixz { width: 100%; max-width: 250px; }   .tEVyM { 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; }   .tEVyM:hover { background: linear-gradient(to top, #0050f0, #0090c0); box-shadow: inset 2px 2px 5px #0050a0; }     .iaN7A { 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; }   .n1mXF { max-width: 400px; }   .tsndE { max-width: 600px; }   .a4t38 { max-width: 900px; position: relative; }   .bJoZZ { min-height: 250px; position: relative; }   .qywbO { padding: 5px 9px; margin: 3px 2px; align-items: center;}   .fnS2L { max-width: 100%; margin: auto; }   .iGR72 { width: 50%; border: none !important;}   .xt5E3 { margin-top: 15px !important; }   .in82I { padding: 5px 9px; margin: 3px 2px; justify-content: center; }   .amhwc { direction: ltr; text-align: left; }   .crb9r { background: #fff5f0f0; }     .s3DTS{ padding: 20px; font-size: 120%; background: #f0f0fff0; color: #0080a0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;; }     .dIkmJ { background: #00a050e0; font-size: 110%; color: #fff; }   .tizJt { background: #0050a0e0; font-size: 110%; color: #fff; }   .kbITD { background: #a00050e0; color: #fff; }       .wX9vz { 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; }   .fAW1J { display: flex; align-items: center; }   .mUTMT { padding: 4px; }     .r562X { display: flex; justify-content: center; width: 100%; align-items: center; padding: 15px; overflow: hidden; margin: 10px 0px; }   .hAihr { display: flex; justify-content: center; width: 100%; max-width: 300px; max-height: 300px; align-items: center; aspect-ratio: 1/1; outline: solid 3px #2080f0; }        .qLFeN { 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; }   .urRLj { width: 95%; max-width: 900px; padding: 15px; position: relative; }   .bPehv { display: flex; justify-content: center; margin-bottom: 20px; }   .e77MI { display: flex; height: 40px; align-items: center; width: 100%; padding: 0px 2%; background: #ffffff60; border-radius: 4px; border: 1px solid #ffffff70; }   .zY6sZ { max-width: 240px; }   .b5afI { max-width: 450px; display: flex; flex-wrap: wrap; margin-right: 8px; }   .pvk5i { font-size: 110%; font-weight: bold; padding-left: 5px; }   .dm49F { font-size: 90%; font-weight: normal; opacity: .8; padding-right: 6px; }   .eX64c { font-size: 90%; font-weight: normal; opacity: .8; padding: 2px 8px 0px 0px; }   .w6rxp { flex-grow: 1; padding: 0px 2% 0px 1%; display: flex; align-items: center; }   .gdS0C { width: 100%; height: 20px; box-shadow: 0px 0px 5px #f0406010; overflow: hidden; background: #fffaffa0; border-radius: 4px; position: relative; }   .gxpI8 { position: absolute; left: 1px; top: 2px; bottom: 2px; border-radius: 0 4px 4px 0; background: linear-gradient(to right, #00a0ff, #00c0d0); }   .usfMr { animation: 2s rX7PQ 1 }       .m562T { 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; }   .xkgPL { 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; }   .wsBsW { max-width: 220px; font-weight: bold; font-size: 110%; }   .bA7Jh { margin: 0px 8px 0 0; }   .fef4f { max-width: 150px; justify-content: center; background: #ffffff00; }   .fi47j { max-width: 150px; justify-content: center; background: #ffffff00; }    .wb9eX { 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; }   .z4CFW { background: linear-gradient(to right, #00c0d0, #00d0c0); }   .hFdBu { 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; }   .axJJx { padding: 4px 15px; display: flex; align-items: center; flex-grow: 1; font-size: 95%; background: #ffffff50; border-radius: 0px; border: 1px solid #ffffff60; }   .li1QX { max-width: 95px; margin-left: 6px; padding-left: 2px; }   .wiy0W { max-width: 100px; margin-left: 6px; font-weight: bold; font-size: 105%; }   .vzYJg { max-width: 110px; padding: 3px 0px; background: #ffffff00; margin-left: 6px; display: flex; align-items: center; justify-content: center; }   .ijh4M { color: #00a020; padding: 4px; background: #ffffff50; }   .aeX7F { max-width: 201px; margin-left: 6px; }       .bBO9r{ padding: 2px 7px; margin: 3px 8px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #20406020; align-items: center; background: #ffffff30 }   .s9YXH{ display: flex; padding: 2px 7px; margin: 0px 4px; min-width: 50px; border-left: 1px solid #20406030; border-radius: 4px; background: #ffffff40; }   .hz5C1{ font-size: 110%; font-weight: bold; min-width: 100px; }   .miQ1R{ font-size: 110%; min-width: 100px; }   .pCZox{ min-width: 150px; }   .g7v3Q{ opacity: .6; font-size: 90%; }   .mxPQe{ min-width: 85px; }    .ril1o { 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; }   .nTHn2 { width: 95%; max-width: 1000px; padding: 15px; position: relative; }   .cQm0M { top: -50px; right: auto; left: 20%; transform: scale(0.8); }   .zYaxl { top: 0; font-size: 160%; height: 80px; }   .iSvSA {top: 2px; font-size: 160%; height: 80px }   .q0ZA7 { 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;   }   .q0ZA7:hover { background: #ffffffb0; border: solid 1px #ffffff; }   .dzn3d { padding: 5px 5px 5px 10px; }   .ugccD { padding: 4px 10px; margin: 0px 8px; font-size: 90%; border-radius: 4px; background: #ffffff50; }   .lxN8y {height: 100%; background: linear-gradient(to right, #ffd05000, #c0000050); border-radius: 5px; cursor: pointer; }    .zisas { 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; }   .vJ2Er { position: static; margin-right: 10px;}   .ffTvb { height: 100%; display: flex; align-items: center; background: linear-gradient(to right, #ffd05000, #f0a0ff60); border-radius: 5px; cursor: pointer; }   .mQo3L { position: absolute; z-index: 500; top: 55px; width: 197px; height: 50px; right: auto; left: 20%; transform: scale(1.2); }   .a37l1 { border-radius: 50%; box-shadow: 0px 0px 25px 15px #ffffff80; }   .mQo3L:hover > .q1BMd > .hnUpU > .iGaMq { transform: rotate(-45deg); }   .mQo3L:hover > .q1BMd > .hnUpU > .xn7fP { opacity: .8; background: #f0a000; transform: rotate(382deg); }   .nt8AE { color: #ffffa0; transform: scale(3); transition: 1s; }   .mQo3L:hover > .q1BMd > .hnUpU > .pWb63 > .nt8AE { color: #ffff50; transform: scale(4) rotate(-720deg); }      .xswym { width: 100%; z-index: 3; display: flex; justify-content: center; position: relative; padding: 15px 0px;   background: linear-gradient(45deg, #b0f0e0, #c0e0ff);  }  .nWbAR { background: linear-gradient(to left, #00b0ff10, #00ffd010), linear-gradient(to top, #00a0f010, #ffffff50); }   .wgqgZ { width: 100%; justify-content: center; max-width: 1300px; padding: 30px 1%; position: relative; z-index: 10; display: flex; flex-wrap: wrap; }   .pBeo7 { 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); }   .qAAzy {max-width: 1000px;}   .qFTWN { padding: 1px 0px; margin: 35px 0px; background: #ffffff50; width: 100%;}     .jffdr { width: 100%; display: flex; flex-wrap: wrap; }   .cTRc7 { 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; }   .aHB7G { flex-grow: 1; justify-content: flex-end; display: flex; }   .uXrIz { background: #faffff40; box-shadow: 2px 7px 12px -5px #2040a01b; padding: 6px 12px; display: flex; align-items: center; }     .pGHyO { width: 100%; display: flex; flex-wrap: wrap; padding: 5px; }   .axavd { display: flex; padding: 5px 2px; }   .qTcEe { width: 100%; display: flex; height: 100%; align-items: center; padding: 3px 5px; border-radius: 4px; }   .n26Su { background: #ffffff10; padding: 3px 7px; }   .k9LEQ { min-width: 100px; }   .zheqv { padding-right: 10px; min-width: 40px; }   .trgza { }   .eBlsy { padding: 4px 12px !important; font-size: 105% !important; }          .fHzAv  {   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);  }            .xtBoC { 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);}   .m36wL { width: 100%; max-width: 1000px; padding: 30px 1%; position: relative; z-index: 10; }   .mnPVG { width: 100%; margin: 15px 0px; padding: 20px 3%; position: relative; z-index: 10; background: linear-gradient(to left, #ffffffa0,#ffffff50); border-radius: 4px; }   .c4Jj7 { 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; }   .h63v9{ animation: .3s cQvwa 1 }   .wEuwX { animation: .2s pzQVN 1 }   .i4jor { width: 35px; background: #ffffff50; border-left: 1px solid #20406020; }   .nXWBS { width: 35px; border: 1px solid #20406020; cursor: pointer; height: 35px; display: flex; justify-content: center; align-items: center; transition: .2s; }   .nXWBS:hover { background: #ffffff50; border: 1px solid #2040a0a0; }   .zshU6 { background: #a0b0c050 !important; opacity: 0.4; border: 1px solid #20406020 !important; cursor: auto; }   .r8Mpo { min-width: 100px; flex-grow: 1; }   .gUvtg { 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); }   .cRtAm { color: #a00000; background: linear-gradient(-15deg, #ff00a050, #ffa0c040, #a0e0ff00, #a0e0ff00); }   .m1yJH { display: flex; padding: 2px; height: 34px; align-items: center; }   .bYWIq { margin: 0px 0px; border-radius: 3px; opacity: 0.7; transform: scale(0.9); background: #ffffff50; }   .bYWIq:hover { opacity: 1; }          .uLUWI { display: flex; flex-wrap: wrap; border: 1px solid #20406030; margin: 5px; }   .m46HX { display: flex; flex-wrap: wrap; border-right: 1px solid #2040a030; border-bottom: 1px solid #2040a030; padding: 5px 10px; }        .bAp72 { display: flex; height: 40px; align-items: center; border: 1px solid #20406020; }   .dj4M3 { display: flex; height: 100%; align-items: center; padding: 0px 5px; border-left: 1px solid #20406020; }   .dapUO { padding: 0px; justify-content: center;}   .admin_eachUserPic1 { height: 100%; }        .iVO8M { margin: 20px 5px 10px 5px; padding: 30px 5px 10px 5px; border: 1px solid #20406050; position: relative; min-height: 50px;;}   .b8F0L { background: #f5faff; border: 1px solid #20406050; position: absolute; z-index: 11; top: -10px; padding: 5px 10px; right: 5px; }            .ya0fU { height: 100px; }    .gXqOI { display: flex; width: 100%; }   .maTby { width: 70px; display: flex; justify-content: center; }   .dUXdU { width: 70px; display: flex; justify-content: center; }   .tojn7 { 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)  {   .cAwlO   {   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 }      .uzOjC { direction: ltr;}  .eGIyp { width:80px; text-align:right; padding: 0px 5px; }              .oIhNs { color: #004515 }  .mo4vv { color: #008525 }  .fwjYh { color: #008025; font-weight: bold }  .rRjs3 { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; }  .tZOId { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; font-weight: bold}    .cQ9AQ { color: #500000 }  .vLHXU { color: #a00000 }  .o6whZ { color: #a00000; font-weight: bold }  .ttyhy { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; }  .uPhVO { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; font-weight: bold}      .rQJwa { color: #505000 }  .v2JQ7 { color: #807000 }  .jYGim { color: #807000; font-weight: bold }  .upiUI { color: #807000; background: #f0b00010; }  .pRzwy { color: #807000; background: #f0b00010; font-weight: bold }    .wQYJO { color: #a000b0 }  .sFChd { color: #a000b0 }  .jDkX4 { color: #a000b0; font-weight: bold }  .eItS2 { color: #a000b0; background: #ff00ff10; }  .awtx5 { color: #a000b0; background: #ff00ff10; font-weight: bold }    .sbE9n { color: #506070; }  .s8Inu { color: #607080 }  .p7sOP { color: #607090; font-weight: bold }    .sahmDarsadPriceDivRed { background: #ff001012; color: #c00000; }  .sahmDarsadPriceDivGreen { background: #00f05015; color: #008010; }      .yUdNG { font-weight: bold; color: #007000; background: #00d06020;}  .dy6ur { color: #008020}    .ek508 { font-weight: bold; color: #a00000; background: #ff305020;}  .pxv7i { color: #e00000}      .ek508 { font-weight: bold; color: #a00000; background: #ff305020;}  .pxv7i { color: #e00000}      .fx1XF { color: #2040a0 }  .herWN { color: #0000c0 }  .nC2ZX { color: #0000c0; font-weight: bold }  .wOvT9 { background:#0080ffc0; color: #fff; font-weight: bold; }  .eNiSO { background: #00a0ff20; color: #019 }  .jjPVe { background: #00a0ffa0; color: #fff }  .m1xo9 { background:#0080ffc0; color: #fff; }      .dOhTS { background:#00e08020; color: #008010 }  .dNbCQ { background:#00ffa020; color: #007020; font-weight: bold; }    .lRMvu { background:#ff203015; color: #900010 }  .kf5uW { background:#ff203020; color: #900000; font-weight: bold; }                      .kBhLf { position: relative; height: 100%; width: 100%; direction: rtl; }  .fRBIh { position: absolute; height: 100%; width: 100%; right: 0px; top: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;}  .ifWXR { position: absolute; height: 100%; right: 0px; top: 0px; z-index: 1; }  .iMeCl { background: #0050ff20; }  .uAqYe { background: #50a0ff50; }    .nNJWq { background: #00c05020; }  .se4JE { background: #00a0b020; }  .tc7b2 { background: #a0a00020; }  .ndont { background: #c0200020; }    .bWTgz {   writing-mode: vertical-rl;   text-orientation: mixed;   white-space: nowrap;   direction: rtl;   font-size: 16px;   overflow: hidden;   }        .pkDer { background: #20406020; height: 100%; width: 100%; }  .l6AIg { background: #20406020; height: 1px !important; width: 100% !important; }      .gnyG4 {   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;  }  .i5bAk {   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;;  }  .i5bAk:hover { color: #002080; box-shadow: 0px 0px 5px #2060a0c0; background: linear-gradient(to bottom , #ffffffa0, #a0e0ffb0, #ffffffa0 ); }  .pP6L9 { width: 325px; overflow: hidden; white-space: nowrap ; padding: 5px 12px 5px 2px; }  .peLne { width: 80px; overflow: hidden; white-space: nowrap ; padding: 5px; }  .hISEA { display: flex; flex-wrap: wrap; }        .rS1M3 { 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 }        .iYoXn { position: absolute; top: 0px; left: 0px; bottom: 0px; }    .l0F8A { right: 6px; z-index: 20; display: flex; align-items: center; color: #103050; }  .q90cr { z-index: 10; background: #00a0ff40; }        .yeWQk { position: absolute; top: 0px; bottom: 0px; }    .bw6Yc { right: 0px; left: 0px; justify-content: center;; z-index: 20; display: flex; align-items: center; direction: rtl; }  .gzktq { color: #902500;; }  .sJ8D5 { color: #008025;; }    .rvzBm { z-index: 10; background: #b0001030; left: 0px; }  .huLPE { z-index: 10; background: #00f08040; right: 0px; }            .hb { position: relative; height: 65px; margin: 5px; border: 1px solid #0050f050; padding: 5px; color: #002060; }    .gZJ4J { 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; }  .t63Q9 { transition: .2s; opacity: 0; animation: eejYj 4s 1; padding: 2px 12px; font-size: 25px; background: linear-gradient(to right, #c0f0ff20, #c0e0ffe0, #c0e0ffe0, #c0f0ff20); color: #0000a0; white-space: nowrap; }  .xMd18 { width: 100%; direction: rtl; text-align: right; }  @keyframes eejYj { 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;}            .b4oBz { 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; }  .s1m48 { height: 28px; margin: 3px 5px; }  .rIc2I { position: absolute; font-size: 90%; top: 1px; bottom: 1px; display: flex; align-items: center; right: 7px; z-index: 2; }  .rmEit { position: absolute; top: 1px; bottom: 1px; left: 7px;display: flex; align-items: center; direction: ltr ; z-index: 3;; }  .c894t { 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: qsHX9 0.4s 1;   }   .qnBcV { background: linear-gradient(to top, #90c0f042, #c0d0f050); }  .gFbQL {   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);  }  .oZmJZ {color: #0050a0; padding-right: 5px; }  .uPzZr { 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;  }  .b4oBz:hover > .uPzZr { opacity: 1; }            .gTIxZ { position: relative; height: 50px; margin: 10px 5px; border: 1px solid #0050f050; }  .kmvib { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }  .o1r4t {height: 100%; width: 100%; display: flex; padding: 6px 5px; }  .pbAIQ {height: 100%; width: 33%; text-align: center; }  .zgWzL {height: 100%; width: 34%; text-align: center; }  .sSkCS {height: 100%; width: 33%; text-align: center; }    .h5SJM{ font-size: 80%; color: #a080a0; }  .fGbS6{ padding: 4px 0px;}  .ho1qp{ font-size: 120%; color: #0050a0;}    .ibp7B { position: absolute; top: 0px; left: 0px; height: 100%; background: #ffe8f0; }            .e4CHd { position: relative; margin: 10px 5px; border: 1px solid #0050f050; display: flex; }  .zlpb9 { width: 25%; }  .k6e3z { text-align: center; padding: 5px; }  .uGGui { font-size: 90%; color: #607080; }    .cRtHH { background: #ffd0dc; color: #a02020; }  .gg1vn { background: #d0ffea; color: #00a040; }  .mRJBI { background: #ffffe0; color: #808000; }      .rT22E { position: relative; margin: 12px 0px 0px 0px; color: #354555; font-size: 90%; }   .p3itF { 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); }   .p3itF:hover { z-index: 100; }   .mAhia { 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); }   .zVYTy { min-width: 50px; }   .pFnnL { font-size: 90%; }   .nECtP { padding-left: 5px; }   .kJmDp { direction: ltr; }  .dj8Q9 { width: 35%; }  .hgNvp { padding: 4px; white-space: nowrap; display: flex; }  .mRowR { text-align: right; direction: ltr; border-radius: 5px; padding: 0px 3px; }  .y52Lc { color: #b00010; background: #ff002005; }  .u54f3 { color: #008020; }  .xRtwW { color: #008000; background: #00f05005; font-weight: bold; }  .qrfw1 { color: #805000; background: #f0c00015; }  .egE1I { justify-content: end; direction: ltr; }    .knGIj { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; opacity: .6; z-index: 1;}  .knGIj:hover { opacity: 1; z-index: 200; }   .nmuvZ { position: relative; cursor: pointer; transition: .3s; z-index: 1; height: 32px; width: 32px; margin: 0px 3px; display: flex; justify-content: center; align-items: center; }   .xRxj5 { padding: 2px; }   .nmuvZ:hover { transform: scale(1.2); z-index: 200; }   .lGvxy { white-space: nowrap; }    .hDZ5P { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; }  .olFla { }              .tOmUA{border: 1px solid #b0d0f0; background: #ffffff80;}    .dEyB0 { 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;}    .vxu4A { height: 25px; overflow: hidden; }  .t2pGC { 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; }  .gn4HZ { 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;}  .zTMbq { 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}  .w3p6h { 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 }  .a1Apn { animation: cEiI6 0.5s 1; }  .rwZSO { animation: ojOCJ 0.5s 1; }        .zaM37 { 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}  .dMfuv { display:flex; padding: 0px 4px; direction: ltr; line-height: .9; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; flex-wrap: nowrap;}  .bkgIP { left: 0px; }  .cD67z { right: 0px; }  .vxu4A:hover > .zaM37 { opacity: 1 }    .yf0T3 { color: #008020; }  .fhsdr { color: #a00020 ; }    .gNDiF { padding: 0px 3px; z-index: 2; padding: 5px; direction: ltr; }    .dnV1v { text-align: right; min-width: 30px; padding: 0px 2px ; }  .qemdG { text-align: right; min-width: 40px; }  .yWa64 { text-align: right; }  .nhwX8 { text-align: left; }  .yn3ni { text-align: left; }  .nHj0D { 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; }  .fLuLP { text-align: left; min-width: 40px; }  .requestRows_LHajm1 { text-align: left;; }  .requestRows_LPrice1 { text-align: right; }  .requestRows_LDarsad1 { text-align: right; }      .dqUat { 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 }                  .aZsVv {color: #e0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 5px 0px 20px;}  .bk2yB {color: #ffe0f0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 5px;}  .moZlO { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }  .b811T { background: #00802090; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .uWvLv { background: #a0202090; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .xsthj { background: #007020b8; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; background: linear-gradient(to right, #006010c0, #007020a0); }  .sbZvJ { background: #900010b5; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; background: linear-gradient(to right, #a00000a0, #800000c0); }          .zrxnT { direction: rtl;position: relative;height:100%;width:100%; }      .atcVx {color: #007010; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 6px 0px 20px;}  .lA80n { font-size: 85%; transition: .2s; border-radius: 3px;; }  .yBlEF {color: #007010; opacity: 0; background: #baf0d5; z-index:15; position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .rZGgq {color: #900000; z-index:11;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 6px;}  .m36Xn {color: #900000; opacity: 0; background: #ffd0d0; z-index:15;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .yBlEF:hover { opacity: 1;}  .m36Xn:hover { opacity: 1;}    .crd9c { 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; }  .vRdwv { 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; }    .cwDj1 { 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; }  .yuoe6 { 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; }            .onEnQ { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2px 1px; }  .nd3Np { max-height: 25px; width: 100%; display: flex; direction: rtl; }  .seT4Z { max-height: 25px; position: relative;}    .bfueb { background: #00c04010; width: 50%; height: 100%; position: relative; display: flex; }  .aT36B { background: #c0203010; width: 50%; height: 100%; position: relative; display: flex; direction: ltr; }  .tdU1i { width: 16%; padding: 0px 3px; }  .kAOMl { width: 50%; padding: 0px 4px; }  .mF8Ul { width: 34%; padding: 0px 3px; font-size: 90%; direction: ltr; }    .wL4mZ { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #00903540; z-index: -1; }  .jEHIf { position: absolute; top: 0px; bottom: 0px; right: 0px; background: #b0103040; z-index: -1; }    .jttg1 { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #0060f0b0; z-index: -1; }  .oZDR0 { width: 45px; padding: 0px 4px; }  .bZVSl { width: 35px; padding: 0px 4px; font-size: 85%; }  .e6T7O { padding: 0px 5px; direction: ltr; text-align: left; flex-grow: 1; }          .hRVIx { display: flex; }  .hRVIx > div { }      .c0qBH { position: absolute; height: 1px; width: 100%; left: 0px; right: 0px; background: #50607020; }  .wGi7P { background: #0040a035; }      .hHntc { width: 100%; height: 100%; display: flex; padding: 6px 1%; direction: rtl; background: #ffffff20; position: relative; }  .uTlTy { position: relative; flex: 1; max-width: 20px; }  .rIuHN { 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;  }  .yzrpE { background: #a0b0c020 !important; }  .u5rYf { position: absolute; bottom: 0px; left: -1px; right: -1px; height: 5px; border-radius: 50%; background: #0050e0a0; }  .y93zM { right: auto; left: 220% !important; }  .uTlTy:hover { background: #fff; }  .uTlTy:hover > .rIuHN { display: block; }  .g2c47 { margin: 0px 1px;; }  .m3UGz { margin: 0px 0.2px;; }    .abvw0 { display: flex; padding: 2px 5px; }  .iZ2bI { min-width: 75px; white-space: nowrap; padding-left: 5px ; }  .u7rUZ { min-width: 50px; direction: ltr ; }    .edIgp { position: absolute; left: 2%; right: 2%; bottom: 0px; border-radius: 4px 4px 0px 0px; background: #0050c0a0; }    .luCDw { position: absolute; left: 50%; right: 2%; bottom: 0px; background: #00a050; }  .xtdmJ { position: absolute; left: 2%; right: 50%; bottom: 0px; background: #f04040; }    .mvw1h { position: absolute; left: 2%; right: 2%; bottom: 50%; background: #00a050; border-radius: 4px 4px 0 0; }  .eWNG0 { position: absolute; left: 2%; right: 2%; bottom: auto; top: 50%; background: #f04040; border-radius: 0 0 4px 4px; }    .ncD8F { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #00a050; border-radius: 4px 4px 0 0; }  .buMdN { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #f04040; border-radius: 4px 4px 0 0; }    .zpdSQ { opacity: .6; }    .yNgon { margin: 1%; padding: 2% 1%; border: 1px solid #20406020; border-radius: 3px; background: #ffffff50; }   .nHGlF { padding: 5px; }      .er4qj { position: absolute; left: 0px; right: 0px; }    .u0MqF { width: 100%; padding: 5px; }  .qTALo{ direction: rtl; height: 98%; width: 98%; background: #ffffff50; border-left: 1px solid #60a0d040;border-right: 1px solid #60a0d040; position: relative; }  .tWCmL{ 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%; }  .wJHaM { background: #00ca70; }  .eXqWX {background: #f04040; }  .kqlax {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; }    .wCatz{ direction: rtl; height: 98%; width: 98%; background: #ffffff80; position: relative; }  .mDftJ{ direction: rtl; height: 98%; width: 98%; background: #ffffff; position: relative; border: #20406030; }    .uRuMh { position: absolute; left:44%; width: 12%; background: #909090; }  .bZnp9 { position: absolute; left:40%; width: 20%; background: #909090; }  .z3Qed { position: absolute; left:14%; right: 14%; min-height: 2%; }  .ubmD4 { position: absolute; left:10%; right: 10%; min-height: 3%; }  .jyL2p { background: #00ca70; }  .gqLzA {background: #f04040; }  .gdVu7 { position: absolute; left:0px; width: 100%; height: 1px; background: #a0b0c080; }  .wAG77 { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f080; z-index: 5; }    .p6U8d { position: absolute; left:40%; height: 100%; top: 0px; right: 40%; background: #909090; }  .c6SJI { position: absolute; left:42%; right: 42%; background: #909090; }  .a5zI4 { position: absolute; left:8%; right: 8%; min-height: 1% !important; }  .gGgYu { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f0a0; z-index: 5; }        .mNkGl { padding: 1px 0px 0px 0px; margin: 1px 0px 4px 0px; }  .ioJcp { padding: 1px 0px 0px 0px; margin: 1px 0px 9px 0px; box-shadow: 0px 5px 8px -5px #00508060; border: 1px solid #20407020; }  .iACuI { border : 1px solid #20406025; box-shadow: 2px 5px 12px -5px #20406030; background: #ffffff80; }  .oyuEJ { width: 100%; display: flex; }  .oyuEJt { padding-top: 2px; }  .oyuEJb { padding-bottom: 0px; }    .jUVGb { text-align: center; padding: 1px; direction: ltr; display: flex; justify-content: center; align-items: center;}  .fMwv8 { width: 30%; }  .fMwv8m { color: #406080; }  .fMwv8mf { font-size: 90% ; }  .jdV68 { width: 40%; }  .jdV68t { color: #607090; font-size: 90%; }  .jdV68m { color: #003070; }  .jdV68mf { font-size: 118% ;}  .kDGlB { width: 30%; }  .kDGlBt { }  .kDGlBm { color: #506070; }  .kDGlBmf { font-size: 90% ; }  .cZVHrp { padding: 8px; }  .cZVHrp > hr { border: 1px dashed #e0f0f0; margin: 8px; }      .eachBaze_barBox1 { background: #ffffffa0; width: 100%; position: relative; height: 5px; overflow: hidden; }  .lA453 { position: absolute; top: 0px; bottom: 0px; right: 0%; background: #f05050; animation: ojOCJ 0.6s 1; }  .rTD2h { position: absolute; top: 0px; bottom: 0px; left: 0%; background: #20d060; animation: cEiI6 0.6s 1; }        .kFbz8 { width: 100%; display: flex; }    .zrXri { flex-grow: 1; min-width: 50%; padding: 3px 5px 2px 5px; border-top: 1px solid #e0e0f0; }  .zrXris { background:linear-gradient(55deg, #00d04010,#00d04010,#00d04000); color: #005020; }  .zrXrig { background: linear-gradient(-55deg, #f0200010,#f0200000,#f0200000); color: #700020; }  .yNRxX { background: #ffffff; border: 1px solid #c0d0e0;}  .yNRxXtit { color: #b0c0c0; font-size: 60%; display: flex; justify-content: center; align-items: center;}  .yNRxXdar { font-size: 115% ; direction: ltr; display: flex; justify-content: center; align-items: center;}      .rhXsQ { position: relative; z-index: 1; }  .rhXsQ:hover { z-index: 400; }  .jQL8j { 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; }  .n91YN { height: 18px; width: 18px; background: #00a0a070; bottom: -10px; }  .jQL8j:hover { z-index: 400; }  .ctA37 { font-size: 11px; z-index: 300; padding-top: 1px; color: #0080d0; font-family: monospace; }  .jMkdk { font-size: 14px; z-index: 300; text-shadow: 0px 1px 4px #001080; padding-top: 1px; color: #fff; font-weight: bold; }  .cZVHr { 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; }  .ogE8c { max-width: 320px !important }  .cZVHr::before { position: absolute; top: -12px; right: 0px; content: ''; border-width:6px; border-style:solid; border-color:transparent transparent #d0d0e0 transparent}  .jQL8j:hover > .cZVHr { display: block; z-index: 400; }  .rhXsQ:hover > .cZVHr { display: block; animation: bXv7L .2s 1 }  @keyframes bXv7L { 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; }      .fuVmt { color: #d00 !important; }  .z6AaR { 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; }      .rkpLL{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .svfzi{ z-index:2;}      .em3VY { position: relative; width: 100% !important; background: #ffffff; font-size: 14px; white-space: nowrap; }    .zqwHs{ height: 40px; width: 100%; background: #d0e0ff; color: #200060; display: flex; flex-wrap: wrap; min-width: 700px !important; position: absolute;top: 0px; right: 0px; }  .uxWwJ{ padding: 9px 8px; position: relative; background: linear-gradient(to right, #f0f0ff15, #0000f015) ; z-index: 200; }  .nNLDL{ padding: 8px 8px !important; border: 1px dashed #80a0ff !important; cursor: pointer; }  .nNLDL:hover{ border: 1px solid #5080ff !important; background: linear-gradient(to right, #a0ffff35, #00a0f035); z-index: 200; }    .h1NlO { display: none; position: absolute; top: 100%; right: 0px; max-width: 400px; background: #fffffff0; box-shadow: 0px 5px 10px #a0a0a0a0; }  .wk9lN { display: flex; flex-wrap: wrap; min-width: 240px; }  .hEbBW { padding: 6px 6px; cursor: pointer; text-align: center; min-width: 40px; }  .hEbBW:hover { background: #0080f0; color: #ffffff; }    .x4XzF { cursor: auto; background: #f0f0ff !important; color: #808080 !important; }    .nNLDL:hover > .h1NlO{ display: block;}        .tQbpe{ 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; }            .s4p0O { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }  .s4p0O { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }    .s4p0O > div { align-content: center !important;display: flex !important; flex-wrap: wrap !important; height:30px; position: relative; }  .s4p0O > div:nth-of-type(even) { background-color: #eaf0f5; }  .s4p0O > div:nth-of-type(odd) { background-color: #ffffff }  .s4p0O > 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; }    .k7eq4 { position: fixed; left: -280px; top: 40px; height: 40px; width: 270px; transition: .2s; display:flex; direction: rtl; text-align: right; background: #ffffff50}  .dqcVW { 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{ }                                            .vkBFl { width: 100%; padding: 2px 5px;; }  .tsetq { background: #ffffff80; height: 28px; font-size: 105%; width: 100%; margin: 2px; position: relative; display: flex; border-radius: 4px; }  .ashvH { height: 30px; font-size: 115%; animation: oEJ3w 0.3s 1; }  .rbUun { height: 26px; font-size: 95%; animation: qsHX9 0.4s 1; }   .abBrJ { align-items: center ; padding: 0px 12px 0px 2px; height: 100%; font-size: 90%; display: flex; }   .afhGT { flex-grow: 1; display: flex; align-items: center ; padding: 0px 4px; height: 100%; direction: ltr; border-radius: 4px; }   .w0WFP { font-size: 120%; min-width: 95px; justify-content: center; display: flex; padding: 0px 4px; }   .dG25g { min-width: 90px; justify-content: center;display: flex; padding: 0px 4px }   .o9WAc { color: #006020; background: linear-gradient(35deg, #00e08020,#00ff2010,#00e08000); border-left: 4px solid #00c00060; box-shadow: inset 30px 0px 30px -30px #00b00040; }   .nuhg5 { color: #501010; background: linear-gradient(35deg, #ff408020,#f0200010,#00e08000); border-left: 4px solid #ff000060; box-shadow: inset 30px 0px 30px -30px #ff000030; }   .o9WAc > .w0WFP { color: #008000; text-shadow: 1px 3px 5px #00ff5080; }   .nuhg5 > .w0WFP { color: #800000; text-shadow: 1px 3px 5px #ff206060; }     .cdDQ0 { position: absolute; right: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; z-index: 100; direction: ltr; }   .dqT1c { transition: .2s; padding: 0px 10px; opacity: 0; animation: nOjLd 7s 1; padding: 5px 10px; display: flex; border-radius: 4px; }   .s3WRd { min-width: 60px; display: flex; justify-content: center; height: 100%; align-items: center; padding: 0px 4px; }   .iv3hh { background: #ffe0f0; color: #a00000; }   .ibI69 { background: #d0fff0; color: #009040 ; }     @keyframes nOjLd { 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); } }                .v9rCg { display: flex; white-space: nowrap; }  .iOanu { 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; }  .nkap3 { outline: #5050f050 solid 1px; border-radius: 0px; }      .zNHjI { background: #fff6f8; color: #501010; border: 1px solid #ff404070; }  .oEqlC { background: #f0fff7; color: #006020; border: 1px solid #00c06070; }    .sn17h { text-align: center; width: 100%; position: relative; }  .tfQTi { position: absolute; left: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; }  .ye8SJ { transition: .2s; opacity: 0; animation: nOjLd 5s 1; padding: 5px 10px; font-size: 80%; }  .aX62u { background: #ff505020; color: #a00000; }  .pDZpM { background: #00a05020; color: #009040 ; }    .mWsCQ { padding: 8px 0px 0px 8px; font-size: 110%; }  .mO5Da { padding: 1px; font-size: 120%; direction: ltr !important; }  .iPbLi { font-size: 80%; opacity: .6;; position: absolute;   width: 50px; height: 100%; top: 0px; right: 2%; display: flex; align-items: center; justify-content: center;  }    .zNHjI > .mO5Da { color: #a00000; }  .oEqlC > .mO5Da { color: #008020; }            .lxQTJ { position: relative; overflow: hidden; height: 50px; box-shadow: 1px 1px 10px #20406015; margin: 5px; border: 1px solid #0050f040; padding: 5px; color: #002060; }    .tablo_gZJ4J { position: absolute; left: 30%; top: 2px; display: flex; flex-wrap: wrap; align-items: center; z-index: 1001; direction: ltr; text-align: left; }  .t63Q9 { 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: eejYj 7s 1; padding: 3px 10px; background: #fff; color: #002080; white-space: nowrap; font-size: 110%;}  .xMd18 { width: 100%; direction: rtl; text-align: right; }  @keyframes eejYj { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .oNC1S { animation: cEiI6 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 }  .bzOh2 { position: absolute; top: -2px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .sPpkW { display: flex; flex-wrap: wrap; }  .ottYG { padding: 8px 7px 1px 0px;}  .aLZNA { padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative; font-size: 125%;}  .nuvzt { font-size: 85% ; display: flex; flex-wrap: wrap; }  .gRi0E { padding: 1px 8px 1px 0px;}  .lLRJ5 { color: #0050a0; padding-right: 5px; }  .oDowe { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}        .srnvX { height:40px; background: #ffffff; border: 1px solid #20406020; box-shadow: 2px 1px 9px #20406012; }      .nuqc6 { 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; }            .jXS9i{direction: rtl; height: 100%; background: #ffffff80; position: relative; display: flex;; }  .q00x5 { display: flex; width: 50%; justify-content: center; align-items: center; }  .aCZAz { font-size: 80%; opacity: .7; padding-left: 7px;; }  .bv4g2 { font-size: 90%; opacity: .8; padding-left: 8px; direction: ltr; }  .eHoda { }                        .vTVzC { display: flex; flex-direction: column; width: 100%; height: 100%; }  .rJJ1j { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10% 0%; }    .v2y { height: 50%; width: 100%; }  .fWJhS { 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=); }  .aUEJe { padding: 2%;; overflow: auto; }    .fibDp { display: flex;margin: 10px 0 20px 0; }  .aHGsO { width: 125px; overflow: hidden; white-space: nowrap; }  .w2uQB { width: 100px; color: #008030;;}    .verXh { display: flex; }  .lYzh4 { padding: 4px 6px; display: flex; align-items: center; height: 30px; overflow: hidden; white-space: nowrap; border: 1px solid #20406020; }    .w2Tdf { width: 300px; }  .mdhXn { width: 60px; }  .cYFcb { width: 180px; color: #0020a0; white-space: nowrap;}  .w2uQB { width: 80px; color: #008030;;}    .v6Rpv { width: 80px; cursor: pointer; padding: 6px 10px; background: #ffffff80; color: #008030; animation: cNLJ6 3s 1;;}      .yTAHB { padding: 8px; ; background: #fafcff; font-size: 13.5px; overflow: auto; min-height: 100%;}  .ontRT { position: fixed !important; background: #fafbfd; top: 41px !important; right: 0px; bottom: 1px; height: auto !important; z-index: 20; width: 100% !important; }    .ocFNU { display: block !important; padding: 10px 5px; text-align: right; direction: rtl;}  .et5Ri { padding: 0px 10px; color: #074; cursor: pointer; }  .ksOHB { padding: 10px 20px 5px 5px; font-weight: bold; color: #05a;}  .ekuDG { padding: 5px 10px; color: #246; text-align: right; min-width: 1200px;;}  .ofI38 { padding: 20px 20px 5px 5px; font-weight: bold; color: #a50;}  .t2dxB { padding: 5px 10px; color: #531;}    .rVZGa{ width: 1200px; padding: 5px 0px 10px 0px; display: none;}  .clJMG { display: flex !important }    .v6G07 { 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; }  .v6G07:hover { background: #ffffff; box-shadow: 0px 1px 4px #00305015,1px 3px 10px #1050a025; outline: 1px solid #00a0f050; }  .ehAxB { background: #ffffff; box-shadow: 0px 1px 4px #00305025,1px 4px 12px #1050a040; outline: 1px solid #00a0f040; margin-top: 12px; }  .jkN9J { 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; }  .x5Yqk { 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; }  .t5uLQ { box-shadow: 0px 0px 3px #00305040,1px 3px 10px #40608045; border: 1px solid #00a0c0a0; margin: 8px 4px; height: 40px; }        .fWC1t { 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; ; }  .wm61F { 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; }  .slJX8 { 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; }    .xdSP8 { 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; }  .hRJo4 { 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; }  .raQQu { 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; }    .qeCz9 { 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; }    .v6G07 > .qeCz9:nth-of-type(even) { background-color: #eaf5ff25; }  .v6G07 > .qeCz9:nth-of-type(odd) { background-color: #ffffff20 }    .sNDs1 { justify-content: start; transition: .2s; padding: 0px 10px; }  .sVymP { border-left: 4px solid #30508025 }  .pewOA { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #40a0ff20; box-shadow: inset 5px 0px 8px #00a0ff40; }  .cgIqT { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #40b0c020; box-shadow: inset -5px 0px 8px #00c0d040; }    .vm0mf { position: absolute; left: 2px; bottom: -2px; padding: 0px; font-size: 85%; color: #804000; display: flex; white-space: nowrap; background: #ffffffd0; }    .ta3TL { font-size: 85%; opacity: .8; padding: 0px 2px;; }    .pUHul { padding: 5px 6px; border-radius: 10px; box-shadow: 0px 2px 10px #3050a015; background: #fff; outline: solid 1px #2050a040; margin-left: 6px;}  .hhUEf { padding: 0px 5px; font-size: 85%; opacity: .8;; }  .h9jS3 { padding: 0px 0px 0px 1px; color: #003090; }      .tTm1H { font-size: 85%; }  .fguHb { direction: ltr; }  .lhNH3 { direction: ltr; }  .qzxer { direction: ltr; color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .xTqfX { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }  .oqaOk { color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .ySbEA { color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }          .rFuHC { display: flex; position: relative; margin: 8px; min-height: 250px; border: 1px solid #20406050; overflow: hidden; background: #40608005; }  .hmmB3 { position: relative; z-index: 1; transition: .2s; }  .uQaoA { cursor: pointer;}  .kX9am { background: #ffffff; box-shadow: inset 0px -90px 80px -90px #20a0f0a0 !important; cursor: auto !important; }  .lTHMI { margin-right: 16px; }  .tFcYF { 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; }  .wANoy { right: auto; left: 16px; }  .tFcYF > div { padding: 3px; white-space: nowrap; }  .hmmB3:hover > .tFcYF { display: block; animation: sWmVx 1 .25s; }  .hmmB3:hover { background: #ffffff; z-index: 2; }  .lhqik { position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 4px solid #20406050; z-index: 5; }    @keyframes sWmVx { 0%{ opacity: 0; transform: translate( -50px, 10px) scale(0.9); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      .diQ2W { box-shadow: inset 0px 40px 40px -50px #00a050; border-top: 5px solid #00904085; }  .tCicX { box-shadow: 0px -20px 1px -1px #b0201050; border-top: 5px solid #a0100085; }        .ibYmq { 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; }    .g85DB { position: absolute; border-right:1px solid #5080b030; background: linear-gradient(to left, #5080b012,#ffffff20); top: 0px; height:100%; opacity: .85; }  .pydXy { z-index: 100; position: absolute; display: flex; justify-content: center; align-items: end; padding: 5px; bottom: 0px; }                                .ifRuF { 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; }   .a8pGs { 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; }   .kmIPh { border: 1px solid #00406020; background-color: #ffffff50; }   .ezlXs { cursor: auto; border: 1px solid #20407030; background: var(--u7MTR); box-shadow: var(--dGzN1); color: var(--xIBTb); }    .rYRDj { top: 30px; position: absolute; right: 0px; left: 0px; display: flex; bottom: 0px; overflow: hidden;; }  .rydZU { top: 30px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto;; }  .mnSuk {position: relative; width: 100%; height: 100%; }   .mFWVT { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }   .fLN2A { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; padding: 2%; }   .pqarn { width: 100%; text-align: center; padding: 10px 5px; }   .f8Wtk { width: 100%; height: 50px; padding: 10px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }   .iIP3k { display: block; }      .gQUDw { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }  .mYELw { }  .vebXZ { width: 100%; height: 100%; position: relative; overflow: auto; }  .upVnA { display: flex; flex-wrap: wrap; }  .o5YSH { display: flex; z-index: 100; position: absolute; height: 30px; background: #f0f5ff; top: 0px; right: 0px; width: 100%; }   .sw68y { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030;white-space: nowrap; }  .y3vG5 { display: flex; z-index: 50; height: 30px; background: #f2faff; border-bottom: 1px solid #20406020; box-shadow: 0px 0px 12px #20407025; }  .al1MP { top: 30px; }  .sqLJ9 { position: static; }   .hzcg9 { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030; line-height: .8; }  .uXGP6 { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; overflow: auto; }  .aDOG0 { }  .n1mIr { bottom: 0px; }  .dlUz6 { 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; }  .faTxX { display: flex; padding: 0px 8px; justify-content: center; align-items: center; height: 100%; }  .m6A1k { cursor: pointer; color: #0020a0; }  .y6q6Q { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; }   .c0qwi { transition: .2s; overflow: hidden; }   .kpcCo { transition: .2s; overflow: hidden; }   .g0tse { border: 1px solid #00306040;border-right: 4px solid #00308040; margin: 10px 6px; background: #fff; border-radius: 4px; }   .cifYf { cursor: pointer; height: 30px; display: flex; border-bottom: 1px solid #20406030; }   .pUELE { height: 100%; display: flex; align-items: center; border-left: 1px solid #20406030; padding: 0px 9px; white-space: nowrap; position: relative; }   .roGsA { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #0050f020; }     .wepYW { height: 100%; display: flex; align-items: center; justify-content: center; }   .fhUHA { direction: ltr; }   .oLPpD { color: #005010; font-weight: bold; background: #00b02050; }   .ylAXE { color: #302000; background: #c0a00040; }   .snFEA { color: #500000; background: #f0000020; }   .mSbUu { color: #500000; background: #f0000040; font-weight: bold; }   .o7RoG { padding: 0px; background: #ffffff80; }         .lCLW4 { min-height: 30px; flex-wrap: wrap; display: none; border-bottom: 1px solid #20406030; padding: 8px; align-items: center; }   .mvnM6 { min-width: 300px; }   .efwPN { display: flex; background: #f0f8ff; }   .bLjQU { margin: 2px 6px; padding: 4px 8px; font-size: 90%; transition: .2s; border: 1px solid #0050b050; cursor: pointer; border-radius: 4px; }   .bLjQU:hover { border: 1px solid #0050b0a0; color: #003090; background: #fff; }   .jybGi { margin: 0px 15px 0px 8px; }   .riyPX { width: 100%; padding: 5px;; }   .qZAV9 { display: flex; }   .zez9r { width: 100%; padding: 4px 10px 10px 5px;; }     .juc11 { padding: 8px; max-width: 700px;}   .v5vyw { 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; }   .zM8z5 { border: 1px solid #20406030; background: #fff; border-radius: 4px; position: absolute; top: -15px; right: 10px; padding: 5px 10px;; }     .s5Tbl { display: flex; min-width: 450px; border-bottom: 1px solid #20406030; }   .aTWs3 { display: flex; min-width: 380px; border-bottom: 1px solid #20406030; }   .jYhOm { padding: 4px 7px; border-top: none; }   .feMD1 { border-left: 1px solid #00305015; }   .upUEV { width: 250px; }   .lItQ5 { width: 130px; direction: ltr; }   .dUyfz { width: 70px; direction: ltr; }   AgendaItem, presidiummember, NewsPaper { display: block; padding: 2px 5px 2px 5px; ; }        .ijte1 { display: flex; flex-wrap: wrap; padding: 5px;; }     .pILaj { min-width: 300px; }   .jbSSd { display: flex; border: 1px solid #20406010; }   .ed3Vf { width: 135px; padding: 4px 9px; border-left: 1px solid #20406020; }   .j1xQV { width: 200px; padding: 4px 10px 4px 2px;; }   .xPeNm { width: 360px; padding: 4px 10px 4px 2px;; }   .e5cSu { direction: ltr; text-align: right; font-family: sans-serif !important; }     .s9QjC { min-height: 250px;; }   .nZhlZ { background: #fbfdff; box-shadow: 0px 8px 8px -4px #20407020; margin-bottom: 1px;}   .f1sgY { padding: 5px 5px 12px 5px;; }      .d37Xt { border: 1px solid #20406030; }  .d37Xt > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .d37Xt > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }      .d37Xt > table { border: 1px solid #20406050; margin: 10px 0px; }  .d37Xt > table > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .d37Xt > 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; }  .d37Xt > 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; }              .eJAnW { 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;  }   .tdqFp { display: flex; align-items: center; padding: 12px 8px; }   .lbh8E { padding: 3px 15px 3px 10px; font-size: 110%; }   .dVit6 { padding: 3px 5px 3px 8px; }   .jfteV { color: #006020; text-shadow: 1px 2px 5px #00803080; }   .urLcj { color: #700010; text-shadow: 1px 2px 5px #80001050; }   .vO3hu { padding: 3px 5px 3px 5px; cursor: pointer; margin-right: 10px; }      .ieP8y { padding: 1%; }   .ii0yn { max-width: 1200px; width: 100%; }   .ek3d2 { margin: 25px 0px 15px 0px; display: flex; flex-wrap: wrap; position: relative;   border: 1px solid #20406040; border-radius: 4px; padding: 40px 15px 10px 15px;   }   .itaaL { position: absolute; top: -10px; right: 8px; background: #fff; padding: 5px 8px; border: 1px solid #20406040; border-radius: 4px;; }        .xk0wr { 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; }            .nUW9j { 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; }    .zzwrh { padding: 5px 1%; background: #ffffff20; flex-grow: 1; min-width: 300px; max-width: 500px;   flex: 1 0 320px;  }    .rm1Ux { max-width: 1000px; flex: 1 0 320px; padding: 6px; }  .sag2B { max-width: 1000px; width: 100%; }      @media (min-width: 1px) and (max-width: 600px)  {   .wDolw { width: 100% }   .rVqFE { width: 100%; }   .uN090 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 601px) and (max-width: 1000px)  {   .wDolw { width: 50% }   .rVqFE { width: 50%; }   .uN090 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1001px) and (max-width: 1400px)  {   .wDolw { width: 33% }   .rVqFE { width: 33%; }   .uN090 { 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; }  }                                                                  .cnw9t { animation: 1s nNbUD 1; background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff) }  .cnw9t { position: absolute; top: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex; box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030; }    .qy8hG { display: flex; height: 100%; z-index: 10; }    .fzqZN { display: flex; height: 100%; padding: 0px 6px; align-items: center; z-index: 10; background: linear-gradient(to top, #ff000050, #ffffffa0,#00e00050); background: linear-gradient(to top, #ff0050a0, #ff000050, #ffffffa0,#ffffffa0,#00e00050,#00e050a0) }   .foZm7 { height: 100%; }      @keyframes oYD7V {   0%{ transform: scale(.8); opacity: 0; }   60%{ transform: scale(1.1); opacity: 1; }   80%{ transform: scale(.8); opacity: 0; }   100%{ transform: scale(.8); opacity: 0; }  }  @keyframes famtG {   0%{ transform: scale(.8); opacity: 0; }   40%{ transform: scale(1.3); opacity: 1; }   70%{ transform: scale(.8); opacity: 0; }   100%{ transform: scale(.8); opacity: 0; }  }  .pUPmv { display: flex; height: 100%; padding: 0px 8px 0px 8px; align-items: center; z-index: 10; font-weight: bold; background: linear-gradient(to top, #ff000050, #ffffffa0,#00e00050); background: linear-gradient(to top, #ff0050a0, #ff000050, #ffffffa0,#ffffffa0,#00e00050,#00e050a0);}   .tfvuy { padding: 0px 2px; animation: 2s oYD7V 12; color: #00a050; }   .nuNkS { padding: 0px 3px; animation: 2s famtG 12; animation-delay: 1s; color: #a00020; }        .ldtGX { padding: 0px 8px; height: 100%; margin: 0px; background: linear-gradient(to right, #ffffff20,#ffffff20, #a0c0ff10);border-left: 1px solid #00308010;}  .vn4Do { cursor: pointer; }  .jbNsu { height: 100%; width: 100%; }  .mwIko { 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); }  .vn4Do:hover > .mwIko { display: block; }  .htJHc { display: block; border: 1px solid #20407050; top: 42px; right: 2px; box-shadow: 1px 3px 20px #20406080; background: #ffffffc0; }      .lJ3Wq { display: flex; height: 100%; padding: 0px 7px; font-size: 95%; }   .kiebo { display: flex; height: 100%; white-space: nowrap; justify-content: center; align-items: center; padding: 0px 2px; word-wrap: none; }   .w87Mw { animation: 1s jd7MV 1; }   .auYH1 { display: flex; height: 100%; align-items: center; padding: 0px 3px; }   .dkJ70 { font-size: 85%; padding: 0px 2px; }     .rdY4Y { display: flex; padding: 8px 10px !important; }   .wQbx8 { display: flex; flex-wrap: wrap; padding: 0px 5px !important; }  .maaIT { width: 260px; }    @media (max-width: 570px)  {   .lJ3Wq { display: block; font-size: 85%; }   .kiebo { height: 50%; }  }            .m2Oq5 { display: flex; height: 100%; min-width: 100px; }   .uJVM8 { display: flex; height: 100%; width: 100px; justify-content: center; align-items: center; }  .f4YCJ { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .lugd1 { height: 100%; position: relative; display: flex; margin: 0px 1px; }   .bjaZ5 { background: linear-gradient(to right, #ffffff50, #a0e0ff10, #a0e0ff30);}   .wuR2a { background: linear-gradient(to right, #ffffff50, #f0a0d010, #f0a0d030); color: #a00010;}   .uOwLM { background: linear-gradient(to right, #ffffff50, #ffffd010, #ffffd080); color: #a08000;}   .zdm4V { background: linear-gradient(to right, #ffffff50, #ffffd010, #e0e0e080); color: #506070;}     .lV0oR { display: flex; z-index: 10; align-items: center; justify-content: center; font-size: 80%; height: 100%; padding: 0px 3px 0px 1px;}   .rGORI { 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; }   .lugd1:hover > .rGORI { opacity: 1; }   .eXoYs { height: 100%; display: flex; }   .bN6Tw { padding: 4px 15px 0px 7px; align-items: center; width: 50px; position: relative; direction: ltr; color: #103050; }   .nQNv2 { font-size: 120%; font-weight: bold; }   .fqRoF { font-size: 105%; font-weight: bold; }   .bWyMv { padding: 0px 3px 0px 4px;opacity: .8; font-size: 50%; text-shadow: none !important; position: absolute; top: 0px; right: 0px; }   .jTNmr { box-shadow: inset 0px -3px 1px #00d01040; color: #009020; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05060; }   .fdj62 { box-shadow: inset 0px -3px 1px #f0001030; color: #c00010; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305060;}        .b9WQt { width: 100%; height: 100%; overflow: hidden; }   .n7mFJ { width: 100%; height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 2px 0px; background: #f0f5fd; }   .zfob9 { 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); }   .bkUFN { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }   .gLHz2 { height: 100%; ; display: flex; align-items: center; padding: 0px 10px;; }   .b5TC6 { height: 100%; ; display: flex; align-items: center; padding: 0px 5px;; }   .guIsS { 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; }   .guXH8 { background: linear-gradient(to top, #40a0ff00, #00d03010, #40a0ff00); color: #007030; }   .u4v7p { background: linear-gradient(to top, #40a0ff00, #e0002010, #40a0ff00); color: #800010; }   .guIsS:hover { background: linear-gradient(to top, #0080f0a0, #00a0f0e0, #40a0ff80); color: #fff; }   .ukBLk { padding: 0px 5px; font-size: 85%; }   .pw6eO { width: 50%; height: 100%; border: 1px solid #20406020; display: flex; align-items: center; }   .tZ4Ar { padding: 0px 8px; }   .vDSRn {justify-content: flex-end; }   .m0FHJ { width: 100%; flex-grow: 1; padding: 1px 3px; }   .ponDT { outline: 1px solid #20406025; margin: 6px 2px; box-shadow: 0px 4px 7px -4px #20406050; border-radius: 4px; background: #ffffff; }   .bdQLY { width: 100%; height: 26px; display: flex; }   .muCzl { width: 100%; height: 35px; display: flex; }   .elWen { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }   .z9GXw { font-size: 85%; line-height: 1.4; text-align: center;}   .vuttP { width: 50%; height: 100%; display: flex; }   .bXJdB { background: #00d04010; }   .vmPo4 { background: #f0001010; }   .gILPo { color: #005010; background: linear-gradient(to right, #00d03015, #00d03010, #00a03000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05050; }   .mjp8X { color: #700010; background: linear-gradient(to left, #f0001015, #f0001010, #a0001000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305050; }   .zs5gC { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110%; }   .zlC4p { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 90%; }   .w2vVn { display: flex; height: 100%; justify-content: center; align-items: center; width: 50px; position: relative; direction: ltr; box-shadow: none !important; }   .jSF5T { width: 100%; height: 28px; padding: 4px 5px; display: flex; justify-content: space-around; }   .tUIyg { 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;; }   .tUIyg:hover { background: #a050f0; color: #fff; border: 1px solid #2030a0; opacity: 1; }   .iBJZ8 { width: 100%; }     .ncwQQ { width: 100%; height: 26px; display: flex; position: relative; background: linear-gradient(to top, #ffffff50, #00a0ff10, #ffffff50); }   .ltnQL { height:100%; display: flex; position: relative; z-index: 2; align-items: center; padding: 0px 10px;}   .shrve { flex-grow: 1; }   .rOoy8 { 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; }   .aTxpX { 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; }       .wAUfq { width: 100%; height: 28px; display: flex; }   .uj6ES { width: 100%; height: 26px; display: flex; }   .wG0Ds { width: 49%; height: 100%; display: flex; }   .ie3Na { width: 2%; height: 100%; display: flex; }       .f2Qhk { padding: 5px; }   .pMrmO { padding: 8px 15px; }   .huZGJ { display: flex; align-items: center; height: 40px; margin: 4px 0px; border-radius: 3px; background: #f0f0f050; border: 1px solid #20406030; cursor: pointer; transition: .2s; }   .q5xgO { display: flex; align-items: center; padding: 0px 10px; width: 210px;; }   .huZGJ:hover { background: #ffffff; border: 1px solid #2040a0a0; }   .xihL0 { background: linear-gradient(to right, #ffffff, #d0f0ff) !important; border: 1px solid #2040a0a0; }      .vzFna { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .oYEa9 { padding: 0px !important; display: flex; height: 100%; flex-direction: column; transition: .2s; overflow: hidden; }   .qLBXR { padding: 1px; }   .cPQrs { height: 30px; display: flex; border-bottom: 1px solid #20406010; padding: 2px 3px; }   .gAbZd { height: 100%; display: flex; margin: 0px 2px; justify-content: center; align-items: center; flex-grow: 1; }   .yvYJs { 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; }   .yIBbo { margin: 0px; border-radius: 0px; }   .yvYJs:hover { background: #00a0f010; }   .v7ek8 { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }   .caBGt { flex-grow: 1; overflow: auto; }   .jBjIs{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; height: 100%; width: 100%; }       .qH7ur { width: 100%; display: flex; height: 100%; }   .a47OG { display: flex; flex-grow: 1; border: solid 1px #20405020; padding: 0px 5px; height: 100%; align-items: center; cursor: pointer; }       .pv1Yj { height: 100%; width: 100%; overflow: hidden;}     .teYoS { display: flex; height: 92%; min-width: 225px; }   .aTVDy { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 2px; z-index: 100 }   .f2R3a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; opacity: 0; transition: .4s; transform: translate(0px,-10px); }   .zzD9f { animation: 7s zJuAt forwards; }   .sWdux { position: absolute; bottom: 0px; right: 0px; left: 0px; }   .qmsXX { display: flex; height: 100%; white-space: nowrap; align-items: center; padding: 0px 8px; }   .hqOEL { display: flex; white-space: nowrap; direction: ltr; }     .pGf6j { display: flex; height: 17px; width: 100%; position: relative; background: #fff; border-radius: 0 0 3px 3px; }   .kwCHe { height: 7px; }   .hbish { height: 100%; width: 100%; opacity: 0.1; }   .evmOi { height: 100%; }   .tgBsO { background: #c00030 !important; }   .aqboB { background: #ff3000 !important; }   .fn79Q { background: #00c060 !important; }   .zfZD0 { background: #30a000 !important; }     .bFldo { z-index: 100; background: #fff; padding: 0px !important; border: none !important; }   .wqrU9 { display: flex; padding: 5px !important; font-size: 90%; position: relative; }   .hXx1p { min-width: 100px; ; }   .i53Pb { min-width: 45px; ; }   .difwY { font-size: 110%; font-weight: bold; min-width: 40px; ; }   .ex8Vi { 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; }     .hNIBD { padding: 0px !important; display: flex; flex-direction: column; height: 100%; }   .vTzbB{ padding: 5px !important; }   .vpWkx{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1; }     .lb66C { position: relative; }   .lb66C:hover { position: relative; z-index: 10; }   .v5XAw { position: relative; z-index: 2; padding: 0px 8px; }   .pPX72 { position: relative; z-index: 2; padding: 0px 15px; }   .b2pIu { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; }   .mABh0 { padding: 6px 0px !important; display: flex; justify-content: center; align-items: center; }   .rMQVW { padding: 1px 0px 5px 0px !important; display: flex; justify-content: center; align-items: center; }   .gnfeA { height: 26px !important; }   .rxF52 { height: 26px !important; padding: 0px 5px; display: flex; align-items: center; }     .vVTXI { padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; margin-top: 4px; min-width: 310px; height: 400px; overflow: auto; background: #fafdfe; }   .dpAom { padding: 4px 5px !important; flex-grow: 1; width: 100%; position: relative; }   .ka1E3 { padding: 4px 0px !important; width: 100%; position: relative; overflow: hidden; }   .f81NC { padding: 6px 8px !important; width: 100%; }   .bIkHs { padding: 2px !important; width: 100%; min-height: 300px; }   .qiojz { padding: 6px 8px !important; width: 100%; display: flex; position: relative; z-index: 1000; }   .iP4Gg { padding: 4px 5px !important; margin: 2px 5px; border: 1px solid #20406030; min-width: 85px; }   .pbjpV { width: 85px; display: flex; flex-wrap: wrap; }       .dZPgT { display: flex; height: 28px; align-items: center; padding-left: 5px; }   .d9yBo { padding: 0px 5px 0px 10px; min-width: 50px; font-size: 110%; font-weight: bold; }   .f4G6L { padding: 3px 5px 0px 0px; font-size: 80%; opacity: .9; }   .qPA2e { padding: 2px 8px 0px 0px; font-size: 100%; }   .ardpe { direction: ltr; font-size: 110%; width: 55px; display: flex; justify-content: center; font-weight: bold; }   .pgTsJ { padding: 4px 4px 4px 0pxx; font-size: 85%; font-weight: normal; }   .kuJaO { color: #008020; }   .wy341 { color: #800010; }     .jOEDP { padding: 2px; width: 100%; }   .eMYBX { display: flex; width: 100%; }   .sdsWj { display: flex; justify-content: center; width: 20%; }   .qaaBx { padding: 1px 0px 0px 6px; font-size: 90%; background: linear-gradient(to left, #ffffffa0, #ffffff00); border-radius: 0px 4px 4px 0px; }   .h3yVw { padding: 0px 1px; font-weight: bold; }   .wPRA5 { font-size: 80%; }       .s6VDc { position: relative; padding: 20px 5px 5px 5px !important; }   .iwP3f { position: relative; padding: 10px 5px 2px 5px !important; }   .vYdie { position: absolute; top: -4px; right: 5px; padding: 2px 8px; font-size: 95%; border-radius: 4px; z-index: 100; }   .n3xBE { display: flex; padding: 2px 3px; height: 100px; align-items: flex-end; }   .yVC5o { flex-grow: 1; margin-left: 1px; border-radius: 3px 3px 0 0; background: #0080ff; cursor: pointer; }   .kw0bn { background: linear-gradient(to top, #00a020, #00b060); }   .r8g0q { background: linear-gradient(to top, #d01020, #c02050); }   .eab4w { height: 25px; align-items: center; background: #ffe0ff20; margin: 4px 3px;   position: relative; padding: 0px 10px; border-radius: 4px; border: 1px solid #20406030;   }   .uc6Xk { position: absolute; padding: 0px 10px; z-index: 10; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center ; border-radius: 4px;}   .a9whM { 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 ); }   .kCFhs { 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; }   .eab4w:hover > .kCFhs { opacity: 1;}     .w3aTj { display: flex; height: 25px; align-items: center; }   .xJyc2 { padding: 0px 0px 0px 8px; min-width: 60px; }   .dxMaG { flex-grow: 1; padding: 0px 8px; direction: ltr; text-align: left; }   .wCfhj { padding: 0px 8px; color: #003060; font-size: 90%; padding-top: 2px; min-width: 50px; }     .dgpoO { }   .ppwC7 { padding: 0px 0px 0px 2px; transform: scale(.8) !important; opacity: .8; }   .tHSn8 { color: #007020; display: flex; padding-left: 7px; }   .qGq7p { color: #900000; display: flex; padding-left: 7px }   .mJkzM { font-size: 90%; }       .fMnzp { padding: 5px; width: 250px; }   .ew8tL { padding: 1px; font-size: 90%; opacity: .9; }   .pq0rT { padding: 2px 10px 0px 0px; display: flex; }   .iB5Nl { padding: 0px 45px 4px 0px; display: flex; font-size: 90%; }     .t0bYc { 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; }