.oI6rej { box-shadow: none; background: #ffffff10 !important; }  .kLoxEj { box-shadow: none; background: #ffffff80 !important; }  .siYS4j { background: url('https://vita-min.ir/asset/pic/bg/pat_eid.jpg') !important; }                .dUCpm{ padding: 8px 15px; color: #003060; background: #ffffff50; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .dUCpm:hover { color: #0030a0; background: #ffffff; border: 1px solid #0030a0a0 }      .nHMdX { padding: 5px 10px; color: #fff; background: #00a0f0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .nHMdX:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }    .aawjA { padding: 5px 10px; color: #204080; background: #ffffff80; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .aawjA:hover { color: #0040a0; background: #fff; border: 1px solid #0030a0; padding: 5px 15px; }      .dtBse { padding: 5px 10px; color: #004080; background: #ffffffa0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .dtBse:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }                    .fut6i { 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; }    .xkziv { min-width: 28px; padding: 0px 1px 1px 2px; display: flex; justify-content: center; align-items: center;}    .k41MS { position: relative; background: #d0b000 !important; color: #ffffe0 !important; border: 1px solid #f0a000 !important; text-shadow: 1px 1px 5px #a05000 !important; }  .k41MS:hover { background: #d0b000 !important; color: #ffffff !important; border: 1px solid #a0a000 !important; }      .oJcCP { position: relative; background: #fffff0; color: #503000 ; border: 1px solid #f0a00010; text-shadow: 1px 1px 15px #a05000a0 }  .oJcCP:hover { }  .zXvki { 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);  }  .zXvki:hover { opacity: 1; transform: scale(1) }        .v70sR { background: #ffffff20; color: #506070 ; border: 1px solid #50607050; }  .v70sR:hover { background: #ffffff ; color: #5080a0; border: 1px solid #5060a0a0; }    .oV9HU{ padding: 2px 5px; font-size: 85%; }      .xySEC { padding: 4px 6px; }  .l1u50 { margin: 4px 6px; }  .g6QV8 { margin: 1px 6px; }                                        .iO89Q { text-align: center; padding: 10px; font-size: 95%; color: #0060a0;}  .pLuWT { text-align: center; padding: 10px; font-size: 95%; color: #20b080;}  .uZQfb { text-align: center; padding: 10px !important; color: #506080;}    .il55M { padding: 5px !important; direction: rtl !important; transform: scale(1) translate(-70px,0px) !important;}   .zMusV { 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; }   .k3gGx { height: 30px; margin: 3px 1px; background: #a0d0ff10; }   .wSWtg { cursor: auto !important; margin-top: 10px; background: #ffffff00 !important; color: #006020 !important; }   .greNM { opacity: 0.65;; background: #f0a0d020 !important; cursor: auto; }   .zMusV:hover { background: #a0d0ff60; color: #0050a0; }   .w5dJL { display: flex; height: 100%; padding: 0px 12px 0px 0px; align-items: center; white-space: nowrap; }   .yxAv1 { width: 50%; display: flex; height: 100%; padding: 0px 0px 0px 12px; align-items: center; direction: ltr; font-family: cursive; }   .tjnQx { flex-grow: 1; display: flex; height: 100%; padding: 0px 15px 0px 12px; font-size: 90%; align-items: center; justify-content: end; }      .blmaH { 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;}               .vVMTU { cursor: pointer; color: #006030; height: 100%; ;}     .n8Lwx { white-space: normal !important; width: 355px; display: none !important; transition: 0s !important; }   .m5rXV { display: block !important; }   .w1vpo { font-size: 95%; color: #720; }   .g0BS0 { padding: 10px 10px 5px 8px; }   .vRYQB { 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; }     .drX84 { padding: 2px 15px; display: flex; justify-content: center; align-items: center; }   .tkhxs { padding: 6px 15px; background: #0050b0; color: #f0f0f0; border-radius: 4px; cursor: pointer; transition: .2s; margin: 0px 5px 0px 15px; }   .tkhxs:hover { background: #00a0ff; color: #ffffff; }         @keyframes iyLJx { 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);} }   .a4adG { line-height: 1.65; padding: 10px 12px; max-width: 600px; margin: auto; }   .cegur { padding: 5px 2px; }   .ox0VL { display: flex; padding: 0px 5px; height: 30px; ; margin-bottom: 8px;; }   .uOy4L { height: 100%; display: flex; align-items: center; flex-grow: 1; font-size: 110%; font-weight: bold; }   .huhit { height: 100%; display: flex; align-items: center; padding: 0px 5px; }   .gsl4d { 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;; }   .fxRsW { margin: 0px 5px; padding: 4px 10px; }   .gsl4d:hover { background: #ffffff; color: #003070; border: 1px solid #0040a0; transform: scale(1.05); }       .om2yq { font-size: 85%; opacity: .85; padding: 0px 5px; ;}   .pgmgz { font-size: 85%; opacity: .85; padding: 0px 2px; ;}   .kYfol { font-size: 85%; opacity: .85; padding: 0px 0px 2px 0px; ;}       .yk1d4 { padding: 5px; overflow: auto;}     .h42sE { padding: 5px; overflow: auto;}   .mHCpR { padding: 10px; }     .y1xgj { display: flex; min-width: 760px;}   .ifYBo { padding: 5px 0px; ; }   .rSqfM { 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;; }   .d6gHO { border: solid 1px #20406020; background: #2080b0; color: #fff; min-height: 40px; display: flex; justify-content: center; align-items: center; }     .zRDln { width: 120px; }   .q1PlW { width: 170px; font-size: 85%; display: block; padding: 7px 9px; }   .mSymH { padding: 2px 0px; display: flex; }   .l815n { min-width: 80px; display: block; }   .bvXmc { width: 130px; font-size: 85%; display: block; padding: 7px 9px; }   .zYUTm { width: 75px; }   .urBZL { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100; background: #d0e0f080; backdrop-filter: blur(1px); }             .lhW4e { cursor: pointer; color: #2050a0;; }     .jkZfi { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 30px 40px; background: #00005010;backdrop-filter: blur(8px);; z-index: 100; direction: rtl;}   .lPaJ1 { 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; }       .m3szU { top: 0px; left: 0px; display: flex; flex-direction: column; min-width: 200px; overflow: auto; overflow-y: scroll;}   .iv8uy { top: 0px; left: 0px; background: #f0f5ff50; width: 170px; overflow: auto; }   .tZ1YT { display: none !important; }       .cW4O3 { height: 42px; background: #faffff80; border-bottom: 1px solid #2050a050; display: flex; box-shadow: 0px 1px 10px #20406040; z-index: 10;}   .xyg4y { display: flex; justify-content: center; align-items: center; }   .nFQup { width: 40px; height: 40px; margin-bottom: 1px; background: #a0203020; color: #a10; border-radius: 7px; font-size: 25px; transition: .25s; cursor: pointer;; }   .qq01B { padding: 0px 5px; flex-grow: 1; display: flex; justify-content: start; }   .yRX1v { padding: 0px 10px;border-left: 1px solid #4060a050; }   .xP6aP { display: block; padding: 4px 10px;margin: 0px 6px; border-radius: 4px; font-size: 90%;; color: #ffffff !important; background: #0090f0; border: 1px solid #0050d0; }   .xP6aP:hover { background: #0000ff; border: 1px solid #0000a0; }   .xVN2c { padding: 10px; background: #00a0f020;color: #0050b0; cursor: pointer; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .z37xP { padding: 10px; background: #ffb00020;color: #604000; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .fzZrM { padding: 10px; position: absolute; top: 50px; right: 10px; left: 10px; background: #fffffff0; box-shadow: 2px 5px 20px #20406040; display: none; }   .z37xP:hover > .fzZrM { display: block;}     .wb1W3 { position: relative; display: flex; flex-grow: 1; overflow: hidden; }     .q51DL { height: 40px; min-width: 900px; display: flex; background: #f0f5fa50; padding: 0px 7px 0px 25px;}   .hT0l2 { height: 100%; padding: 8px; display: flex; align-items: center; background: linear-gradient(to right, #ffffff20, #0080a010); border-left: 1px solid #4060a030; }   .kDCG5 { width: 250px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .rUMT5 { width: 200px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .res46 { width: 100px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }   .rSP5c { width: 60px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }     .aGB5F { width: 90px; overflow: hidden; justify-content: center; ; }   .lIJJO { width: 90px; overflow: hidden; justify-content: center; border-left: 4px solid #4060a025 !important; ; }   .wijIj { flex-grow: 1; min-width: 900px; }       .scLkV { min-width: 900px; background: #ffffff80; box-shadow: 1px 2px 8px 1px #00408030; margin: 6px 6px ; border: solid 1px #30507030; border-radius: 7px; overflow: hidden;; }   .i8jsX { display: none !important; }   .nfGVl { 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; }   .pTHye { font-size: 85%; opacity: .85; padding: 1px 6px 0px 0px; }   .wyVer { display: flex; border-bottom: solid 1px #20406020; font-size: 94%; }   .eG9yi { border-top: 4px solid #4060a025 !important; font-size: 85%;; opacity: .85; }   .ejhRT { background: #f5f5ff; }   .nR3UC { height: 35px; padding: 8px; display: flex; align-items: center; border-left: 1px solid #4060a030; white-space: nowrap;}     .u9XNI { min-width: 900px; background: #ffffffa0; display: flex; padding: 0px 7px 0px 25px; border-bottom: solid 1px #20406030;; }       .q7itZ { direction: ltr; color: #072; text-shadow: 0px 1px 12px #00ffa085; background: #00d08007; outline: 1px solid #00f00025; outline-offset: -1px }   .uP0Ny { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff808085 ; background: #d0000006; outline: 1px solid #f0000025; outline-offset: -1px; }     .jWFy3 { margin: 6px; border: 1px solid #20406050 ; border-radius: 8px; overflow: hidden; background: #ffffff80}   .dndoC { padding: 5px 10px; color: #5000a0; background: #ffffff60; box-shadow: 0px 1px 10px #00206050; }   .snSAZ { padding: 1px 3px; color: #708080; cursor: pointer; display: flex; transition: .2s }   .kn5a6 { padding: 4px; flex-grow: 1;; }   .gqIbx { padding: 4px; }   .gsT1U { color: #038; text-shadow: 0px 1px 12px #40a0f0; }     .avGQ3{ display: flex;}   .k8UzY{ 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;  }    .ggmEF { background: #f5faff; }  .skcIw { background: #f0f5fb; }      .zDl7m { color: #102040; }  .lERyH { color: #405060; }        .f1yzF { box-shadow:2px 5px 10px #00205030, 1px 2px 3px #00305020; outline: 1px solid #5070a040; }  .f1yzF > div:hover { box-shadow: inset 0px 0px 8px #b0d0f0 !important; }  .f1yzF > div:nth-of-type(even) { background: #d5eaf560; background: linear-gradient(to top, #d0e0f080, #ffffff00); }  .f1yzF > div:nth-of-type(odd) { background: #ffffff20; background: linear-gradient(to top, #fffffff0, #ffffff00); }  .f1yzF > 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;}  .lI2cg { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .lI2cg:hover { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .zTuRs { background: #00b0b0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .zTuRs:hover { background: #00a0a0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }        .f1yzF {   margin:0px !important; direction: rtl; text-align: right; transition: .2s;   align-content: center; white-space:nowrap ; height:34px;   display: flex; line-height: .9;  }  .kQhLY { position: relative; z-index: 1000; box-shadow: none; }  .dlvOM { 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;  }  .b3GnW  {   right: auto; left: 0px;;  }  .eE6Cd { cursor: pointer !important; }  .zqfgs { font-size: 85%; line-height: 1 !important; }  .p51v3 { font-size: 75%; line-height: .95 !important; }    .f1yzF > div:hover > .dlvOM { display: block; }      .dlvOM { background: #ffffff; box-shadow: 2px 2px 10px #a0b0c0; }      .rFReP:nth-of-type(even) { background: #f2f7fc85; }  .rFReP:nth-of-type(odd) { background: #ffffff85; }    .rFReP{ height: 100%; border-left: 1px solid #20406030;}        .kDzQe { border-top: dashed 1px #a0a000; font-size: 90%; color: #700080; }      .eXaZ8 { 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; }  .eXaZ8:hover { background: #f0a000 !important; color: #fff !important; text-shadow: 1px 2px 8px #b08000; outline: 2px solid #805000; outline-offset: -2px ; }                                        .dRjy5  {     --lFPmx : #d0e0f020;   --xX2Vy : #f6fbffd8;   --ri9aF : #f5f9fdd0;   --zZlw4 : 0px 0px 15px #20406025;     --lAh2z : #ffffff10;   --s31hl : 1px solid #a0b0c010;   --d3rZC : #ffffff;   --wwqcJ : 1px solid #2050a030;       --em8CE: #f0000005;   --bOAtv: #a02010;   --bFn40: #d0002020;   --hS7lJ: #c03000;     --oQxa8: #f0a00005;   --pdZnd: #805000;   --q4yYM: #f0a00020;   --h2wtG: #a08000;     --deF0N: #00e00005;   --uO7Ot: #009040;   --sgwhx: #00b04020;   --tdt51: #00b050;     --hfHC2: #0080f005;   --aadH4: #0040a0;   --mikWn: #00a0ff20;   --yBGCB: #0050b0;       --dI5Hw: #a0c0d010;       --dYOpN: #20406010;   --hIznQ: #20406020;   --i936d: #20406030;   --i2SDv: #20406040;   --mpTgL: #20406050;       --k3JVz: #00408020;   --nwqqI: #00406020;   --uMwic: #00406030;   --fJs8B: #00406050;       --jaZTm: #20406010;   --pqH5H: #20406020;   --t5AcT: #20406030;   --aFn6W: #20406040;   --mc3Ma: #20406050;       --w3AW3: #ffffff10;   --mURZ5: #ffffff20;   --cxDBN: #ffffff30;   --a64kt: #ffffff40;   --f8yER: #ffffff50;   --sHgwf: #ffffff80;   --w9yGj: #ffffffa0;     --g7Oq6: #f5faff10;   --qyUO4: #f5faff20;   --bNOR5: #f5faff;         --qCTD6 : #ffffff;   --bx8jh : #00a0ff !important;   --a04Ac : inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important;         --xrRV2: #0080d0;     --yRIPE: #003060;    }              .tU14u{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 7px; }  .h6BOv{ background: #00a0a0; cursor: pointer; }  .jsQb9{ color: #ffffff; font-weight: bold; text-shadow: 1px 1px 7px #005050; }      .em8Pe {   background: linear-gradient(135deg, #ffcc33, #ff6699);   color: white;   padding: 20px; border-radius: 10px;   max-width: 600px;   margin: 20px auto;  }  .pVLWB { color: #fff; font-weight: bold; margin: 20px 5px; text-shadow: 1px 1px 12px #b000a080; font-size: 22px; }  .v98we {   font-size: 20px;   font-weight: bold;   margin: 15px 0;   color: #ff3366;  }  .tlQzD {   background: #ffffffb0;   color: #123;   padding: 15px;   border-radius: 8px;   margin-top: 15px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);  }  .inYSG {   font-size: 16px;   color: #555;   margin: 10px 0;   line-height: 1.6;  }  .hap3l {   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; }  .bzkUm { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }  .oxLbO { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }    .yeBF8 { position: relative; width: 100%; height: 100%; overflow: hidden;; }      .Notification{display: none !important}  .load_spin { display: none !important; }  #ModalWindowOuter2 { display: none !important;}        .kW1Dq { padding: 0px; transition: .3s; cursor: pointer; border: 1px solid #50607020; display: flex; position: relative; }  .iiQlQ { max-width: 150px; white-space: nowrap; overflow: hidden; }  .ynVIY { 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; }  .kW1Dq:hover { background: #00a0ff30; color: #002070; border: 1px solid #0060a060; }  .kW1Dq:hover > .ynVIY { display: block; }  .pjcBV { width: 30px; min-height: 20px; display: flex; justify-content: center; align-items: center; opacity: .7; transform: scale(0.9) translate(1px,-2px); }  .eSRuv { padding: 2px 6px; font-size: 90%; flex-grow: 1; }  .emsmw { direction: ltr; text-align: right; }          .w5SiN { margin-bottom: 10px; }  .igjwv { padding: 15px ; }  .qsLhH { padding: 15px 20px; }    .u3fxT { 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;;  }  .u3fxT:hover { background: #ffffff; z-index: 5; box-shadow: 1px 2px 20px #20407030; }  .v0fnv { 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; }  .fOPuP { overflow: hidden; white-space: nowrap; direction: ltr; position: relative; border-left: 1px solid #20406030; display: flex; justify-content: center; align-items: center; }  .uzi68 { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 0px; }  .lguYg { padding: 8px 0px; }  .zx34C { opacity: .9; font-size: 85%; padding: 5px 0px; }  .zyzuF { width: 100%; flex: 1; display: flex; align-items: center; direction: ltr; padding: 0px 6px;; position: relative; }  .rhX0r { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; padding: 0px 6px;; position: relative; }  .iFixL { padding-left: 10px; font-size: 90%; }  .yAcyu { font-size: 85%; }  .g4X4n { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .h7nuq { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .vtOae { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0ff50; }  .fCD7W { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a02025; }  .yH0F2 { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #b0002020; }  .fmhzH { z-index: 100; }  .jYMtB { direction: rtl; font-size: 105%; color: #204070; }    .bO5JZ { background: #00b03005; text-shadow: 1px 2px 10px #00a03060 ; }  .kmMkZ { background: #e0100005; text-shadow: 1px 2px 10px #d0100060 ; }    .fu8mG { padding: 0px; }        @media (max-width: 700px)  {  .kBowD { display: none; }  }      .nkaL5 { 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 ayLTb 1; transition: .25s; transform: translate(0px,0px); outline: 1px solid #f0a0f0;  }  .sfquI { transform: translate(0px,-1px) scale(.9) !important; }  .kwEfG { transform: translate(-2px,-2px) scale(.8) !important; }    .hIwRh { 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; }  .hIwRh:hover { height: 40px; padding: 0px 6px; opacity: 1; border: 1px solid #008050a0; background: #ffffff; color: #00a050; box-shadow: 0px 0px 8px #0040a050;}    .uTrf0 { position: absolute; left: 0px; height: 0px; top: 40px; }  .zshOB { 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 bG6vC 1; animation-fill-mode: forwards;   background: #fff; transform: translate(-400px,0px); min-width: 320px; max-width: 350px; }   .vNFyF { border-right: 4px solid #c00020; color: #800010; }   .wSEOy { border-right: 4px solid #00a060; color: #006010; }  .lF0ek { animation: 5s bG6vC 1; animation-fill-mode: forwards; }  .xaPWE { animation: 6s inBXL 1; animation-fill-mode: forwards; }  .taezd { animation: 7s inBXL 1; animation-fill-mode: forwards; }  .ogZgw { animation-delay: 0.5s; }  .z6hFN { animation-delay: 1s; }      .cSGZG { display: flex; height: 100%; }  .rTz75 { width: 200px; padding: 0px !important; border: 1px solid #ffa000 !important; overflow: hidden !important; }   .j1i3R { position: relative; transition: .2s; padding: 8px 2px 2px 2px !important; cursor: pointer; background: linear-gradient(to bottom,#ffa0e0e0, #fff0e0e0); }   .j1i3R:hover { background: linear-gradient(to bottom,#f080e0, #ffead0); }   .tMlNS { padding: 3px 2px !important; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); }  .vURLI { height: 100%; }  .zWfRq { height: 100%; border-radius: 10%; }  .wFw1G { height: 100%; aspect-ratio: 1/1; min-width: 30px; transition: .2s; color: #506070; }  .cy4M8 { height: 100%; padding: 0px 5px; min-width: 35px; overflow: hidden; display: flex ; flex-wrap: nowrap ; align-items: center; justify-content: center; }    .jiaml { font-size: 85%; }  .uIaOS { opacity: .5 ; }  .kWkG7 { opacity: .85 ; color: #00a030; }  .h9QoC { opacity: .85 ; color: #d0c000; }  .pvX3U { opacity: .85 ; color: #d01000; }    .zjPBS { position: absolute; top: 5px; left: 5px; color: #d02000; animation: 1.5s zjPBS 1; opacity: 0; }  .gmG31 { position: absolute; z-index: 1000; top: 5px; left: 8px; color: #008040; animation: 1.2s gmG31 1; opacity: 0; }      .myExitIcon1 { transition: .2s; color: #a06070; height: 100%; width: 40px; }  .myExitIcon1:hover { color: #b00020; background: #f0405020 }  .kPizA { height: 100%; }  .kfcZM { height: 100%; transition: .2s; min-width: 35px; }  .rc035 { transform: scale(1.1) translate(0px, 2px) !important; opacity: .7; }  .kfcZM:hover { background: #f0e0ff; }  .myExitExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap;}  .myExitExtraItem1:hover { background: #f0405030 ; color: #600000; }                  .hRkkh{ z-index: 14000; position: absolute; top:0px !important; left:0px !important; right: 0px ; bottom: 0px; overflow: hidden;}  .gwjZF{ z-index: 14000; position: absolute; top:30px !important; left:0 !important; right: 2px ; bottom: 26px; }  .c4xIA{ z-index: 14000; position: absolute; top:32px !important; left:0px !important; right: 0px ; bottom: 0px;}  .nvSin{ bottom: 0px; top: 0px !important; }  .iZuLY{ overflow: auto; }    .rnlY7{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}  .espuH{ width: 100%; height: 100%; position: relative;}  .dvXJs{   z-index: 2;   background: #f5fcffd0;   box-shadow: 0px 12px 15px -12px #20406020;  }  .cfij7{ z-index: 2; }  .mCamT{ flex-grow: 1; overflow: hidden; z-index: 1; position: relative; }    .yHPgF { 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;}  .htElQ { position: relative; z-index: 2;height: 30px; font-size: 85%; margin: 3px 0px; max-width: 90%;display: flex; direction: rtl; text-align: right;}    .oHdVE { 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;}    .oHdVE:hover{ background: #ffffff50; border: 1px solid #a0b0c050; z-index: 10;}    .j9wAg { min-width: 20px; animation: .4s j9wAg 1 ; max-width: 180px;}  .oHdVE:hover > .j9wAg { max-width: fit-content}  .w1GVZ { min-width: 20px; animation: .4s j9wAg 1 ; max-width: 225px;}  .s54JE { font-weight: bold;}  .kBowD { font-size:75%; animation: .4s j9wAg 1 ; }  .bx2cD { font-size:85%; animation: .4s j9wAg 1 ; }    .mfvQB { display: flex; height: 100%; padding: 1px; }     .s14dP{   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;   }   .s14dP::after { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -2; background: #ffffffa0; }   .s14dP::before { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -1; opacity: 0.6; transition: .2s; }   .s14dP:hover{ opacity: 1; }   .s14dP:hover::before{ animation: rStOo 3s linear 1; opacity: 1; }     .xUsHv{ outline: 1px solid #c000a050; color: #600040; }   .xUsHv::before{ background: #00a0ff30; background:linear-gradient( -45deg,#ffa0f0,#ffffff,#ff80e0 ); }   .xUsHv:hover{ background: #00a0ff30; outline: 1px solid #d000a0a0; }     .jc6Ma { position: relative; }     .rV8g7 { outline: 1px solid #0050a050; color: #001070; }   .rV8g7::before { background: linear-gradient( -45deg,#80c0ff,#ffffff,#b0d0ff ); }   .rV8g7:hover { outline: 1px solid #0050f0a0; }     .nMNYY { outline: 1px solid #00a05050; color: #006000; }   .nMNYY::before { background: linear-gradient( -45deg,#50f0e0,#ffffff,#a0f0e0 ); }   .nMNYY:hover { outline: 1px solid #00d050a0; }   .oruhZ { opacity: 0.6;}     .srm7y { outline: 1px solid #90600060; color: #605000; }   .srm7y::before { background: linear-gradient( -45deg,#e0a000,#ffffff,#f0d080 ); }   .srm7y:hover { outline: 1px solid #a05000a0; }     .nYtwa { 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 ; }   .niBi5 { display: block; transform: translate(0px,0px); }   .nrQ3A { padding: 5px ; display: flex; justify-content: center; }   .jjjjs { padding: 10px 10px; }   .oyFr8 { 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; }   .oyFr8:hover { z-index: 22; }   .pAkrU{ opacity: 0.7; }   .jGFZh { display: flex; z-index: 10; height: 32px; position: relative;; border: 1px solid #20406020; background: #e0f0ff10; }     .eux8Z { border-right: 3px solid #b000b0 !important; }   .fVqQG { border-right: 3px solid #00a0ff !important; }   .iSmFY { border-right: 3px solid #00c050 !important; }   .uErc7 { border-right: 3px solid #ff2030 !important; }     .yf6nc { opacity: 1 !important; color: #d00000 !important; }   .yf6nc > .gg-heart { background: #ff7080; }   .yf6nc > .gg-heart::after { background: #ff4050; }   .yf6nc > .gg-heart::before { background: #ff4050; }     .k8vU4 { 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 ); }   .k8vU4:hover { background: linear-gradient(to right, #e0f0ff00, #ffffff50, #00a0ff30 ); padding-right: 16px; }   .aGLr0 { 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; }   .sIjJP { height: 100%; }   .wTziq { 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; }   .wtHUm { display: flex; height: 100%; transition: .5s; opacity: .65; width: 25px; justify-content: center; align-items: center; }   .nwedA { display: flex; height: 100%; padding: 0px 2px 0px 4px; justify-content: center; align-items: center; }   .wTziq:hover { background: #00a0ff20; opacity: 1; }   .wTziq:hover > .wtHUm{ color: #0020f0; transform: scale(1.2) rotate(360deg); }   .wTziq:hover > .nwedA{ color: #0020b0; }     .t2cns { display: flex; transition: .2s; padding: 0px 7px; height: 25px; font-size: 90%; cursor: pointer; overflow: hidden; opacity: .75; background: #ffffff30; }   .t2cns:hover { opacity: 1; background: #ffffff50; }   .nRp8h { white-space: nowrap; padding: 0px 5px; display: flex; align-items: center; height: 100%; background: linear-gradient(to right,#ffffff50, #a0d0ff10); }   .wdGA8 { padding: 2px 0 0 3px; font-size: 85%; }     .nU4cv { display: none; padding: 7px; flex-wrap: wrap; }     .fcFHP { border: 1px solid #0040a050; margin: 12px 5px; background: #fff; box-shadow: 2px 5px 15px -5px #20406020; }   .fcFHP > .t2cns { display: none; }   .fcFHP > .nU4cv { display: flex; }        .hVCue{ background: #ffa00000; cursor: pointer; outline: 1px solid #f0002010; margin: 0 5px; padding: 0px 6px; outline-offset: -1px; }  .x0lhP{ background: #ff005000 !important; opacity: 1; cursor: auto; outline: 1px solid #f0002020 !important ; }  .hVCue:hover{ background: #ff000015; opacity: 1; }          .awpxr { display: flex; height: 100%; padding: 1px 0px; align-items: center; }   .iVbRE { padding: 6px; color: #204060 !important; background: #ffffffe0; width: 275px; }   .aYLDt { 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; }   .wVEuN { border: 1px solid #f050c0a0; background: #fff5fa; color: #800000; }   .squMm { border: 1px solid #20a0c0a0; background: #f0faff; color: #006030; margin-right: 5px; }   .hs9RA { color: #004080; }   .aYLDt:hover { border: 1px solid #0000f0; }   .wVEuN:hover { border: 1px solid #f050c0; }   .squMm:hover { border: 1px solid #20a0c0; }   .d1SMw { border: 1px solid #0000f0 !important; background: #fff !important; }     .c8YOf { display: flex; height: 100%; padding: 1px 0px; align-items: center; transition: .3s; width: 0px; }   .ptZPy { padding: 1px 5px; width: 100px; }   .q9mee { height: 100%; min-width: 35px; padding: 0px 4px; display: flex; justify-content: center; align-items: center; }   .lhSki { width: 50px !important; }      .oNf9e { display: flex; flex-wrap: nowrap !important; align-items: center; padding: 0px 6px; }  .s3mhG { display: flex; flex-wrap: nowrap !important; white-space:nowrap }  .pxgMw { display: flex; flex-wrap: nowrap !important; height: 100%; }  .c3FcO { font-size: 90%; }  .qtWit { font-size: 80%; }    .jiVpd { display: flex; padding: 0px 5px; }  .tsyd9 { display: flex; align-content: center !important; justify-content: center; padding: 0px 5px; line-height:1.1; flex-wrap: wrap; }  .riJWS { position: relative; cursor: pointer; }  .et7st { position: absolute; opacity: 0; animation: l6VEy 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; }  .tsyd9:hover > .et7st { display: flex; }    .xgA1V { padding: 0px 6px 1px 8px; font-size: 90%; white-space: nowrap; border-radius: 0px 5px 5px 0px; }  .dJ0nE { color: #065; padding: 2px 5px 0px 5px }  .fE5NP { color: #05a; background: linear-gradient(to left, #00aff020,#00aff010) !important; border: 1px solid #0050af40; border-left: none; border-right: none; border-top: none; }  .fE5NPt { margin-right: 4px !important; border: 1px solid #0050af40; border-left: none; border-top-style: dashed; }  .fE5NPb { background: #00aff010; }  .wR7bS { color: #082; background: linear-gradient(to left, #00b05020,#00b05010) !important; border: 1px solid #00803040; border-left: none; border-right: none; border-top: none;}  .wR7bSt { margin-right: 4px !important; border: 1px solid #00803040; border-left: none; }  .wR7bSb { background: #00b05010; }  .nbIxJ { color: #c01; background: linear-gradient(to left, #ff500020,#ff500010) !important; border: 1px solid #c0001040; border-left: none; border-right: none; border-top: none;}  .nbIxJt { margin-right: 4px !important; border: 1px solid #c0001040; border-left: none; }  .nbIxJb { background: #ff500010; }  .rw0GY { color: #554; background: linear-gradient(to left, #a0a08020,#a0a08010) !important; border: 1px solid #60605040; border-left: none; border-right: none; border-top: none; }  .rw0GYt { margin-right: 4px !important; border: 1px solid #60605040; border-left: none; }  .rw0GYb { background: #a0a08010; opacity: .85; font-size: 85%; }        .afyPC{ margin-right: 8px !important }    .f72HI{ left: 355px !important; }      .sVnJ2 { padding: 14px; }  .nP9HP { display: flex; font-size: 105%; padding: 2px 5px; }  .cYXgn { display: flex; margin: 10px 7px; justify-content: center; padding: 4px 10px; }   .oI9cT { max-width: 50% !important; height: 28px !important; }    .r90DD { display: flex; flex-wrap: wrap; min-width: 202px; }  .mVfGC { width: 30px; display: flex; justify-content: center; align-items: center; }    .heX8v { padding: 4px; cursor: pointer; display: flex; position: relative; }   .qL4r3 { min-width: 55px; padding-top: 2px; font-size: 85%; }   .nP7lm { min-width: 90px; font-size: 105%; }   .pyVbu { min-width: 50px; text-align: left; direction: ltr ;}        .tDlq9{ z-index: 1 !important; font-size: 14px; }  .tDlq9 > div { position: relative; display: flex; flex-wrap: wrap; flex-direction:column; padding-top: 5px;; }  .wYbf3{ z-index: -1 !important; position: absolute !important; top: 0px; right: 0px; bottom: 0px; display: flex; background: #ffffff35;}  .mdH3b{ right: 3px !important }    .tDlq9  {   background: #f0faff60;   direction: rtl !important; text-align: right !important;   width: 100%; height: 100%; overflow: auto;  }  .y1UFl { left: 355px !important; }                        .huhMS { height: 100%; display: flex; align-items: center; width: 100%; }  .s2rhW { height: 100%; display: flex; padding: 0px; }   .aodQ3 { height: 100%; flex-grow: 1; position: relative; }   .bybHX { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; }   .sp0UI { height: 100%; width: 100%; position: relative; display: flex; }   .wpVde { transform: translate(0px,30px); transition: .8s; background: #f6fafe; z-index: 2; }   .ildte { transform: translate(0px,0px); }   .fShlV { 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; }   .fShlV:hover { border-right: 1px solid #2040a060; background: linear-gradient(to right, #ffffff, #a0e0ff); }   .rGAYy { display: flex; cursor: pointer; position: relative; padding: 0px 4px; height: 100%; align-items: center; }   .kqqAM { display: flex; justify-content: center; cursor: pointer; position: absolute; left: 0px; top: 0px; height: 100%; align-items: center; }    .hpbmW { height: 100%; display: flex; padding: 0px 5px; background: #f6fafe; }  .kLoxE{ 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 kJgpB 1;  }    .wus7Q { display: flex; line-height: 1 ; height: 100%; align-items: center; padding-right: 9px;position: relative; }  .i4FGE { padding: 4px 6px !important; white-space: nowrap; }   .eRWfU { align-items: center; white-space: nowrap; display: flex; }    .mtkLB {display: flex; height: 100%; max-height: 40px; justify-content: center; align-items: center;}    .aPm41 { left: 355px !important; }  .k3AqE { display: flex; height: 100%; position: relative; font-size: 110%;; }   .cTE9j { padding: 0px 7px !important; }   .pPc7Q { position: absolute; bottom: 0px; height: 5px; }  .fyuvY { 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;  }  .mjH2n { background: linear-gradient(to top, #5060ff, #00a0ff); padding: 0px 0px 0px 8px; font-size: 115%; }  .os3ht { position: relative; height: 100%; }   .zW9jj { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; }  .kPBoi { height: 100%; min-width: 80px; width: auto; padding: 0px 5px; justify-content: flex-start; direction: ltr; }  .v8G63 { height: 100%; width: auto; direction: ltr; }  .v9Lsg { color: #007090; }  .x5weY { 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;}  .rQZlD { position: absolute; padding: 3px; left: 1px; bottom: -5px; border-radius: 50%; background: #ffffff50; z-index: 100; ; }  .fyuvY:hover { z-index: 2;}  .gQEBO { font-size:75%; opacity: .9; padding-left: 5px; }   .wQcrv { color: #fff; }   .hBD6O { padding: 0px 5px; margin-left: 6px; background: #ffffff50; height: 100%; display: flex; justify-content: center; align-items: center; }  .uws52 { width: 42px; min-width: 40px; }  .bXW4e { opacity: 0.7; transform: scale(.9); }  .mvWnM { transform: scale(.95) translate(8px,0px); }  .uws52:hover >div > .bXW4e { opacity: 1; }  .bXW4e:hover { opacity: 1; }    .jmXgn { padding: 7px 10px !important; font-size: 110%; color: #002050; background: #ffffffa0 !important; display: flex; justify-content: center; align-items: center; }  .izU92 { padding: 0px 9px 5px 9px !important; font-size: 94%; opacity: .95; white-space: normal !important; }  .oxsTm { display: flex; border-bottom: 1px dashed #20406030; padding: 0px !important; background: linear-gradient( to right, #ffe0f050,#ffffff80 ,#d0fafa80 ) !important;}  .v3s9W { justify-content: center; align-items: center;}  .symep { display: flex; width: 105px; padding: 5px 10px; border-left: 1px dashed #20406030; }  .jFSuk { display: flex; padding: 5px 10px; white-space: normal; width: 150px; }    .cgqj7{ color:#607090; opacity: .3; }  .g1DYD{ color: #f00000; }  .uIqyr{ color: #f0a000; }  .oTy1v{ color: #008020; }      .yTlbk{ white-space: nowrap; display: flex; justify-content: center; align-items: center; }  .bQi6p { cursor: pointer; transition: .2s; opacity: .8; padding: 0px 10px 0px 0px; transform: scale(.9) translate(0px, -2px); }  .bQi6p:hover{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px); }      .fyuvY:hover > .zHCvM{ display: block; bottom: 100%; ; }      .wJirN { padding: 0px 6px; font-size: 95%; display: flex; justify-content: center; align-items: center; }  .tPDm5 { width: 10px; height: 10px; border-radius: 50%; background: #e00000; margin: 2px 2px 4px 3px; opacity: .6; }  .vbtrC { width: 10px; height: 10px; border-radius: 50%; background: #e0b000; margin: 2px 2px 4px 3px; opacity: .6; }  .gePyU { width: 10px; height: 10px; border-radius: 50%; background: #c000c0; margin: 2px 2px 4px 3px; opacity: .6; }  .yntUu { width: 10px; height: 10px; border-radius: 50%; background: #008020; margin: 2px 2px 4px 3px; opacity: .6; }  .mjkrn { width: 10px; height: 10px; border-radius: 50%; background: #f0f020; margin: 2px 2px 4px 3px; opacity: .6; }  .wvAv0 { width: 10px; height: 10px; border-radius: 50%; background: #c05050; margin: 2px 2px 4px 3px; opacity: .6; }  .h3yiV { width: 10px; height: 10px; border-radius: 50%; background: #708090; margin: 2px 2px 4px 3px; opacity: .6; }  .dqJkG { color: #e00000; padding: 3px 2px 2px 2px; font-size: 80%; }  .rcBsW { color: #204060; padding: 3px 2px 2px 2px; font-size: 80%; }  .ylxYr { padding-right: 4px; }              .cI0nu { position: relative; overflow: hidden; }  .bCzeS { position: absolute; opacity: 0; transition: .2s; max-height: 500px;overflow: auto; padding: 1px; }    .bCzeS { background: #fffffff0; box-shadow: 2px 3px 8px #80a0b0a0; border: 1px solid #ffffff60; }  .x5hM6 { padding: 7px; }  .w91yq { white-space: nowrap; }    .i0Dvr { background: #201040f0;border: 1px solid #f0f0f050; box-shadow: 5px 10px 30px #004040}  .bCzeS > div { padding: 5px 10px; transition: .2s; }  .uqLRj { padding: 0px; }  .jJ6TD { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .ldv48 { opacity: .6; background: #50607010;}  .osQrI { opacity: .8; background: linear-gradient(to right, #ffffff00, #ffffff00, #50a0ff20); padding-right: 6px !important; border-right: 3px solid #00a0ff; border-radius: 4px; }  .kZaFX { cursor: pointer; transition: .2s; }  .kZaFX:hover { background: #e5f2ff; background: linear-gradient(to top, #00a0f020, #a0c0f010, #00a0f010) !important; outline: 1px solid #80b0ff; outline-offset: -1px ; }  .iAbtW { opacity: .7; }    .xQqa6 { display: flex;}    .kDzQe { margin-top: 5px; width: 300px; padding: 5px; white-space: normal; }    .qeyBF { top: 99%; right: 0px; transform: scale(.9) translate(20px, 8px); }  .z528f { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .xZXry { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .yaMp3 { top: 125%; }  .fg3Gk { bottom: 99%; right: 0px; transform: scale(.9) translate(20px, -8px); }  .i47JW { bottom: 99%; left: 0px; transform: scale(.9) translate(-20px, -8px); }  .sV6RB { bottom: 125%; }  .cwM5O { top: 125%; }    .cI0nu:hover { overflow: unset; }  .dJs5T { overflow: unset; }  .cI0nu:hover > .bCzeS { opacity: 1 !important; transform: scale(1) translate(0,0); }  .cI0nu:hover > .xZXry { opacity: 1 !important; transform: scale(1) translate(-100px,0); }  .nmsMZ { opacity: 1; transform: scale(1) translate(0,0); }    .i0Dvr { white-space: nowrap; font-size: 80%; }      .oWc5v { width: 100%; padding: 5px 0px 1px 0px; flex-direction:column; position: relative; display: flex; }  .rlxn5 { width: auto !important; padding: 5px 0px 1px 0px; flex-direction: row !important; position: relative; display: flex; }  .i1Xua { }  .noupm { flex-direction: column-reverse !important; }  .c4h9s { 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 }    .niPYW { border-right: 4px solid #0010f060 }  .uIlOx { border-right: 4px solid #00e01060; }  .nas24 { border-right: 4px solid #f0002060; }    .wYQaX { border: 1px solid #20406050; border-radius: 4px; overflow: hidden; margin: 4px;; }    .ui7Ty { align-content: center !important;display: flex !important;   background: #f8fafcd0;   outline: 1px solid #00204025;  }  .iyPil {   box-shadow: 0px 0px 5px #20406020; margin: 2px 0px;   outline: 1px solid #00205050;  }    .ui7Ty:hover { background: #2080ff20 !important; }  .rBtVo { background: #ffe0e8; display: flex; overflow: hidden; }  .yrU1c { display: flex; align-items: center; padding: 0px 6px; height: 100%; }  .pxN4l { background: #fff0ff50; width: 50px; font-size: 90%; color: #d00000; justify-content: center; }  .nJmxd { background: #ffffff50; width: 100px; }  .ojzre { background: #ffffff50; font-size: 85%; }    .hpmZt { outline-offset: -1px; ; }    .tea2E {   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;  }      .qGZPi { animation: .2s qGZPi 1 ;padding: 10px 8px; }  .q21t4 { display: flex; flex-wrap: wrap; padding: 7px 1%; }  .oz0Sr { display: flex; flex-wrap: wrap; padding: 15px 12px 10px 10px; }  .p5gao{ margin: 5px; border: 1px solid #50607030; box-shadow: 3px 3px 5px #5070a020; background: #fff; }  .y72Rf{ border: 1px solid #a0000020; box-shadow: 3px 3px 5px #a000a020; background: #f0f0f5; }  .h2UwF{ padding: 10px 7px 5px 7px; font-size: 95%; color: #405070; }  .bQUG9{ padding: 0px 5px 5px 5px; font-size: 65%; color: #708090; }  .aOSgd{ display: flex; flex-wrap: wrap; position: relative; }  .vBj5d{ 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; }  .vBj5d:hover { border: 1px solid #50607050; opacity: 1; color: #004080; }  .q2yt6{ 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; }  .vBj5d:hover > .q2yt6{display: block;}  .rXNF8 { border: 1px solid #5060a0; box-shadow: 3px 3px 5px #0070a050; }  .dSfps{ 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; }   .o8twZ { display: flex; height: 30px; cursor: pointer; border: 1px dashed #20406030; transition: .2s; white-space: nowrap; }   .ePYJD { color: #800010; }   .o8twZ:hover { border: 1px solid #2040a0a0; color: #5000a0; }   .mTvYF { display: flex; height: 100%; opacity: 0.8; width: 30px; justify-content: center; align-items: center;; ; }   .mlf9p { display: flex; height: 100%; padding: 0px 5px 0px 8px; align-items: center; white-space: nowrap;; ; }   .zWNxH { height: 25px; font-size: 90%; border-radius: 4px; margin: 0px 1px; }   .zWNxH > .mlf9p { padding: 0px 5px; }   .zWNxH > .mTvYF { width: 25px; opacity: .5; transform: scale(.9); }  .sD2GV{display: block;}  .oPIsr{ animation: .3s oPIsr 1 }  .geXPq { animation: .3s geXPq 1 }  .xeuk5{ color: #406080; transition: .2s; padding: 10px 15px; cursor: pointer; }  .xeuk5:hover{ color: #0000a0; outline: 1px solid #40a0f0; }    .cYGFy{ padding:10px 15px; font-size: 95%; color: #405060; width: 100%; line-height: 1.7; }    .dtVNI{ padding:10px; color: #405060; width: 100%; max-width: 700px; }  .yLarC{ padding:2px; width: 100%; }  .sOlc1{ padding-left: 8px; }  .y7jhN{ color: #a00000; cursor: pointer; transition: .2s; font-size: 100%; font-weight: bold; padding: 0px 4px;; opacity: .9;; }  .bgjd6{ color: #058; cursor: pointer; transition: .2s; font-size: 92%; opacity: .9; padding-right: 10px; font-weight: bold; }  .bgjd6:hover{ color: #05a; opacity: 1; }  .y7jhN:hover{ color: #b00050; opacity: 1; }    .lSEBT { 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; }  .aC8LZ { display: none !important; }  .aGkzn { padding: 6px; min-width: 80px; }  .mxgxo { flex-grow: 1; }  .sf1Sk { display: flex; flex-wrap: wrap; padding: 7px 5px 6px 5px; font-size: 90%; }  .beymA { display: none !important; }  .rIW4A { white-space: nowrap; opacity: .9; min-width: 100px; }  .t2t0h { color: #304060; flex-grow: 1; padding: 0px 10px; margin: 0px 8px 0px 0px; border-right: 1px dashed #506070a0; min-width: 100px; }  .tc6w7 { color: #402020 !important; opacity: .5 !important; }  .mTXmR { position: relative;; }  .gU4iV { 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; }  .gU4iV:hover { opacity: 1; }  .b3aZX { width: 100%; padding: 7px 10px 4px 5px; line-height: 1.6; font-size: 95%; border-radius: 4px; border-right: 4px solid #ffa000c0; }  .ykgwE { padding: 7px 9px 10px 15px; font-size: 85%; }  .uqC2Z { display: none; }    .vMZjI { border: 1px dashed #00408080; outline: none !important; padding: 4px 7px; border-radius: 5px; box-shadow: 2px 2px 5px #40506020; }  .koZPw { width: 100%; max-width: 800px; height: 300px; ; }  .uzFPk { text-align: left; direction: ltr; }  .oL7PT { width: 50px; }    .ugQIG { padding-right: 7px; }        .q82VM { display: flex; }  .xhTTg { display: flex; justify-content: center; align-items: center; padding: 5px;; }  .xOCTF { display: flex; justify-content: center; align-items: center; padding: 5px;; }    .ls2TJ { width: 100%; max-width: 500px;;;}  .pOOZp { padding: 5px; margin: 5px; }  .zAnJN { padding: 5px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }  .zAnJN:hover { padding: 5px; margin: 5px; border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }  .w2i4G { display: flex; padding: 2px; width: 100%; max-width: 200px; height: 34px; align-items: center; ; }  .o3d6t { display: flex; min-width: 100px; padding: 0px 5px;; }  .cVA1s { width: 50px; height: 100%; direction: ltr; }  .egx1g { outline: 3px solid #00a0ff; outline-offset: -1px; border-radius: 4px; overflow: hidden; }  .o6lL1 { width: 100%; height: 100%; background: #ffffffa0; outline: 1px solid #20406030 ; display: flex; justify-content:center; align-items: center; }      .cpER0 { width: 100%; display: flex; flex-wrap: wrap; }      .rBxjG { display: flex; padding: 7px; }   .eFNt0 {padding: 7px 10px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }   .eFNt0:hover { border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }   .kEAir { border: 1px solid #2040a0a0 !important; outline: 2px solid #2040f0a0; background: #ffffff !important; box-shadow: 3px 4px 15px #2040a050; cursor: auto; }      .oVlzh { display: flex; flex-direction: column; border: 1px solid #20406020; width: 100%; max-width: 450px; height: 600px; background: #ffffff50; }   .kEVGP { 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; }   .wSE9i { flex-grow: 1; padding: 5px; overflow: auto; }   .baZC1 { display: none; }   .rMIbU { display: block; animation: kDmos 0.25s 1; }   .bsdjn { display: flex; padding: 3px 10px; border: 1px solid #20406020; cursor: pointer; transition: .2s; }   .bsdjn:hover { padding: 2px 15px; border: 1px solid #2040a040; }   .cCau3 { padding: 2px 5px; flex-grow: 1; }   .nw5qX { padding: 2px 5px; direction: ltr; text-align: left; flex-grow: 1; }        .bI3jk { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: relative; }  .eEaGz { 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; }  .eUjlB { opacity: 1; z-index: 2; }  .tCj8C { height: 20px; border: 1px dashed #50607050; width: 20px; border-radius: 5px; background: #f0f0f0; cursor: pointer; position: relative; }  .tCj8C:hover { border: 1px solid #5060a0e0; }  .tCj8C:after , .tCj8C:before { content: ""; position: absolute; display: none;}  .rouS3 { background: #e0f0ff; }  .mhlwD { background: #fff0e0; }  .nNbDR { background: #2196F3; }  .hHIDQ { background: #ff5050; }  .nNbDR:after , .hHIDQ:after , .hHIDQ::before { display: block; }  .nNbDR: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);  }  .hHIDQ: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);  }  .hHIDQ::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);  }      .dxVNH{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .pindivleft1 { z-index: 19300; }  .opdivleft1 { z-index: 19200; }  .gFWfm { z-index: 19200; }  .cu1l3 { z-index: 19100; }    .kLoxE{ z-index: 1900000; }    .fA6CD { z-index: 18000 }            #ModalWindowOuter1{display: none !important;}  #infop{ display: none !important; }        .cg0rn { padding:10px; display:flex; flex-wrap: wrap; }  .yjt8y { min-height: 200px; }  .pZFLj { margin: 5px; display:flex; flex-wrap: wrap; position: relative; overflow: hidden; }  .dCged { padding: 5px 5px 5px 20px; font-size: 95%; color: #404060; }  .rDXub { display: none; }  .knxO1 { min-width: 145px; }  .xvarZ { padding:6px; border: 1px dashed #c0c0c0; margin-left: 2px; cursor: pointer; transition: .2s; font-size: 90%; opacity: .7; border-radius: 8px; transition: .2s;}  .xvarZ:hover { border: 1px dashed #50a0c0; opacity: 0.8; }  .xvarZA { border: 1px solid #50a0f0 !important; color: #5080c0 !important; background: #ffffff; opacity: 1 !important;}  .uiJ24 { border: 1px solid #50a0f000 !important; color: #a0a0a0 !important; background: #ffffff; opacity: .8 !important;cursor: auto !important; }    .mn4Fg { border: dashed 1px #1050a030 !important; padding: 5px; margin: 0px 2px; outline: none !important; max-width: 40px; color: #5070a0; }  .mn4Fg:focus { border: dashed 1px #1050a050 !important; border-bottom: solid 1px #0050a070; color: #002050; }  .vowlo { 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; }  .vowlo:hover { border: solid 1px #1050a0a0 ; color: #0050a0; }  .rUHbW { display: block !important; opacity: 1; transform: translate(0,0) scale(1) ; }    .p0GOB { display: flex; justify-content: center; align-items: center;}  .bFixe { padding: 5px 8px 5px 0px;;}  .bjP75 { max-width: 80px !important;}    .ejMDj {   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;  }   .sj05G { position: absolute; z-index: 102; }   .sj05G:hover { position: absolute; z-index: 102; background: #80a0e0; }   .dytjv { top: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .n6Dd6 { bottom: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .sFXc6 { top: -2px; right: -4px; bottom: -2px; width: 5px; cursor: col-resize; }   .cmRWA { top: -2px; bottom: -2px; left: -4px; width: 5px; cursor: col-resize; }  .el6yS { min-height: 85%; }    .dTXOq {   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;  }  .dTXOq > .sj05G { display: none !important; }  .dTXOq > .rtzbR > .avMw4 { display: none !important; }    .aRjiW { 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;  }    .rJNHJ { display: flex; }  .g2Xhl { animation: .35s l0tZd 1 ; }  .wP0QR { animation: .3s xdzqI 1 forwards ; z-index: 50315477 !important; }  .yNVEX { animation: .35s sG5rP 1 ; }  .dgn1S { animation: .3s fyOhW 1 ; }  .nP2Bs { display: none !important; }      .qnXgn { opacity: 1; }    .wqs7F  {   direction: rtl !important; text-align: right !important; top: 80px; bottom: 0px;;   display: flex; flex-wrap: wrap; position: absolute; overflow: auto; right: 0px; left: 0px;  }    .oRffI { height: 40px; z-index: 10; position: absolute; }  .kTBhq { height: 40px; min-height: 40px; z-index: 5;   position: absolute; top: 40px; right: 0px; left: 0px;  }  .pN1mj { flex-grow: 1; z-index: 1; overflow: auto; padding: 6px 0px; }                    .cu1l3 { 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;  }  .cu1l3A { transform: translate(0,0); opacity: 1; }  .cu1l3A { left: 0px;}    .aBtpR {   position: absolute; width: 100%; top: 0px;height: 25px; right: 0px; z-index: 100;; display: flex;   background: #f0f5ff; padding: 0px 0px;  }  .kTd7U { flex-grow: 1; display: flex; justify-content: flex-end; padding: 0px 3px;; }  .gkrAp { 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; }  .gkrAp:hover { border-radius: 4px; border: 1px solid #0040a050; color: #0050b0; background: #ffffff }  .eIteg { 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; }  .cxdGT { background: #50a0ff; color: #fff; opacity: 1; }    .adjAU { 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; }  .gQMiH { background: #50a0ff; color: #fff; opacity: 1; }      .kQxFh { position: absolute; top: 25px;bottom: 0px;overflow: auto; display: none; width: 100%; }  .mAUlH { display:flex;flex-direction: column; animation: ij3cm .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%}    .q39qZ { display: flex; flex-wrap: wrap; max-width: 720px; }  .trHOy { flex: 1; flex-grow: 1; max-width: 350px; }    .lLwHw { 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; }  .nkRWC { margin: 25px 10px 10px 10px; min-width: 300px; flex-grow: 1; max-width: 350px; }  .vPIC0 { position: absolute; top: -12px; right: 8px; border: 1px solid #5000a080; padding: 4px 8px; border-radius: 6px; background: #f0faff;}  .yrRmG { overflow: hidden;}  .dnwHP { margin: 25px 8px 10px 8px; }  .aFEjz { font-size: 90%; }        .yUzhb { 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 }    .tVbEB { height: 35px; width: 35px; transition: .2s; cursor: pointer; display: flex; justify-content: center; align-items: center; }  .ydAEy { opacity: .9; transition: .2s; color: #304050; }  .ydAEy:hover { opacity: 1; }  .ydAEyActive01 { 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); }    .xdmvF { position: absolute; left: 0px; top: 0px; background: #ffffffa0; border-radius: 5px; outline: 2px solid #00a0f0a0; outline-offset: -2px;; }  .sb6m7 { position: absolute; left: -40px; }  .xdmvF:hover { background: #0090f0; color: #fff; }  .mR8lX { position: static !important; }    .sUgH4 { left: -50px; }    .e68HF{ position: absolute; left: 0px; top: 0px; transform: translate(-41px,0); background: #ffa0ff10; }  .dnuWp{ transform: translate(40px,0); ; }  .e68HF:hover{ background: #ffa0ff20; }  .a9VuZ{ background: #0080c020 ; color: #000050; transform: translate(0,0) !important; }    .zHlTk { width:96%; margin:10px 2% 2% 2%; height:50px; border: 1px solid #20406040; background: #ffffff40; }    .uuQ1z {flex: 1; ;  }  .jLLaL {   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020,0px 0px 15px #00105030;   background: #c0d0ff10;}  .eiSz8 { display: flex; }  .phmq2 {   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;  }  .csVGC { position: relative; height: 100%; }  .qzNAV {   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;  }  .fmdkW {   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;  }  .tQLb4 { position: absolute; top: 60px; left: 0px; right: 0px; bottom: 0px; overflow: auto; overflow-x: hidden;}    .i4Ue3 { display: block; }  .dB40q { display: flex; padding: 6px 7px; height: 35px; align-items: center; }  .q8zpd { display: flex; padding: 0px 5px;; }  .crzQE { display: flex; padding: 6px 8px; height: 100%; font-size: 85%; background: #00a0ff05; margin: 0px 8px; transition: .2s; border-radius: 4px; cursor: pointer; }  .crzQE:hover { background: #0080f0; color: #fff; }  .hbgTP { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; }  .sivBN { display: flex; height: 100%; justify-content: center; align-items: center; }      .hcrN2 { 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;  }    .s58GL { display: none; padding: 10px 2%; line-height: 1.7 ; white-space: normal !important; }  .crimp { display: block; }  .iC6ic { padding: 5px 2px;; }    .wzq9E { height:100%; white-space: nowrap; display: flex;flex-wrap: wrap;align-items: center ; transition: .2s; justify-content: center; }  .tuU9R { min-width: 50px; animation: fXDk3 0.2s 1; height:100%; white-space: nowrap; display: flex;flex-wrap: wrap; align-items: center ; transition: .2s; cursor: pointer;}  .pnB4a { cursor: pointer; border-radius: 4px; padding: 0px 5px; white-space: nowrap; display: flex; align-content: center ; height: 100%; }  .mQqGN { display: block;}  .pnB4a:hover { background: #0090ff; color: #fff; }  .eBX3w { display: flex; width: 45px; height: 100%; }  .m2lzD { display: flex; font-size: 90%; justify-content: center; align-items: center; width: 45px; }  .jQJsc { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; font-size: 95%; }  .mcXl3 { width: 20px; padding: 3px 2px; font-size: 70%; opacity: .8; }  .d0r8Q { display: flex; align-items: center; height: 100%; padding-right: 4px;}  .zZP9y { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }  .pq8wE { transform: scale(.85); opacity: .9;}  .wEkaB { opacity: .7;}  .tkzXB { cursor: pointer; background: #f5faff80; width: 30px; margin-left: 1px; height: 100%; border: 1px solid #0050a050; border-radius: 3px; }  .tkzXB:hover { background: #00a0f030; border: 1px solid #0050a050}  .bbJ31 { cursor: not-allowed !important; background: #a0b0c010 !important; opacity: .5; border: 1px solid #50404020}  .eBHZI { font-size: 90%; display: flex; flex-grow: 1; height: 100%; justify-content: flex-end; align-items: center; }   .rQnvM { height: 100%; padding: 0px 4px; display: flex; align-items: center; cursor: pointer; }   .zOUei { padding: 0px 6px; color: #007020; white-space: nowrap; animation: fXDk3 0.2s 1; background: #00ffd020; height: 100%; display: flex; align-items: center;}   .gVDhk { padding: 0px 6px; color: #700010; white-space: nowrap; animation: ndZpn 0.2s 1; background: #ff50a020; height: 100%; display: flex; align-items: center;;}    .hsaLx { height:100%; opacity: .9; display: flex;flex-wrap: wrap;align-content: center ; transition: .2s; justify-content: center; padding: 0px 10px;}      .y9I2b { display: flex; flex-wrap: wrap; width: 290px; }  .qYoJH { display: flex; flex-wrap: wrap; padding: 5px; }  .ym4Tw { min-width: 80px; padding: 4px; display: flex; white-space: nowrap; }  .b7kB3 { font-size: 80%; opacity: .9; padding: 0px 0px 0px 4px; width: 42px; ; }  .oLAuJ { font-size: 65%; opacity: .6; padding: 0px 2px 0px 0px;; }  .emgRb { width: 100%; padding: 5px; margin: 4px 2px 2px 2px; background: linear-gradient(45deg,#e0f0ff00, #e0f0ff ); }    .yiP5Q { padding: 9px; white-space: nowrap; }        .gFWfm { 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;  }  .kd210 { 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; }              .wLhmq { padding: 5px 4px;; }  .lbOUT { padding: 15px 10px 5px 5px; }  .wGX4f { 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; }  .lpIYH { margin: 10px 0px; height: 32px; }  .wGX4f:hover { border: 1px solid #0040a060; background: #fff; box-shadow: 0px 5px 11px -4px #20407020; }  .v8Wav { margin: 5px 12px;; font-size: 90%; height: 28px; }  .husGT { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; opacity: .6; }  .xVeR2 { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; }  .xEZjx { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; direction: ltr; flex-grow: 1; }  .kGqAb { display: flex; height: 100%; align-items: center; width: 30px; min-width: 30px; padding: 1px; border-radius: 4px; overflow: hidden;; }  .l55nw { height: 100%; border-radius: 20%; }  .v8Wav > .kGqAb { width: 26px; }  .v8Wav > .husGT { transform: scale(.9); }                                  .fR0TE { 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; }  .z3CCk { transform: translate(0,0); opacity: 1; display: block !important; animation: dhQPT .3s 1; }  .cLm4i { animation: l0kUV .3s 1; }  .qxSY1 { 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 ; }    .ruw0b { 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; }  .zUBVO { right:0%; opacity: 1; }  .vmort { height: 40px; min-height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .ocjoa {flex-grow: 1; width: 100%; overflow: hidden; }   .j6cqo { overflow: auto; width: 100%; padding: 10px; height: 100%; }   .nfDU4 { padding: 14px 6px;; }   .eDMb1 { padding: 3px 5px;; }   .y8oTM {display: flex; padding: 6px 5px; }   .ktGIJ { width: 10%; height: 40px; opacity: .6; justify-content: center; display: flex; align-items: center; }   .rktkk { width: 90%; }     .gDb12 { padding: 7px 5px; }   .dv3ew { font-weight: bold; }   .aey2H { padding: 2px 7px 5px 2px; }   .tWJfM { 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; }  .ogqz4 { height: 40px; width: 40px !important; }    .gBU9U { 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}  .gBU9U:hover { border: 1px solid #a0d0ff; color: #0020a0; }      .myFilterBoxHeader2 { display: flex; flex-wrap: wrap; padding-top: 4px;}  .lWW5U { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }  .jkQvJ { display: none; padding: 0px 5px 5px 5px; transform: scale(.9); width: 100%; justify-content: center; align-items: center; }  .uNJZj { display: flex; animation: cE4Pt 0.3s 1; }        .n0UDp { 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; }  .n0UDp:hover { background: #e0f0ff; color: #0000a0; transform: translate(0,1px); }  .ifUvu { 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%; }  .r0ven { 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}  .uXZzU { height: calc(100% - 84px); }  .qw7ye { height: calc(100% - 44px); }  .uZkv0 { height: calc(100% - 40px); padding-bottom: 10px; overflow: auto !important; }    .ohG9q { width:100%; transform: translate(100px,50px); position: absolute; top:0px; right:0px; overflow: auto; z-index: 1; height:100%; transition:.3s; display: none; }  .fy74e { padding: 20px 30px; font-size: 90%; opacity: .85; line-height: 1.7; }  .h5UA1 { padding: 15px 30px 5px 10px; }  .fdShow { display: block; transform: translate(0px,0px); animation: kDmos 0.25s 1 }    .yFdnc { width:100%; transition:.3s; display: none; }  .t726A { width:100%; transition:.3s; display: block; animation: j09at 0.25s 1; }      .ygsk3 { padding: 10px 30px 5px 10px; }   .uRTfN { padding: 0px 10px; }  .gBTxU { padding: 10px 12px 5px 12px; }  .fXrfI { padding: 10px 12px 5px 12px; line-height: 1.8; }      .eF9HS { 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; }    .s2yNF { padding: 5px; }  .lyjQH { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .lyjQH:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .zZbtq { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .zZbtq:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .doztV { padding: 5px 10px; display: none; }  .lvqXd { margin: 7px; background: #e4f0ff00; }  .oXWyR { margin: 5px; }  .xGHZl { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .gvqF9 { 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;}  .dz7bu { 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; }  .lJaJN { font-family: 'Calibri' ; background: #ffffffa0; outline: none !important; border: 1px dashed #00a0a0a0; padding: 2px 4px 2px 4px; border-radius: 5px; width: 65px}  .lJaJN:focus { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .lJaJN:active { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .etFdC { width: auto; padding: 3px 7px;}  .prel { position: relative; background:#ffffffa0 }  .bjFhE{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .fOsEy{ 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; }                  .gU00p{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-right: 10px;}  .qgqb8{ padding: 5px 8px; opacity: .6; color: #505040; cursor: pointer; transition: .2s; margin: 0px 4px; white-space:nowrap; display: flex; }  .qgqb8:hover{ opacity: 1; }  .g9o5j{ opacity: 1; color: #004080 !important ; }  .iXVGO{ padding-right: 5px; }      .fz90B { 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; }  .klzF7 { margin: 30px; font-size: 120%; padding: 20px; background: #fff; border: 1px solid #00306025 !important ; box-shadow: 3px 6px 10px #40506015 !important; }  .fz90B:hover { border: 1px solid #00307030; box-shadow: 3px 6px 10px #40506020; }  .uvWN7 { border: 1px solid #00206050 !important; background: #ffffffa0; }  .cpMWp { display: flex; cursor: pointer; width: 100%; padding: 8px 10px; box-shadow: 0px 0px 15px #40608080; background: #ffffff50; }  .wuxm1 { display: flex; cursor: pointer; width: 100%; min-width: 120px; font-size: 110%; padding: 0px 5px; }  .kwgC8 { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .u8X3V{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .eyNqk { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #20406005; }  .hfat1 { padding: 8px 25px; font-size: 89%; opacity: .9; }  .qk7zS { 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; }  .uvWN7 > .eyNqk{ display: block !important; }      .mhZuv { background: linear-gradient(to bottom, #ffffffb0,#ffffff80); border-bottom: solid 1px #20406010; margin: 0px 4px; }  .cvZOS { height: 32px; display: flex; flex-wrap: wrap; padding: 0px 4px; transition: .2s; position: relative; align-items: center; }  .sU8yi { 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; }    .cvZOS:hover { background: linear-gradient(to bottom, #00a0ff20, #ffffff20,#ffffff20,#ffffff20, #00a0ff20); }  .o6tMD { 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; }  .o6tMD:hover { opacity: .8; }  .vv0qA { opacity: 1; color: #0050a0; border: 1px solid #0050a050; box-shadow: 0px 0px 8px #40506030; background: #fff; transform: scale(1.05); }  .fb4Iz { opacity: 1; color: #c00020; border: 1px solid #c0000050; }  .x26CB { transform: scale(1.7) !important; }  .vv0qA > .x26CB { transform: scale(1.9) !important; }  .t5EMp { 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; }  .t5EMp:hover { opacity: 1; color: #004080; }  .zrFIi { opacity: 1; color: #0050a0; border: 1px solid #0050a0a0 !important; box-shadow: 0px 0px 5px #40506020; background: #fff !important; }  .cvZOS:hover > .t5EMp { border: 1px solid #4050a050; margin: 0px 5px 0 1px; opacity: 1; background: #ffffff50; box-shadow: 0px 0px 5px 1px #2040a020; }  .potF8 { margin: 0px 5px 0px 5px; font-size: 85%; opacity: .85; height: 30px; display: flex; align-items: center; border-top: none; }  .nHQ0o{ border: 1px solid #20406040; border-bottom: 1px solid #20406050; margin: 4px 5px 5px 5px; box-shadow: 0px 2px 7px -2px #20406040; }  .ignMM { display: flex; align-items: center; direction: ltr; padding: 2px 10px; font-size: 90%; opacity: .9; }   .w9W6L { direction: ltr; text-align: left; padding: 2px 10px; }      .wAVqB { 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; }  .wAVqB:hover { opacity: .7; }  .zqkIf { opacity: 1; color: #2050b0; }   .zqkIf > .gg-bookmark::after { box-shadow: 0px 0px 1px 10px; }  .rN1za { opacity: 1; color: #c00020 !important }   .rN1za > .gg-heart { background: #ff7080; }   .rN1za > .gg-heart::after { background: #ff4050; }   .rN1za > .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;}    .qHib4{ padding: 5px 5px 5px 10px; }    .z3LtQ { border: 1px dashed #40506050; margin: 0px; min-width: 70%; overflow: hidden; background: #ffffff50; transition: .2s; }  .z3LtQmo { background: linear-gradient(to right, #50f060b0,#e0ffe0b0,#00ffa050); }  .z3LtQma { background: linear-gradient(to right, #ff8050b0,#ffe0e0b0,#ff00a050); }  .z3LtQo { background: linear-gradient(to right, #a080ffb0,#e0e0ffb0,#00a0ff50); }  .z3LtQ:hover { border: 1px solid #00306030; box-shadow: 3px 6px 10px #40506020; }  .gYcF6 { border: 1px solid #00206050 !important; margin: 7px 0px; }  .cMkUL { display: flex; cursor: pointer; width: 100%; padding: 6px 10px; box-shadow: 0px 0px 15px #40608080; }  .nfqki { display: flex; width: 200px; white-space: nowrap; overflow: hidden; padding: 0px 7px; }  .tnDAf { display: flex; width: 100px; padding: 0px 7px; }  .ugCj9 { font-size: 85%; opacity: .8; padding: 0px 5px; }  .yWerz { width: 50px; padding: 0px 6px; direction: ltr; }  .gL90O { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .zbZ21{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .z1p1Q { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #ffffffc0; }  .gYcF6 > .z1p1Q{ 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;}  .vylQZ {  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}  .yahcU { display: flex; width: 100%; align-items: center; padding: 1px 5px;}   .r61Fr { padding: 6px 10px 1px 10px ; display: flex; text-align: left; direction: ltr; }   .ov2ip { flex-grow: 1; font-size: 120% ; }  .jEfoA { font-size:140%; padding:9px 12px 0px 0px; color: #600070;}  .nt899 { animation: kgbUu 0.3s 1; }  .aT0lC { font-size:70%; padding:1px 10px 6px 0px; color: #5080a0;}  .kaTe3 { animation: ylQzf 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;}    .xgMP7 { color: #00a040; }  .qCmBh { color: #ff0040; }            .roTgM { margin: 1px 0px 0px 0px; padding: 3px 8px; position: relative; }  .zIFsn { position: absolute; top: 0px; left: 0px; bottom: 0px; animation: e8jGN 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;}  .roTgM: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; }  }      .fA6CD { 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;}  .fA6CDo { opacity:0; z-index: -1; }  .fA6CDh { color: #300080; font-weight: bold;}  .fA6CDhi { color: #506080; font-size: 80%; }    .fjmgE { 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}  .kJamh { position: absolute;}  .fjmgE:hover { background: #e0f0ffd0 ; box-shadow: 0px 0px 20px #405080a0; border: 1px solid #50a0f0}  .fjmgEh { background: #a0e0ff50 ; padding: 5px; transition: .4s ; color:#200080 }  .fjmgE:hover > .fjmgEh { background: #a0d0ffa0 ; color:#4000b0 }  .fjmgEc { font-size:85%; padding: 5px 7px; }  .fjmgEct { color: #806070 }  .fjmgEi { 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; }    .ljotcc { width: 100%; position: relative; }  .ljotccs { padding: 15px; color: #00a050}  .ljotcl { 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};    .ljotc { flex-grow:1; overflow:auto; background:#e0f0ff ; }  .ljotcT { padding: 10px; font-size: 90%; color: #008050 }    .ljotcu { padding: 8px 17px 2px 17px; color: #003080; }  .ljotcf { padding: 3px 15px 8px 15px; }  .ljotci { width: 100%; border: 1px solid #50e0a0; padding: 7px; border-radius: 7px; color: #206040; font-size: 90%; font-family: inherit;}  .ljotcit { min-height: 150px; max-width: 100% !important; min-width: 100%; }  .ljotco {padding:0px 17px; font-size: 85%;}    .ljotcrm { padding: 0px 15px 8px 15px; font-size: 90%; }  .ljotcrmt { padding: 0px; font-size: 13px; color: #8080a0; padding: 0px 5px; cursor: pointer;}  .ljotcrmc { color: #104070; display: none; transition: .3s}    .ljotcb { 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}  .ljotcb:hover { color: #5060b0; background: #ffffff; box-shadow: 0px 2px 15px #80a0c0a0; }      .bTZlH { padding:10px; display:flex }  .zekQY { padding:8px 12px; border: 1px solid #b0b0c0; border-radius: 8px; margin: 5px; cursor: pointer; transition: .2s;}  .zekQYA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; cursor: auto !important;}  .zekQYE { margin-right: 15px; border: 1px solid #00d0a0; background: #e0fff0; padding: 8px 18px; border-radius: 0px; font-weight: bold;}  .zekQYE:hover { border: 1px solid #00a050; background: #c0ffe0; color: #006030; }    .oYO7t { padding:10px; display:flex; flex-wrap: wrap; }  .jdCDu { padding:6px; border: 1px solid #b0b0c0; margin: 5px; cursor: pointer; transition: .2s; font-size: 90%; border-right: 3px solid #00000040 }  .jdCDuA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; box-shadow: 0px 0px 8px #a0a0f0a0; border-right: 3px solid #50a0f0 !important}    .dxVNH { 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}  .dxVNHA { display: block; opacity: 1;}    .dxVNHC { position: absolute; left: 0px; top: 0px; height: 40px; width: 40px; font-size: 22px; background: #f0000020; color: #700020;cursor: pointer;}    .dxVNHH { 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}  .jdCDu:hover > .dxVNHH { right: 0%;opacity: 1}  .zekQY:hover > .dxVNHH { right: 0%;opacity: 1}                .oPRdaD{ padding: 8px 10px; font-size: 15px}  .oPRdaT{ font-size: 90%; color: #008040}    .oPRdaN { padding: 5px; margin: 8px 0px 0px 0px}  .oPRdaNT { font-weight: bold; color: #002070}  .oPRdaNC { padding-right: 10px; color: #404050}              .u5GEG { width: 100%; height: 40px; margin-top: 8px; position: relative; background: #ffffff; color: #fff; border: 1px solid #80b0f0}  .u5GEGB { top: 0px; bottom: 0px; position: absolute; color: #303050; z-index: 100; }  .u5GEGR { right: 0px; top: 0px; bottom: 0px; position: absolute; background: #00c050; color: #d0ffd0; justify-content: flex-start; padding-right: 6px; z-index: 10}  .u5GEGL { 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; }        .f1m63 { padding: 5px; }  .cjjWc { padding: 0px 5px 6px 5px; font-size: 85%; opacity: 0.9; color: #d00000; }  .eOx1C, cS7y9 { 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; }  .qdhum { max-width: 100%; width: 100%; }      .tCWf3 { 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; }  }            .wDZso { background: var(--bNOR5); display: flex; padding: 0px !important; }  .oT999 { border: 1px solid var(--i936d); position: relative; min-width: 175px;   background: var(--cxDBN); box-shadow: 1px 3px 12px var(--pqH5H);   margin: 12px 2px 14px 2px; padding: 28px 4px 5px 4px;  }  .qiFst { min-width: 150px;}  .y64Zq { border: 1px solid var(--i2SDv); padding: 5px 7px; backdrop-filter: blur(10px);   background: var(--f8yER); box-shadow: 1px 3px 5px var(--t5AcT);   position: absolute; right: 7px; top: -10px;;  }  .at8sN { color: #840; font-size: 80%; padding-right: 4px; }    .cqHHm { padding: 6px 10px; color: #702000; text-align: center; opacity: .9; font-size: 90%; }  .ib8ck { width: 100%; position: relative; white-space: nowrap; overflow: hidden; padding-left: 75px;}  .sIFHO { padding-left: 30px;}  .c1feE { padding-left: 5px; }  .ycPf4 { position: absolute; left: 0px; top: 1px; bottom: 1px; display: flex; z-index: 100; }                  .aemEW { 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);  }  .xL79O { background: #ffffff50; box-shadow: 0px 5px 5px -3px #20406020; font-size: 110%; font-weight: bold; padding: 10px 15px;; }  .xQB7C { padding: 16px 22px 12px 30px; line-height: 1.6; }  .rGPMb { padding: 10px 11px; display: flex; }  .xLxYI { padding: 5px 10px; opacity: .7; transition: .2s; cursor: pointer; border-radius: 5px; border: solid 1px #2040a050; }  .xLxYI:hover { opacity: 1; background: #ffffff50; border: solid 1px #2040a0a0; }                      .xPYoP { padding: 15px; ; }  .xBY84 { padding: 8px; display: flex ; font-size: 90%; }    .obd8L { border: 1px solid #20406000; transition: .2s; }  .jNnbh { border: 1px solid #20406000; margin: 2px; padding: 2px 4px; border-radius: 5px;; }    .l0JEI { display: flex; padding: 2px 5px; width: 200px; border-radius: 5px; overflow: hidden; cursor: pointer;; }  .mTeSl { padding: 4px 6px; flex: 1; flex-grow: 1; }  .mugJw { padding: 4px 6px; font-size: 90%; }    .iousA { display: none; padding: 5px; border-radius: 7px; background: #ffffff50; }  .yJVQr { display: flex; flex-wrap: wrap; }  .zu9EE { padding: 3px 5px; cursor: pointer; background: #ffffff70; border-radius: 4px; border: 1px solid #20406020; margin: 2px; }  .heJOg { padding: 3px 5px; cursor: pointer; background: #ffffff50; border-radius: 4px; border: 1px solid #20406000; margin: 2px; }  .i3Lxh { border: 1px solid #0040d060; color: #0040d0; }  .chyCz { border: 1px solid #00903060; color: #009030; }  .jAwLy { border: 1px solid #a0200060; color: #a00000 }        .xQE3S { display: flex; padding: 0px; }  .upjpw { display: flex; padding: 0px; flex-wrap: wrap; }  .rMgf0 { font-size: 90%; }  .t5PUS { font-size: 90%; display: flex; padding: 1px 4px; }  .n058W { font-size: 90%; display: flex; padding: 1px 0px 0 0; }   .ptOJo { text-align: center; padding: 4px; color: #fff; width: 33.33%; flex-grow: 1; }   .awBIi { flex-grow: 1; text-align: center; padding: 4px; margin: 0px 2px; border-radius: 4px; cursor: pointer; color: #fff; opacity: .9; transition: .2s; }   .awBIi:hover { opacity: 1; }   .yx9hi { border: 1px solid #800000; background: #a00010; }   .v6JlN { border: 1px solid #005020; background: #008020; }   .bZRgY { border: 1px solid #001050; background: #002080; }    .fZC3m { display: flex; flex-wrap: wrap; padding: 10px 5px; }  .y2JeS { 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;  }  .ucFYN { max-height: 90%; max-width: 500px; cursor: auto; }  .pa3Th { min-width: 180px; }  .cXPqX { flex-grow: 1; cursor: pointer; }  .y2JeS:hover { border: solid 1px #2040a0a0; background: #ffffffc0; transform: translate(0px, -3px); box-shadow: 0px 12px 25px -10px #20406080; }  .rfJvD { display: flex; height: 26px; justify-content: center; align-items: center; background: #ffffff; border-bottom: solid 1px #20406030; box-shadow: 0px 6px 10px -4px #20406030; }  .lbPpA { display: flex; flex-wrap: wrap; height: 70px; border-bottom: solid 1px #20406030; }  .qdZUk { display: flex; justify-content: center; align-items: center; background: #a0c0ff20; height: 100%; width: 25%; border: solid 1px #20406030; }  .mouRZ { background: #f0f0ff10; width: 75%; height: 100%; padding: 1px;}  .vGqlE { padding: 2px 10px; white-space: nowrap; }  .yRjRb { text-align: left; direction: ltr; }  .rQpqE { font-size: 85%; padding-left: 10px; }    .aMN6V { display: flex; height: 30px; }   .aC9N9 { display: flex; height: 100%; width: 50%; cursor: pointer; transition: .2s; font-size: 85%; border: solid 1px #20406030; background: #f5faff; }   .aC9N9:hover { background: #fff; color: #0020a0; border: solid 1px #2040a0a0; }   .pIWFP { background: #50608050 !important; opacity: 0.3; color: #506070 !important; border: solid 1px #20406010 !important; cursor: not-allowed; }   .thNBs { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; }   .lEOwZ { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }   .wRwnU { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }      .sDp3H { display: flex; height: 25px; margin: 5px; justify-content: center; align-items: center; font-size: 90%; }    .d0eWk { width: 94%; position: relative; }  .ymq66 { position: absolute; left:45%; width: 10%; background: #909090; top: 0px; bottom: 0px; }        .feuvc { min-height: 180px; width: 100%; }  .cGMBV { width: 100%; }  .luLD9 { width: 100%; }  .sW70e { bottom: 2px; left: 0px; right: 3px; padding: 5px 8px; position: absolute; z-index: 300;; background: #f0faffd0; }    .y6G4M { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50000000; }  .paJOT { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);   background: #f5faff60;  }    .lxuZ3 { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }    .cHReE { height: 50px; padding: 7px; display: flex; background: #00f08008; justify-content: center; align-items: center; }  .fIQVi { 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; }  .niQR5 { margin: 0px 20px; opacity: 1; color: #a00030; ; }  .jbedu { opacity: 1; background: #0080ff; color: #ffffff; }  .vL2Jt { flex: 1; display: flex; background: #0000f020; justify-content: center; align-items: center; flex-wrap: wrap; overflow: auto; }      .dMn4g { padding: 7px; font-size: 110%; }  .sivzH { padding: 6px 15px; cursor: pointer; margin: 6px; border-radius: 4px; border: 1px solid #20406040; background: #fdffff; display: block; display: flex; }  .mId7i { justify-content: flex-end; font-family: cursive !important;}  .cfkbZ { font-size: 95% ; white-space: nowrap;}  .vi16G { display: flex; justify-content: center; align-items: center; padding: 0px 15px; opacity: .7; transform: scale(.95); }      .rzuiB { max-width: 400px; min-width: 200px; margin: 15px 15px; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 10px 20px -8px #20406050; }  .zHHfO { padding: 5px 9px; font-weight: bold; }  .obMgo { display: flex; height: 30px; border-top: 1px solid #20406020; }  .v59ZS { display: flex; align-items: center; padding: 0px 8px; }  .tGbbQ { display: flex; align-items: center; padding: 0px 8px; justify-content: flex-end; flex-grow: 1; }  .gkaPC { display: flex; align-items: center; padding: 0px 3px; direction: ltr; flex: 1; flex-grow: 1; }   .uuYmu { display: flex; align-items: center; padding: 0px 3px; min-width: 100px; }   .tDCfJ { display: flex; align-items: center; padding: 0px 3px; direction: ltr; min-width: 40px;; }        .mYCOR { padding: 15px; line-height: 1.5; }  .a5BLJ { padding: 5px; margin: 10px 4px; box-shadow: 0px 3px 8px -2px #20406050; line-height: 1.5; background: #ffffff50; border: solid 1px #20406030; }   .e9YvU { padding: 4px 6px; margin: 2px 0px; font-size: 110%; color: #007070; font-weight: bold; }   .mezVQ { padding: 3px 10px; margin: 2px 0px; opacity: .9; }   .trCuG { padding: 5px 15px 5px 5px; margin: 1px 0px; box-shadow: 0px 3px 7px -2px #20406020; }   .prSDt { padding: 3px 5px; margin: 0px 0px; border: solid 1px #20406020; background: linear-gradient(to top, #ffffff80, #c0e0ff10); }   .iYRfk { padding: 4px 5px; margin: 2px 0px; font-size: 110%; color: #005080; }   .zabum { padding: 2px 8px; margin: 1px 0px; opacity: .9; }                .gzGVu { display: flex; height: 23px; padding: 1px 2px !important; border-bottom: 1px solid #20406020; }  .lENCn { display: flex; height: 100%; align-items: center; width: 154px; }   .arcbi { width: 100%; }   .t23d0 { padding: 2px 7px;; }  .sm176 { display: flex; height: 100%; border-right: 1px solid #20406020; align-items: center; width: 32px; justify-content: center; opacity: .8; font-size: 90% ; }                .c4U64 { margin: 5px 8px; border-radius: 4px; overflow: hidden; border: 1px solid #20406035; background: #ffffff60; }   .ybbO7 { background: #ffffff50; cursor: pointer; display: flex; height: 35px; padding: 0px 5px; box-shadow: 0px 4px 10px -5px #20406050; border-bottom: 1px solid #20406030; }   .fw3cR { display: flex; height: 100%; align-items: center; }   .uRWvR { padding: 0px 8px; }   .kz3GN { padding: 2px 5px 0 0; font-size: 90%; opacity: .85;; }     .hbi9M { }   .xswOY { display: flex; height: 30px; }   .kpXsC { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; border-right: 1px solid #20406020; }   .gNmM6 { justify-content: start; padding-right: 8px; ; }   .utoi4 { border-left: 3px solid #20406020 ; }   .ifPy5 { justify-content: start; padding-left: 8px; direction: ltr; }     .f7thL { text-shadow: 0px 1px 12px #00f080a0; color: #071; outline: 1px solid #00f00020; outline-offset: -1px; background: #00d08004; }   .xjZz6 { text-shadow: 0px 1px 12px #f0505080; color: #710; outline: 1px solid #00f00020; outline-offset: -1px; background: #d0000004; }     .hDdYA { position: absolute; z-index: -1; background: #0070c020; border-left: 1px solid #0050c050; top: 0px; right: 0px; bottom: 0px; }       .uadQJ { margin-top: 3px; border-top: 1px solid #00408020; background: #00c0ff20; font-size: 94%; color: #003070; height: 28px; }        .pB97R { border-bottom: 1px solid #20406035; background: #ffffff60; display: flex; height: 30px; }  .z3EtT { border-top: 2px solid #20406020; background: #ffffff60; display: flex; height: 30px; }  .fovDf { border-bottom: 2px solid #00407030; background: #f0f8ff50; display: flex; height: 28px; margin-bottom: 0px; font-size: 90%; ; }            .bvqcf { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406020; }  .w5Vx4 { border: solid 1px #20406050; background: #ffffffb0; margin: 4px 0px; }  .gD9tv { border: solid 1px #20406050; background: #ffffffb0; }  .bvqcf:hover { z-index: 100; }   .bmQbG { padding: 0px 10px; display: flex; align-items: center; cursor: pointer; width: 100%; }   .iFnA2 { 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; }   .oTXPA { cursor: auto !important; background: #a0c0e005; opacity: .7; }      .cE9C5 { 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; }  .srX8J { font-size: 90%; opacity: .9;;}   .zRkMF { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-left: solid 1px #20406020; }   .cGDhG { direction: ltr; width: 30px; font-weight: bold; }   .lu91Z { width: 250px; white-space: nowrap; overflow: hidden; }   .idQk9 { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-right: solid 1px #20406020; }   .j5e5R { font-size: 105%; font-weight: bold; padding: 0px 5px; }  .ad3X4 { height: 45px; overflow: auto; margin: 0px 5px 0px 5px; border: solid 1px #20406040; border-top: none; background: #ffffff30; }    .eWWPg { display: flex; align-items: center; flex-wrap: wrap;}      .td8x7 { margin: 2px 0px; }  .jH8LI { margin: 2px 0px 7px 0px; }   .nDfdx { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406050; }     .loThI { 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; }   .y0nf2 { direction: ltr; text-align: left; }      .lvwSA { width: 100%; line-height: 1.7; padding: 80px 1%; display: flex; flex-wrap: wrap; justify-content: center; }    .yH396 { width: 100%; max-width: 1600px; display: flex; flex-wrap: wrap; justify-content: center; }  .xVLqP { width: 100%; max-width: 2000px; display: flex; flex-wrap: wrap; justify-content: center; }      .bRpHD { padding: 30px 0px; }   .qsMFQ { width: 100%; max-width: 400px; }   .qBIPX { width: 100%; max-width: 1000px; }    .ggYGd { padding: 10px 0px; }        .yh1Dv { width: 100%; line-height: 1.7; padding: 50px 1%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; }  .yxYg4 { width: 100%; max-width: 1100px; overflow: auto; }      .thLwL { width: 100%; min-width: 600px; background: #ffffff50; padding: 16px;; }   .xdYNn { display: flex; align-items: center ; padding: 1px 0px; }   .waTWc { padding: 4px 8px;; }   .pJSBq { padding: 4px 8px !important; margin: 0px 5px 0 0; font-size: 95%; display: flex; }   .rL1dw { display: flex; align-items: center ; padding: 5px;; }   .hJ2CM { 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; }   .hJ2CM:hover { background: #fff; outline: 2px solid #00a0f0a0; }   .lXXYf { font-size: 110% ; padding: 5px; white-space: nowrap; }   .snOW7 { font-size: 80% ; padding: 0px 4px; white-space: nowrap; }   .mmnUP { font-size: 85% ; padding: 0px 5px; white-space: nowrap; }   .q5OgF { color: #5080b0; }   .a3riw { color: #20b050; }   .jctTL { color: #b06050; }    .eS1uV { width: 100%; min-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-around; }   .iSP0y { border: 1px solid #20406040; border-radius: 4px; overflow: hidden; width: 510px; margin: 0px; background: #ffffff80; }   .o7JnS { min-height: 35px; display: flex; }   .immFP { border: 1px solid #20406030; display: flex; justify-content: center; align-items: center; width: 65px; overflow: hidden; white-space: nowrap; }   .kTL68 { color: #007040; direction: ltr; padding: 2px; }   .bMf7U { background: #b0d0f020; }   .rBpe3 { width: 120px; }   .odx4s { font-weight: bold; }   .nJHc0 { width: 100%; padding: 5px 12px; font-size: 90%; margin-bottom: 8px; }   .gDP6U { color: #002040; cursor: pointer; transition: .2s; }   .gDP6U:hover { color: #fff; background: #00a0c0; }            .u6kYz { width: 100%; padding: 1%; position: relative; line-height: 1.8; overflow-x: hidden; }  .qBQiQ { display: flex; justify-content: center; align-items: center; width: 100%; }  .iN1IX { position: relative; width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; }  .rcQSa { position: relative; width: 100%; overflow: auto; margin: 10px 0px;; }   .jJ1PY { padding: 5px 30px; font-size: 120%; }  .tkmD4 { display: flex; justify-content: center; padding: 10px 5px; }  .gC2S7 { display: flex; padding: 10px 5px; }    .hicZv { 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; }   .nQo5l { display: flex;width: 250px; height: 64px; }   .hlsuL { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; position: relative; transition: 1s; border-radius: 50%;}   .hlsuL:hover { transform: scale(1.2) rotate(400deg); }   .iN1IX:hover > .nQo5l > .hlsuL { transform: scale(1.2) rotate(400deg) }   .pxNvm { padding-right: 14px; }   .ehSTv { font-size: 130%; }   .xbYJN { font-size: 90%; opacity: .8; top: -5px; position: relative; }     .fLoQz { display: flex; min-width: 250px; height: 64px; align-items: center; padding: 0 30px 0 0; flex-grow: 1; flex-wrap: wrap;}   .eFzY3 { padding: 0 25px 0 22px; position: relative; }   .lcaiv { 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; }   .nFbLp { padding: 4px 6px; border-radius: 4px ; }   .mvCgh { display: flex; flex-grow: 1; direction: ltr; height: 100%; max-height: 40px; align-items: center; flex-wrap: wrap; overflow: hidden; }    .vfmQj { min-height: 100vh; padding-top: 60px; overflow: hidden; font-size: 17px; }  .oYJek { padding-top: 20px; font-size: 17px; }    .zzoTk { min-height: 600px; }  .mDyCy { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 700px; min-height: 400px; }   .uH7NC { 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; }   .uH7NC:hover > .lbHnn > .s8p1n { transform: rotate(3deg) translate(0,-7px) scale(1.06); }   .uH7NC:hover > .lbHnn > .hEkpQ { transform: rotate(-3deg) translate(0,-7px) scale(1.06) }   .uH7NC:hover > .lbHnn { color: #b0c0d0; font-weight: normal; }   .uH7NC:hover > .tSE7B > .nWwxY { outline: 1px solid #0000a0; }   .uH7NC:hover > .tSE7B > .wmmZC { outline: 1px solid #00a000; }   .uH7NC:hover > .tSE7B > .nfDEJ { color: #00b050; font-weight: bold; transform: scale(1.05) translate(3px,0); text-shadow: 2px 5px 12px #00f05080; }  .nYJCJ { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }    .gvi9u { 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);  }    .gLljp { font-size: 130%; color: #405060; font-weight: bold; padding: 0px; opacity: .9; }  .lbHnn { font-size: 170%; color: #002040; font-weight: bold; padding: 7px 0px; display: flex; transition: .3s; flex-wrap: wrap; }   .s8p1n { 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); }   .hEkpQ { 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) }  .daqT1 { font-size: 125%; color: #002040; padding: 8px 0px; }  .tSE7B { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 10px; }   .nfDEJ { color: #00a070; padding-left: 10px; transition: .3s; }   .h4aJM { color: #fff; padding: 3px 15px; margin: 0px 10px; cursor: pointer; transition: .2s; border-radius: 5px; }   .h4aJM:hover { transform: scale(1.1); box-shadow: 0px 4px 12px -3px #005080a0; }   .nWwxY { background: #50a0f0; transition: .3s; }   .wmmZC { background: #00d080; }    .firstBoxTitleB { font-weight: bold; font-size: 105%; color: #0080ff; }      .ycQOq { background: #ffffff80; padding: 5px 10px; border-radius: 4px; margin: 2px; }  .d0GXz { box-shadow: 0px 10px 20px -8px #50402020; color: #a07000; border: 1px solid #80002060; }  .e3Nn9 { box-shadow: 0px 10px 20px -8px #00408020; color: #204060; border: 1px solid #00406060; }    .fG5fP { justify-content: center; padding: 40px 0px; }    .ynhq0 { 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; }  .gf2YM { 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;  }  .gf2YM: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);  }  .gf2YM:hover > .yjkMB { font-weight: bold; color: #0040a0; transform: scale(1.1) translate(0px,-5px); }  .pNeOP { 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; }    .yjkMB { padding: 5px 5px 10px 5px; color: #205080 ; text-align: center; transition: .3s; }  .hwFs4 { padding: 5px 5px 10px 5px; text-align: center; color: #005090; font-weight: bold; }    .vhjiI { display: flex; padding: 5px 10px;; }  .m3ycA { width: 25px; height: 25px; margin: 3px 4px; position: relative; z-index: 1;; }  .v6X09 { display: none; position: absolute; white-space: nowrap; top: 0px; right: 120%; background: #fafcffe0; padding: 3px 4px; font-size: 70%; border-radius: 5px; }  .m3ycA:hover { z-index: 50;}  .m3ycA:hover > .v6X09 { display: block; z-index: 100; }    .hpW9q { opacity: .2; }  .oQOvJ { width: 100%; height: 100%; }      .i2ezU { 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;  }  .wL3y2 { padding: 10px; display: flex; justify-content: center; font-size: 120%; font-weight: bold; color: #007030; }  .j3bl9 { padding: 3px; }      #p1inI { scroll-behavior: smooth; }    .tNTrW { padding: 0px 0px 0px 0px; background: #e0f0ff20; color: #304050; position: relative; }    .p81bt  {   padding: 60px 1%; display: flex; justify-content: center; align-items: center; position: relative;  }  .iqNEk { opacity: .92; transform: scale(.92);}    .lOrRQ { display: flex; padding: 10px 2% 10px 7%;   perspective: 200px; position: relative; }  .txm77 { justify-content: end; }  .rS1wa {   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;;  }  .tfrX6 { 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; }  .eafbR { min-width: auto; }  .jtqoy { width: 100%; display: none; }  .uzaX3 { color: #808890; position: absolute; top: 108%; right: 40px; display: none; z-index: 2; white-space: nowrap; }  .yu8fG { display: block; animation: wB3En .4s 1; }  .zPI9j { display: block; animation: m0po7 .4s 1; }    .e4Y0g  {   min-height: 300px;   font-size: 110%; width: 100%; max-width: 350px;   position: relative; transition: .2s; display: flex; flex-wrap: wrap; z-index: 2;  }  .nT0xB { display: flex; align-items: center; padding: 3px 10px 3px 5px; }    .e4Y0g:hover  {  }        .zWsfO  {   flex-grow: 1; padding: 15px 2% 15px 2% ; font-size: 110%;  }  .tqxIH  {   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;  }  .qG5lF { font-weight: normal; opacity: .9; transform: scale(.9); border-right: none !important; padding-right: 20px; }  .l5O6G  {   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;  }    .tqxIH:hover { opacity: 1;   border-right: 8px solid #00a0f0d0; color: #2070e0;  }  .lGovm  {   position: absolute; height: 100%; left: 15px; top: 0px; display: flex; align-items: center;   font-family: monospace; font-size: 85%; opacity: .85;  }  .j7kdB  {   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;  }  .tqxIH:hover > .j7kdB { opacity: 1; box-shadow: -5px 5px 1px #00a0ff80 ; }  .m3Vqy  {   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;  }      .xSnyp  {   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;  }  .xSnyp:hover {   background: linear-gradient(to left, #0070fff0, #0070ffb0); color: #ffffff;  }  .fdDUZ { background: #507090 !important; cursor: auto !important }  .y7hfr { padding: 0px 2%; }      .sDHXj { 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);  }  .w07ld { display: flex; width: 100%; justify-content: center; }  .rjvRP { display: flex; justify-content: center; align-items: center; }  .k6Rx6 { 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;  }  .k6Rx6:hover { background: #fff; border: 1px solid #50a0d0; }        .aUMPx { background: #304050; color: #f5faff; padding: 30px 1% 50px 1%; display: flex; justify-content: center; }  .bufhH { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; }    .e3Yoi { flex: 1 0 300px; padding: 5px 10px; }  .gQ0xB { display: flex; padding: 5px; }  .wiQf2 { display: flex; }    .dM4Fi { min-width: 270px; display: flex; justify-content: center; }  .gcqR3 { padding: 5px 0px; width: 100%; }  .xQVfN { font-size: 115%; color: #b0ffe0; padding: 0 0 6px 0; }  .wCPm5 { display: flex; padding: 4px 1px; }  .puWZ6 { flex: 1; padding: 0px 5px; }  .pCEwa { padding: 0px 5px;; }      .zIvDe { position: absolute; top: -25%; right: -20%; bottom: -25%; left: -20%; z-index: -10;   display: flex; justify-content: center;   transform: rotate(-15deg);  }   .uCaqo { 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%;  }  .uerM6 { 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;  }  .rwf0P { 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 );  }    .kRk6n  {   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) } }      .tEVbt { 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;}              .dsIiw { padding: 20px 10px 50px 10px; height: 150px;;}  .epekD { margin: 10px; height:100px; max-width: 80px; }  .jri0J { height: 100%; cursor: pointer; }  .m74FA { height: 100%; }              .o0zL6 { width: 100%; position: relative; padding: 50px 0px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }  .bj18q { 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);  }  .sCxwq { width: 100%; position: relative; overflow: hidden; min-height: 400px; }    .fjcr0 { width: 90%; max-width: 900px; padding: 10px; margin: 10px 6px;   overflow: hidden;  }  .moRcx { padding: 5px 5px 0px 5px; white-space: nowrap; font-size: 120%; }  .dQToy { padding: 5px 0px 5px 5px; white-space: nowrap; font-size: 80%; }        .eRbg9 {   width: 90%; max-width: 900px; position: relative; min-height: 500px; overflow: hidden; display: flex; flex-wrap: wrap;  }  .zNMAM { background: red; height: 500px; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }  .nNsXy { background: blue; padding-top: 5px; }      .qQ9MH { font-weight: bold; color:#002060; padding: 6px 2px 2px 1px }        .bigger { font-weight: bold; }            .vXAqX { position: relative; padding: 50px 2%; }  .ujcUS { overflow: auto; }      .n5A0U { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }    .rG7HA { margin: 5px 10px; padding: 8px 15px; font-size: 120%; background: #ffffffa0; color: #002060; }  .jfY0w { width: 100%; }  .bMcms { margin: 5px 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }  .xabBk { margin: 5px 10px; padding: 5px 10px; font-size: 120%; background: #fff; color: #002060; display: flex; flex-wrap: wrap; }    .ateA7 { 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);; }  .zFEGg { width: 400px; height: 100%;; }   .tmJnE { font-size: 130%; margin: 10px; padding: 7px; }   .yuNkA { font-size: 100%; margin: 10px; padding: 7px; }   .vhuBJ { font-size: 100%; margin: 10px; padding: 7px; }   .ugvCe { font-size: 100%; max-width: 100px; margin: 4px 20px; display: flex; justify-content: center; align-items: center; }  .phRVR { width: 300px; height: 300px; position: relative; overflow: hidden;; }   .qTAV0 { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; opacity: 1; transform: translate(-310px,0); transition: .25s;}   .vFkQA { opacity: 1; transform: translate(0,0); }   .rFJc4 { height: 100%; border-radius: 5px; border: 1px solid #0080c040; }     .r6idO { position: absolute; height: 20px; left: 8px; right: 8px; bottom: 2px; z-index: 11; display: flex; justify-content: center; align-items: center; }   .gnYd6 { 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; ; }   .dAgeM { display: flex; justify-content: center; align-items: center; width: 30px; height: 100px; cursor: pointer; transition: .2s; }   .ixD2W { width: 20px; height: 20px; border-radius: 50%; background: #a0b0c0; margin: 0px ; transform: scale(.5) ; cursor: pointer; transition: .2s; }   .orSdR { transform: scale(.9); background: #0050c0; margin: 0px 4px; }          .xDQ11 { 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;}  .xW0He { width: 100%; max-width: 1400px; }    .vbTsu { display: flex; flex-wrap: wrap; padding: 0px 20px 0 0;}  .pgcLY { display: flex; flex-wrap: wrap; justify-content: center;}    .wsGbP { 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;}  .wsGbP:hover { background: #ffffff; box-shadow: 0px 5px 18px -4px #20406060; outline: 2px solid #20a0ff; }  .kXmAd { font-size: 120%; padding: 5px; max-width: 222px; }  .xClEN { font-size: 85%; padding: 0px 4px; }  .a2tuF { font-size: 100%; padding: 2px 5px; border-radius: 4px; background: linear-gradient(to left, #f0b00040, #f0b00000); }  .xlxcY { max-width: 205px; font-size: 100%; padding: 3px 5px; border-radius: 4px; background: #ffa0f050; text-align: center; font-weight: bold; }  .n7kii { font-size: 90%; color: #502060; padding-left: 4px; }   .blaBP { 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; }   .wsGbP:hover > .blaBP { opacity: 1;}        .aSzfA { padding: 10px; width: 200px; background: #fafbfd; border-radius: 5%; outline: 1px solid #a0b0c0a0; margin: 10px; }   .uI5A5 { padding: 2px; font-size: 120%; display: flex; justify-content: center; align-items: center; }   .ase7J { 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; }    }            .q8x1U { padding: 50px 3%; width: 100%; display: flex; justify-content: center; }  .iJE3G { width: 100%; max-width: 1250px; display: flex; flex-wrap: wrap; line-height: 1.6; }  .y5B6k { width: 100%; max-width: 900px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffffa0; box-shadow: 10px 0px 50px #20408020; }  .yHbyP { width: 100%; max-width: 300px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffff50; box-shadow: 0px 0px 50px #20408010 }      .raDCj { padding: 8px 5px;; }  .cvfkU { 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;}  .cvfkU: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); }  .cvfkU::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; }  .zzjEF::after { border: 20px solid #e0900060; }  .cvfkU:hover::after { border: 20px solid #0070f0b0; border-right: none; border-top: none; left: -12px; }  .zzjEF:hover::after { border: 20px solid #e09000b0; border-right: none; border-top: none; left: -12px; }  .xuL39 { text-align: center; white-space:nowrap }    .mNdcj { 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;}  .mNdcj: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); }  .mNdcj:after { display: none !important;}      .iqEg8 { display: none !important; }    .buCxk { margin: 30px 20px; font-size: 15px; line-height: 1.7; }  .ziGng { padding: 10px 25px; border-radius: 8px; background: linear-gradient(to left, #0080f020, #b0fff030, #0080f000); font-size: 120%; cursor: pointer; }  .fw1fE { padding: 15px; border-radius: 8px; background: #ffffff50; }  .qR0XS { display: none; }   .d8i1F { padding: 10px; font-size: 110%; line-height: 2; }   .bcZ5W { padding: 10px; border-radius: 8px; background: #ffffff50; color: #007030; }  .zYfkQ { padding: 10px; display: flex; flex-wrap: wrap; }          .kOZpN{ 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;  }   .c1UGn { width: 95%; max-width: 1000px; background: #ffffff; border-radius: 5%; padding: 20px; border: 3px solid #0080f0; font-size: 16px; line-height: 1.7; }   .eZXAY { padding: 5px; }   .jJWI0 { padding: 6px 0px; }   .mG1YD { padding: 15px; display: flex; justify-content: center; width: 100%; }   .jZ4bq { padding: 5px 12px; cursor: pointer; border-radius: 5px; border: solid 1px #00a0f0; cursor: pointer; opacity: .5; }   .jZ4bq:hover { opacity: 1; }                    .x5g4r { width: 100%; padding: 20px 40px 20px 10px; line-height: 1.7; }  .xXy9M { width: 100%; padding: 5px 1%; line-height: 1.7; }   .fJDYu { padding: 5px; font-size: 120%; display: flex; position: relative; display: flex; }   .lFQMp { color: #00b030; }   .oH5ZH { padding: 5px; display: flex; flex-wrap: wrap; }   .zqVHO { padding:0px 8px; display: flex; color: #204060; font-size: 85%; }   .yzoNd { padding:0px 5px; min-width: 50px; }     .mHHfh { padding:10px 5px; }   .a1eoO { display: none; }       .usOWq { padding:10px 5px; }     .zSG8I { padding: 5px;; }   .kLyoY { display: flex; height: 50px; align-items: center; background: linear-gradient(to left, #00a0ff30, #ffffff20); border-radius: 8px; }   .e3hSc { height: 100%; width: 40px; justify-content: center; align-items: center; display: flex; }   .neV39 { width: 200px; display: flex; padding: 0px 15px; font-weight: bold; color: #000040; position: relative; }   .hSGJR { padding: 0px 8px; display: flex; margin-right: 8px; height: 100%; align-items: center; }   .eachInstaPostHeaderSendDiv0Sent1 { background: #00a020 !important; opacity: .7 !important; cursor: auto !important; }     .eTBBd { display: flex; height: 90px; align-items: center; }   .aLUGJ { display: flex; height: 100%; align-items: center; margin: 0px 4px; position: relative; }   .sHsi9 { position: absolute; top: 0px; right: 0px; left: 0px; height: 100%; background: #0060f040; animation: oEsov 4s linear 1 ; animation-fill-mode: forwards; }   .nXA2c { outline: 2px solid #00a030; outline-offset: -2px; }   .bgaJ8 { height: 100%; }                                      myBG{ position: absolute; top:-20px;left: -20px;bottom: -20px;right: -20px; }      .cS7y9 { font-family: IRANSansWeb; }        .oZibQ { 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;  }  #vy8ec { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100% }    .iUX1L { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100%; padding: 0px 2px;}  .lgfad { }  .pumoQ { flex-grow: 1; }  .jbSP2 { }    .awymF { margin-left: 4px; ;}    .kaXtX { height: 22px; }  .xZL4p { height: 18px; }  #myDate { font-size: 13px; padding: 0px 5px; }  #j5xVU { padding: 0px 5px 0px 8px; direction: ltr; text-align: left; }  .j5xVU { 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;}                          .vPRb1{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 1000000; transition: .3s; color: #204060; overflow: auto; }  .qdOFw { font-size: 50px; padding: 0px 10px 30px 10px; width: 100%; }  .fhF6e { width: 90%; max-width: 700px; font-size: 18px; }  .aJ1Y9 { font-size: 90%; padding: 12px; background: #ffffffa0; }  .oxr6P { margin: 20px 0px; background: #ffffffda; border-radius: 8px; color: #304050;   box-shadow: 3px 4px 7px #40608030,8px 10px 15px #40608030;  }  .jBr2C { margin: 20px 0px; background: #ffffff; border-radius: 7px; color: #203040;   box-shadow: 1px 2px 7px #40608010, 3px 5px 15px #40608030; line-height: 1.75;  }  .pIkuH { border-right: 10px solid #00d0d0; padding: 10px; }  .mrDgA { border-right: 10px solid #50a0ff; padding: 10px; }  .msInv { border-right: 10px solid #00e090; padding: 10px; }  .sEiSV { border-right: 10px solid #f000a0; padding: 10px; }  .gbICj { padding: 10px; font-size: 120%;width: 100%; }  .meIHk { padding: 10px; border: dashed 1px #506080a0; transition: .2s; cursor: pointer; border-radius: 8px; }  .meIHk:hover { border: dashed 1px #0060a0; background: #fff; }  .w76Cg{ position: relative; width: 100%; height: 100%; padding: 20px; overflow: auto;; }      .lZ7Dl{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 100000000; display: none; transition: .3s; }  .mZNai{ display: block; animation: gRcSU 0.4s 1 ; background: radial-gradient(#a0b0c0, transparent); }  .oejyz{ position: relative; width: 100%; height: 100%; overflow: auto;; }    .siYS4{   opacity: .85;   background: #f0f8ff60;   position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;  }  /* .siYS4{ 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"); } */  /* .siYS4{ 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-xerHx 493L539 269 237 261 370 wEA2s 382L539 269M390 xBBIg 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 a2nkR 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"); } */  .faaCI{  }          .lCAwR { position: relative; }    #myShakhesKolTaghir1 { display: flex; white-space: nowrap;; }  .oIFh9 { height: 22px; font-size: 13px; padding: 0px 5px; }  .pPxRr { height: 18px; font-size: 12px; padding: 0px 5px; }  .myShakController1 { width: 40px; background: #00f0f020; display: none; font-size: 20px; flex-wrap: wrap;}  .gcUCw { display: flex; flex-wrap: wrap; padding: 0px 8px; }  .lCAwR:hover > .gcUCw { display: flex;}    .jcjqo { display: flex ; flex-wrap: nowrap ; flex-grow: 1; }  #dlVg2 { display: none; }  #yyTjX { height: 40px; width: 40px; background: #f0a0f030; display: none; font-size: 20px; flex-wrap: wrap; }  #tfmDg { display: flex ; flex-wrap: nowrap ; }  .jcjqo:hover > #tfmDg { display: flex }          #xXJCN { 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}  .lAT2C { width: 100%; text-align: center; font-weight: bold; font-size: 20px; justify-content: center; display: flex; align-items: center; }  .g88Zr { 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; }                                  #dorhf { direction: rtl; text-align: right; margin:0px !important; position: absolute; display: flex !important; flex-wrap: wrap !important; transition: .3s ; }  .b3dnP{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; }                #cwDbw {position: absolute; transition: .3s; }        #yHOwL {position: absolute; transition: .3s; overflow: hidden; box-shadow: 3px 2px 15px #40608020, 1px 1px 4px #40608025; }    .rT1Y9{ min-width: 40px; padding:0px 5px; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .rT1Y9 > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .rT1Y9 > .infI{ padding:0px 5px; font-size: 22px; }  .rT1Y9:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .rT1Y9:hover > .inf{ display:block }  .mxe0C { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .mxe0C > .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; } }                                      #qNiCF {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; }                .avMw4 { padding: 0px ;}  .hZZzV { 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; }  .pA06l { animation: pA06l 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)  {   #tfmDg { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .jcjqo:hover > #tfmDg { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #yyTjX { 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; }   .gcUCw { 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%; }                          .gZm8Z { padding: 5px; background: #fff0ffa0; border: 1px solid #e0000020; text-align: center; font-size: 95%; border-radius: 4px; color: #800000; }  .yF44q { width: 100%; padding-top: 15px; }  .ngEi7 { width: 100%; height: 180px; }  .gBIef { width: 100%; height: 300px; }  .pllHN { width: 100%; padding: 4px 7px; font-size: 85%; }  .hqp3E { width: 100%; height: 70px; }  .wE79W { width: 100%; height: 77px; padding: 0px 5px; z-index: 10; }    .mrRR0 { display: flex; align-items: center; }  .jtUFW { display: flex; align-items: center; margin: 0px 15px; transform: scale(1.1); }   .cOFDX { border: 1px solid #20406030; padding: 4px 6px; margin: 0px 1px; cursor: pointer; background: #fff; border-radius: 4px; }   .u3G45 { 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 }  .z4Vbo { 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;}    .oVpCA {color: #fff; background:linear-gradient(to bottom, #00f050,#00c050,#00f050); ; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .uWNtc { background: linear-gradient(to bottom, #ff5040,#c04040 ,#ff5040);; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }  .uWNtc { 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;}      .iCYhZ { background:#00ff0020; color: #00d050; }  .uUwkt { background:#00ff0030; color: #00d050; ; font-weight:bold;}  .b7mGc { background:#ff000020; color: #e08080; }  .foLmU { background:#ff000030; color: #e08080; ; font-weight:bold; }        .uD417 { 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: iCR2r 0.25s 1;   box-shadow: 3px 3px 10px #40608030, 15px 20px 30px #40608030; border: 1px solid #4060a040;  }  .kYkLL { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }  .q2kWM { height: 100%; text-shadow: 1px 1px 10px #00000050; font-size: 120%; padding: 10px 20px; line-height: 1.7 !important; }  .fb3q1 { background: #a00050e0; color: #fff; }  .fTHin { background: #00a050e0; font-size: 110%; color: #fff; }  .b5XCB { background: #0050a0e0; font-size: 110%; color: #fff; }    .gu90p { padding: 10px; font-size: 150%; font-weight: bold; color: #2050a0; }  .yruvr { padding: 10px; font-size: 90%; font-weight: bold; color: #800040; }    .jD8YD { padding: 10px; line-height: 1.6 !important; }    .cXAsg { padding: 10px 5px 8px 2px; }  .yx74z { padding: 2px 5px 0px 5px; font-size: 80%; color: #a20; }  .x3A31 {   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;  }  .dL0kR { text-align: center !important; width: 100px; font-size: 140%; }    .qD0eI{ padding: 5px 20px; color: #fff; background: #0090e0; transition: .2s; cursor: pointer; border-radius: 4px; font-size: 120%; }  .qD0eI:hover { color: #fff; background: #00a080; }    .vePAG { padding: 5px 20px; color: #607080; background: #fff; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50607020; border: 1px solid #50607020 ; }  .vePAG:hover { color: #005080; border: 1px solid #50607020 }    .fVPhg { padding: 5px 20px; color: #a02000; background: #fff0fa; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50007020; border: 1px solid #50007020 ; }  .fVPhg:hover { color: #a00000; border: 1px solid #50007050 }    .fr5TJ { transform: scale(.6); opacity: .85; }    .mJ4wy {border: 16px solid #f3f3f3;border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: uE0pq .6s linear infinite; }    @keyframes uE0pq { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }        .ygXDm { display: flex;flex-wrap: wrap; padding: 0px 0px 10px 10px; min-width: 150px; min-height: 150px; position: relative; }  .dWuEM { height: 200px; }  .sdzLG { margin: 10px 10px 0px 0px; }  .y3Tf5 { background: #5050a0e0; color: #fff; display: flex; }  .sSQBm { height: 100%; }  .tO8cs { height: 100%; }  .i9jzu { }  .eZ1DE { font-size: 120%; padding:5px 5px 0px 5px; }  .xuwt0 { font-size: 90%; padding:0px 5px 5px 5px; }    .uGhUs{ width: 100%; height: 80px; font-size: 200%; font-weight: bold; color: #a0ffe0; overflow: hidden; transition: .3s; }  .bUQdw { height: 0px !important; opacity:0 !important; }      .i4XH2 { background: #5050a0e0;border: 1px solid #adf; background: linear-gradient(to left, #007090, #70209050); color: #fff; display: flex; transition: .3s; cursor: pointer;;}  .i4XH2:hover { background: #5050a0e0;border: 1px solid #fff; background: linear-gradient(to left, #5050a0, #5050f0 ); box-shadow: inset 0px 0px 20px #ffffffa0; }  .bJn68 { height: 100%; }  .q6Dij { height: 100%; }    .lySVS { display: flex; flex-direction: column; min-width: 180px; }  .hCwyg { flex-grow: 1; }  .h7Cef { height: 40px; padding: 0px 5px; overflow: hidden; transition: .3s;}  .pAO33 { height: 0px; opacity: 0;}  .yrPDH { padding: 0px; height: 0px; color: #fff; box-shadow:inset 0px 0px 200px #a0ffe0; opacity: 0;overflow: hidden; transition: .3s }  .suPcu { padding: 5px; height: 40px; color: #a0ffd0; box-shadow:inset 0px 0px 50px #50ffa050; opacity: 1; }                              #t5PjC { display: flex; flex-direction: column-reverse; }  .giDEC { animation: b8H3y 0.2s 1; }  .x1Nxt { animation: pTag6 0.2s 1; opacity: 0; height: 0px; }    .t5PjC { overflow: hidden; }  .bsGTX { padding: 8px 10px; font-size: 95%; margin: 5px 10px; border-radius: 8px; }  .uGgHu { border: 1px solid #005020; background: #007050c0; color: #fff; }  .sun1r { border: 1px solid #500020; background: #a02030c0; color: #fff; }  .gjP4C { border: 1px solid #5050a0; background: #ffffffe0; color: #08c; }    .aqQbd { border: 1px solid #b0b000; background: #fffff0d0; color: #705000; border-right: 5px solid #a08000; font-size: 90%; }                  .eSzaX { width: 100%; display: flex; flex-wrap: wrap; padding: 5px;; }    .uW3Ln { border: 1px solid #20406030; margin: 1%; background: #fafcfea0; box-shadow: 2px 3px 10px #20406020; box-shadow: 3px 15px 20px -8px #00306025; }  .fHYQl { border: 1px solid #20406030; margin: 2px auto; }  .hlZNc { width: 100%; height: 2px; }  .hhuvW { height: 35px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .ciIEj { height: 30px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .vsOTd { height: 30px; display: flex; align-items: center; padding: 3px 6px 1px 0; box-shadow: inset 0px 8px 8px -8px #00406040; font-size: 90%; }   .lDtiB { 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; }   .pwCNC { font-size: 85%; opacity: 85%; padding: 2px 1px 0px 5px; }   .in2A8 { cursor: pointer; border: solid 1px #20406020; transition: .2s; }   .in2A8:hover { cursor: pointer; border: solid 1px #0040a030; background: #00a0ff10; color: #002080; }  .lfdaw { height: 35px; display: flex; position: relative; z-index: 100; }  .mg5eE { width: 100%; position: relative; padding: 4px 0px 1px 0px; background: #ffffff50; }              .tL4u3 { display: flex; }  .lT9i4 { padding: 4px 8px; min-width: 100px;; }            .xWn2l { padding: 0px 4px; height: 100%; white-space: nowrap; position: relative; z-index: 100; }  .m2La2 { white-space: nowrap; display: flex; align-items: center; padding: 0px 2px ; height: 100%; }  .cjtzn { font-size: 90%; }  .tH6M9 { background: linear-gradient( to left, #fbf6a480, #fbf6a450, #a0c0f000 ); }  .jy9RJ { background: linear-gradient( to left, #ffb55080, #ffb55050, #a0c0f000 ); }  .jsXQo { background: linear-gradient( to left, #ff607060, #ff706040, #a0c0f000 ); }   .dN8e0 { padding: 0px 12px; height: 100%; display: flex; align-items: center; background: linear-gradient(to left, #00205005, #ffffff10); border-right: 1px solid #20406015; }   .snlhM { padding: 0px 7px 0 2px; text-align-last: left; direction: ltr; }   .a5mh2 { padding-top: 1px; font-size: 90%; }   .tvJ7A { box-shadow: inset 0px 0px 20px 2px #ff800040; color: #900000; }   .jCwq0 { padding-right: 5px; color: #008020; }   .xpTbs { padding-right: 5px; color: #b00000; }     .aoz7U { cursor: pointer; }     .liZHw { padding: 5px; color: #302010; }              .uAuFU {top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; }   .jCxnw { 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; }   .uPyqY { 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; }   .j0axT { width: 100%; min-width: 300px; height: 100%; display: flex; }   .tv8gX {height: 100%; flex-shrink:0; min-width: 100px; margin-left: 8px; }   .reUlS { z-index: 10; width: 100%; position: absolute; right: 0px; left: 0px; top: 60px; bottom: 0px; overflow: hidden; }   .clZOq { width: 100%; min-width: 300px; position: relative; overflow: auto; height:100%; }   .izpVc { height: 30px; display: flex; align-items: center; white-space: nowrap; min-width: 300px; }   .mj3xR { padding: 4px 8px; margin: 0px 0px; height: 90%; display: flex; align-items: center ; position: relative; }   .t7904 { opacity: 0.5 !important; position: relative; }   .vr2gG { 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; }   .t7904:hover > .vr2gG { opacity: 1 !important; }   .m7tZG { height: 25px; width: 25px; transform: scale(0.8); color: #600010; border-radius: 10px; background: #ffffffc0; display: flex; justify-content: center; align-items: center; }   .m4jiF { width: 100%; display: flex; ; }       .wgi7P { box-shadow: none !important; background: transparent !important; }   .dDDcB { box-shadow: none !important; background: linear-gradient(45deg, #fff0a000, #fff0a050, #fff0a000) !important; }   .tTs9y { min-height: 500px; }       .hR8Z7 { transition: .3s; }                 .mVkqV { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; display: flex; flex-direction: column; }   .jQ0A3 { width: 100%; height: 5%; z-index: 100; display: flex; position: relative; }   .ginYW { width: 100%; flex: 1; flex-grow: 1; z-index: 10; }   .lLMf0 { width: 100%; height: 9%; }   .r7iT8 { width: 100%; height: 9%; }       .bzffx { max-width: 1000px; margin: 7px 4px; }   .ayTHD { display: flex; height: 30px; position: relative; z-index: 200;; }   .eC1wC { 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; }   .yOIkL { cursor: pointer; border: 1px solid #2040a040; }   .psR3w { display: none; padding: 0px 6px; }   .dgS0m { cursor: pointer; border: 1px solid #2040a040; background: var(--bx8jh) !important; box-shadow: var(--a04Ac); text-shadow: 1px 1px 5px #0000a070; color: var(--qCTD6) !important; }   .dgS0m > .psR3w { display: block ;}   .qVGvZ { 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;; }   .qDdQg { display: block; }   .tO3aE { font-weight: bold; padding: 2px;; }   .gOtLf { padding: 4px 5px 8px 5px; }     .z1pc2 { display: flex; padding: 8px 7px 10px 7px; position: relative; }   .rnq7e { position: absolute; top: 2px; right: 5px; bottom: 2px; left: 5px; border-radius: 4px; z-index: 100; cursor: not-allowed; background: #d0e0f0a0; }   .bO6fo { display: flex; padding: 4px 7px; justify-content: center; width: 44%; margin: 0px 3%; cursor: pointer; border-radius: 4px; background: #ffffff50; border: 1px solid #20406030; }   .jLstO{ background: var(--bx8jh) !important; box-shadow: var(--a04Ac); text-shadow: 1px 1px 5px #0000a070; color: var(--qCTD6) !important; opacity: 1;; cursor: default !important; border-radius: 4px; }     .eWM5C { padding: 8px; display: flex; }   .iuYYg { padding: 8px 3px; flex-grow: 1; max-width: 40px; }   .cHHEx { width: 100%; height: 170px; border-radius: 4px 4px 0 0; background: #0050f005; box-shadow: inset 0px 0px 5px #0060a010; position: relative; }   .lTUtJ { 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; }   .rppzo { background: linear-gradient(to left, #a0b0f0, #d0e0ff) }   .iLZUh { width: 100%; height: 120px; display: flex; justify-content: center; padding: 5px 1px; position: relative;; }   .f2d6b { transform: rotate(90deg); white-space: nowrap; position: absolute; top: 110px; left: 0; right: 0; bottom: -10px ; }       .teott { 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; }   .teott:hover { z-index: 100 !important; }   .vp7Hj { 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; }     .teott > .kGU90 { padding: 0px !important; }   .qFrp7 { padding: 24px 5px 8px 5px ; background: #e0eaf5; border: 1px solid #20406050; margin: 15px 10px; box-shadow: 1px 4px 15px -6px #20406050; }     .m4mNl { padding: 0px !important; background: #ffffffb0; margin-top: 7px; width: 100%; display: flex; height: 30px; border: 1px solid #20406050; }   .tIbm1 { height: 100%; display: flex; align-items: center; padding: 0px 12px; background: linear-gradient(to right, #ffffff40, #50f0ff10); }   .rmgoW { font-size: 90%;opacity: .9; width: 110px; border-left: 1px solid #20406030; }   .rFl5T { font-size: 90%;opacity: .9; width: 50px; min-width: 50px; border-left: 1px solid #20406030; }   .rS26W { font-size: 80%;opacity: .9; padding: 0px; justify-content: center; width: 170px; min-width: 170px; border-left: 1px solid #20406030; }   .sWIz2 { flex-grow: 1; direction: ltr; }   .sWIz2 { flex-grow: 1; direction: ltr; }   .kBUQh { flex-grow: 1; }   .vcMJj { flex-grow: 1; justify-content: center; font-size: 90%; box-shadow: 0px 5px 10px -5px #20406070; }   .zmGPW { flex-grow: 1; background: #ffffff50; padding: 0px; }   .eiqTU { width: 50%; color: #004010; box-shadow: inset 3px 0px 1px -2px #00a02010; background: linear-gradient(to right, #00f0a010, #00ffa000); position: relative; }   .eMUzl { 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; }   .w9FMr { background: linear-gradient(45deg, #a0f0e0c0, #90f0c0c0); box-shadow: inset 45px 0px 40px -20px #00d00050; }   .k2Ofb { z-index: 10;; position: relative; direction: ltr; }   .sU6cG { position: absolute; top: 0px; bottom: 0px; z-index: 1; }   .xQWvO { 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; }   .qTihT { 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; }   .aMo6o { background: linear-gradient(-45deg, #ffc0d0c0, #ffb0b0c0); box-shadow: inset -45px 0px 40px -20px #ff000040; }   .sFM3u { border-bottom: 1px solid #20406008; }   .y293v { border-top: 1px solid #20406008; margin-top: 0px; }      .qbRUG { margin: 6px; border: 2px solid #20406030; background: #ffffffa0; display: flex; padding: 5px; }   .h8JQX { display: flex; justify-content: center; align-items: center; width: 150px; }   .yJ3xO { }   .eXzPu { height: 120px; }   .s7cJ2 { height: 80px; font-size: 90%; }   .jqjfx { height: 150px; }   .uuiim { display: flex; border: 1px solid #20406020; }   .bi858 { position: relative; width: 28px; white-space: nowrap; border-right: 1px solid #20406020; }   .i6Pz3 { 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;; }   .sMeQB { display: flex; }   .yWy9W { font-size: 90%; opacity: .9;;}   .aSAn3 { direction: ltr; padding-right: 10px;}   .bi858:hover > .i6Pz3 { display: block; }   .lYzOx { margin-left: 25px; }   .dwyv4 { box-shadow: -10px -5px 15px -8px #20406030; border-left: 1px solid #20406030; }   .tStm2 { box-shadow: 10px 5px 15px -8px #20406030; border-right: 1px solid #20406030; }   .v8kgy { 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 }   .zQNHD { position: absolute; right: 1px; left: 1px; bottom: 0px; }   .kyThE { bottom: auto; top: 0px; }   .hIbbb { background: #00a0f0; }   .yaOAz { background: linear-gradient( to top, #b0ffe0a0, #b0ffd0a0); box-shadow: inset 0px -45px 40px -20px #00d00020; border-radius: 2px 2px 0 0; }   .uOFio { background: linear-gradient( to top, #a0f0e0c0, #90f0c0c0); box-shadow: inset 0px -45px 40px -20px #00d00050; border-radius: 2px 2px 0 0; }   .uEPSL { background: linear-gradient( to bottom, #ffd0c0a0, #ffd0d0a0); box-shadow: inset 0px -45px 40px -20px #ff000020;; border-radius: 0 0 2px 2px; }   .kuGut { background: linear-gradient( to bottom, #ffc0d0c0, #ffb0b0c0); box-shadow: inset 0px -45px 40px -20px #ff000040;; border-radius: 0 0 2px 2px; }   .zQRSA { display: flex; border: 1px solid #20406010; overflow: hidden; padding-left: 30px; }   .fBwEl { 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; }        .fBrf3 { position: absolute; top: 6px; right: 0px; bottom: 6px; left: 0px;; }    .l2qu3 { display: none; overflow: auto; position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px; background: #f0faff; z-index: 200; }  .v8Abb { display: block; }   .k4dYg { display: flex; max-width: 400px; padding: 7px 20px; }   .eMGtv { min-width: 700px; padding: 10px 20px; }   .nabxV { margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .vkO00 { background: #f0faff50; cursor: auto; bottom: 0 5px 5px 0; font-size: 80%; line-height: 1; }   .zm52x { height: 40px !important; font-size: 105%; }   .pymGj { display: flex; background: #ffffff10 !important; padding: 8px; flex-wrap: wrap; }   .iFim4 { min-width: 500px; margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .pJMVh { display: flex; background: #ffffff50; height: 35px; cursor: pointer; }   .gbue3 { cursor: auto; }   .lIVOs { display: flex; justify-content: center; height: 100%; align-items: center; text-align: center; width: 70px; border-left: 1px solid #20406020;}   .rBz3Q { padding: 0px 15px; font-size: 110%; width: 125px; }   .o1G0J { flex-grow: 1; }   .dLMN4 { direction: ltr; }   .hktBx { font-size: 90%; }   .uUU2a { padding: 0px 0px 0px 5px; font-size: 80%; opacity: .8; font-weight: normal !important; }   .qjQEB { width: 85px; border-right: 4px solid #20406020;border-left: 4px solid #20406020; }   .huGO9 { width: 130px; width: 130px; }   .swQ6i { width: 120px; width: 120px; }   .wr4HG { width: 100px; position: relative; }   .luvT6 { width: 75px; }   .aA5em { background: #00e05005; }   .wsmDk { background: #e0203005; }   .hocJh { display: none; background: #f0faff50; padding: 8px; flex-wrap: wrap; overflow: auto; }   .w0HSl { background: #ffffff50; box-shadow: 1px 3px 8px -1px #20406050; border: 1px solid #0050a050; margin: 14px 5px; }   .w0HSl > .pJMVh { background: #ffffff80; box-shadow: 1px 3px 8px -3px #20406050; }   .w0HSl > .hocJh { display: block; }       .oYk6m { display: flex; flex-wrap: wrap; }   .uFoeJ { 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; }   .vEEt7 { border-radius: 0px; height: 30px; border: 1px solid #20406020; background: #f0faffa0; }   .xoYaY { background: #fff; cursor: pointer; border: 1px solid #2040a040; height: 60px; display: block; box-shadow: 1px 3px 8px -3px #20406030; }   .xoYaY:hover { border: 1px solid #2040a070; box-shadow: 1px 3px 8px -3px #20406050; }   .yNgxl { display: flex; height: 30px; justify-content: center; align-items: center; font-size: 110%; color: #0050a0; background: #fff; cursor: pointer; }   .fJ5St { display: flex; height: 30px; justify-content: center; align-items: center; }   .wwl6E { direction: ltr; height: 100%; display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #20406020; }   .zbG8U { font-weight: bold; }   .i7T2U { width: 100%; }          .dGh9x { padding: 6px; }   .f6Poy { padding: 30px 30px 20px 10px; }   .vhfkP { padding: 10px; display: flex; flex-wrap: wrap; }   .kg1P8 { margin: 10px; cursor: pointer; min-width: 200px; max-width: 250px; border-radius: 4px; border: 2px solid #20406020; transition: .2s; }   .kg1P8:hover { border: 2px solid #2040f0a0; ; }   .lLJWs { font-size: 110%; color: #004080; padding: 15px; background: #fff; transform: .2s; }   .kg1P8:hover > .lLJWs { color: #fff; padding: 15px; background: #2040f0a0 }     .bp08R { padding: 10px 25px; }   .bLmJI { font-size: 85%; color: #007020; padding: 5px 0px; }   .f969c { padding: 2px 5px; }     .m2E7E { padding: 1px; display: flex; flex-wrap: wrap; animation: nSwZN 0.3s 1; z-index: 10; }   .ipyxw { padding: 4px 7px; width: auto !important; margin: 1px 5px !important; }    .fZHyS { padding: 10px; }   .mYQcx { display: none; }   .sIapj { display: block; animation: mPDLu 0.2s 1; }     .f49Fs { padding: 20px 20px }   .fHgFu { padding: 10px 16px; line-height: 1.8; color: #804000; background: #ffd0a010; border: 1px solid #a04000; border-radius: 4px; }       .jgqqc { padding: 2px 10px 3px 10px; }   .xrSda { padding: 2px 15px; width: 145px; margin: 5px 20px 0px 0px ; border: 1px solid #20406050; border-bottom: none; border-radius: 5px 5px 0 0; }   .iTVDy { display: flex; border: 1px solid #20406040; border-radius: 4px; }   .nnxOT { border-left: 1px solid #20406030; cursor: pointer; }   .wming { border: 1px solid #20406070; background: #ffffff; margin: 0px 12px; transform: scale(1.1); box-shadow: 0px 5px 12px -4px #20406040; }   .yrY0R { display: flex; justify-content: center; align-items: center; height: 25px; width: 100px; border-bottom: 1px solid #20406020 ; }   .zOQob { display: flex; justify-content: center; align-items: center; height: 25px; width: 36px; border-bottom: 1px solid #20406020 ; direction: ltr; }   .rt6J5 { height: 100%; background: #a0008010; }   .f3wz8 { position: relative; height: 100px; padding: 5px; background: #20406010; }   .mxa3m { font-size: 85%; }   .g26hj { color: #008020; background: #00f02010 }   .yLbeB { background: #00f02030; }   .ngihn { color: #a00000; background: #ff000010; }   .xs80Y { background: #ff000030; }     .bY3ac { margin: 10px; border: 1px solid #20406050; border-radius: 5px; display: flex; }   .i6U5p { min-width: 75px; border-left: 1px solid #20406030; }   .z0hUN { width: 200px; }   .iiXfB { height: 36px; border-bottom: 1px solid #20406030;direction: ltr; display: flex; justify-content: center; align-items: center; }   .pRf11 { opacity: .7; font-size: 80%; padding: 1px 1px 0px 1px;; }       .uLF6m { display: flex; height: 30px; position: relative; padding: 4px 0px; }   .tqGrH { cursor: pointer !important; }     .uNLZv { margin: 10px 4px; }   .iIANk { margin: 5px; padding: 5px; background: #ffffff70; display:flex; flex-wrap: wrap; border-radius: 5px; border: 1px solid #20406030; max-height: 150px; overflow: auto; }   .uleay { padding: 5px 8px; }   .uco4U { padding: 1px; }   .p32cV { padding: 5px; }       .c5nLn { margin: 15px; max-width: 1000px; }     .rOn7E { display: none; }   .lFUgg { display: block; }   .yqz8a { padding: 15px 0px; display: flex; flex-wrap: wrap; }   .aOt4M { padding: 15px 0px; }   .rqP98 { margin: 0px 10px; border-bottom: 1px solid #20406050; display: flex; height: 30px; }   .e3Gck { height: 85px; background: #fff !important; }   .w2cUj { 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; }   .xUzBA { width: 120px; min-width: 120px; max-width: 120px;}     .aOt4M > div:nth-of-type(odd) { background: #fffffa60; }   .aOt4M > 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; }              .knMsB { padding: 4px; }  .lvhVH { margin: 12px 10px; width: fit-content; border: 1px solid #20406040; box-shadow: 1px 4px 14px -5px #20406050; background: #ffffff50; overflow: hidden; }   .vCjtD { display: flex; height: 50px; margin: 0px 0px 6px 0px; box-shadow: 0px 5px 14px -5px #20406050; }   .jxwNw { display: flex; width: 50px; border: 1px solid #20406020; justify-content: center; align-items: center; font-size: 140%; font-weight: bold; }   .djN5m { padding: 0px; display: flex; flex-grow: 1; background: linear-gradient(to right, #ffffff20, #ffffff20, #00a0ff20); }   .cuIrA { display: flex; align-items: center; height: 100%; padding: 5px 14px 5px 6px; font-size: 110%; font-weight: bold; color: #0050a0; }   .og591 { display: flex; align-items: center; height: 100%; padding: 5px 5px 0px 20px; font-size: 90%; opacity: .9; }   .b5xkN { display: flex; align-items: center; height: 100%; padding: 5px 10px; ; }   .p09tu { padding: 5px 10px; }   .t4FBV { display: none; }     .fDgD2 { display: flex; padding: 4px 10px; }   .v7DPR { display: none; }   .c6cSJ { margin: 6px 6px; border: 1px solid #20406050; background: #fafeff; overflow: hidden; }   .cA3dY { margin: 0px 0 8px 0; border: none; border-bottom: 1px solid #20406050; background: #fafeff; box-shadow: 0px 5px 10px -5px #20406050; }   .tdfwt { display: flex; height: 40px; }   .kcaX9 { font-size: 125%; font-weight: bold }   .ikJQj { border: 1px solid #20406020; background: #ffffff20; }   .l5bYP { color: #204060; padding: 5px 10px 5px 5px; font-size: 100%; white-space:nowrap; font-weight: bold; }     .tsB9T { font-size: 95%; opacity: 0.9; }   .aoyIk { display: flex; height: 28px; border-top: 1px solid #20406030; }   .uXPCI { height: 45px; }   .uSzMz { width: 70px; border-left: 1px solid #20406020; display: flex; justify-content: center; align-items: center; }   .nBDJV { flex-grow: 1; text-align: center; direction: ltr; display: flex; justify-content: center; align-items: center; min-width: 50px; }     .mZQr6 { border: 1px solid #c00020a0; color: #c00020; background: #ff508010; direction: ltr; }   .tydq0 { border: 1px solid #f0a000a0; color: #907000; background: #ffa00010 }   .z0kBh { border: 1px solid #008020a0; color: #008020; background: #00e02010 }     .gmW6f { 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(--lFPmx); }    .q6Bfc { background: var(--lAh2z); 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; }  .q6Bfc:hover { background: #ffffffa0; background: linear-gradient(to left, #d0f0ff, #ffffff); color: #0000a0; opacity: 1; }  .qZI3C{ background: var(--bx8jh) !important; box-shadow: var(--a04Ac); text-shadow: 1px 1px 5px #0000a070; color: var(--qCTD6) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }  .eyd3M{ background: var(--bx8jh) !important; box-shadow: var(--a04Ac); text-shadow: 1px 1px 5px #0000a070; color: var(--qCTD6) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }   .qZI3C > .vr2gG{ opacity: 0; }   .eyd3M > .vr2gG{ opacity: 0; }          .tef88 { position: relative; top: 0px;left: 0px; bottom: 0px; display: flex; z-index: 40; }  .dQlzm { width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}  .hUPPE { color: var(--bOAtv); background: var(--em8CE); }  .hUPPE:hover { color: var(--hS7lJ); background: var(--bFn40); }  .t8IwW { color: var(--uO7Ot); background: var(--deF0N);; }  .t8IwW:hover { color: var(--tdt51); background: var(--sgwhx) }  .ukam6 { color: var(--pdZnd); background: var(--oQxa8); }  .ukam6:hover { color: var(--h2wtG); background: var(--q4yYM); }    .tHhGV { color: var(--aadH4); background: var(--hfHC2); cursor: move !important; opacity: .5; transition: .2s; }  .tHhGV:hover { color: var(--yBGCB); background: var(--mikWn); opacity: 1; }          .myTabsContent1 { z-index: 10; overflow: auto; flex: 1; position: relative; overflow: auto;}  .myTabsContentDefaultBg1 { background: var(--xX2Vy); box-shadow: var(--zZlw4); }    .myTabsContentLightBg1 { background: var(--ri9aF);    }    .d9X28 { transition: .2s; display: none; ; }  .yZ4aR { display: block; }    .pageContentItems { transition: .2s; }  .pageContentItemOff { display: none !important; }  .pageContentItemON { animation: myTabContentItemONAnime 0.3s 1; }        .v2kzz { transition: .2s; display: none; ; }  .bourR { display: block; }                                                        .gCP9I{ display: none !important;}  .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; }        .jW1nG { 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; }  .jW1nG:hover { background: #ffffff30; opacity: 1; box-shadow: 0px 0px 8px #5070a005 }  .bzXXm { 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;  }  .dzR3Z { animation: nOUet .3s 1;}    .hTqcH { width: 100%; display: flex; height: 100%; }  .zohXy{ animation: yjd7G 0.3s 1; }    .ofEqk { width: 100%;height: 100%; position: relative;}  .y3WyM { }    .sSUJe { 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; }  .sSUJe:hover { opacity: 1; }  .r1bPy { background: #fff; outline-offset: -1px; outline: 2px solid #0080ff70; border-radius: 3px; }      .k1zse { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .c5S3R { animation: vskO6 .3s 1 }    .rtzbR { 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;    }  .phT8S { height: 100%; margin-right: 5px; display: flex; align-items: center; padding-left: 10px; flex-grow: 1; }  .kSbPn { overflow: auto; }    .oUEiN { 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;  }   .q53Jh { display: flex; height: 100%; flex-grow: 1; }    @media (max-width: 570px)  {   #tfmDg { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .jcjqo:hover > #tfmDg { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #yyTjX { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }          .ixFbH { width: 40px; height: 100%; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .ixFbH:hover { width: 170px; background: #d0000020; }  .wqSyS { width: 130px; font-size: 15px; display: flex; justify-content: center; align-items: center; }              .fzkoD { display: flex; min-width: 500px; padding: 0px; transition: .2s; }  .cGoXs { background: #f0b00050 !important; }  .xEVTo { background: #ff002050 !important; }  .hHqQp { background: none !important; box-shadow: none !important; }  .fzkoD:hover { background: #ffffffa0; box-shadow: 1px 2px 7px #20407020; }    .vCdNp { 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; }  .vCdNp:hover { border: 1px solid #2040a060; box-shadow: 0px 0px 5px #0050a020; background: #ffffffa0; }  .lqfEz { padding: 5px 0px; display: flex; justify-content: center; align-items: center; width: 50%; box-shadow: inset 0px 0px 20px #ffffff80; }  .sZc3i { background: #00f08010; color: #007030; border-right: 1px solid #00702030; text-shadow: 1px 1px 10px #00703020; }  .wUyaP { background: #0090ff10; color: #003060; text-shadow: 1px 1px 10px #00307020 }    .wpChq { cursor: auto !important; padding: 8px;; display: flex; justify-content: center; align-items: center; color: #fff; background: #0080d0; }  .l6xVa { background: #00a0b0; }  .n15nX { background: #00a070; }  .bMHxj { width: 100px; display: flex; justify-content: center; align-items: center; background: #0080d010; }      .kTH1s { display: flex; height: 200px; width: 900px; padding: 10px; align-items: flex-end; margin: 5px 5px 30px 5px;; }  .exWbm { background: #2060b0a0; border-radius: 5px; background: linear-gradient(45deg,#a0c0f0,#0070b0); position: relative;; }  .ejQ9M { position: absolute; bottom: -22px; font-size: 90%; right: 0px ; }    .iOrJZ { padding: 5px; margin: 5px;; direction: ltr; }  .dCfXF { display: flex; padding: 2px 4px;; }  .jAgFb { width: 110px; padding: 0px; }  .vcA2V { width: 50px; padding: 0px; }          .fhqVu { display: flex; flex-wrap: wrap; padding: 10px; }  .wOZUq { width: 350px; height: 250px; position: relative; background: var(--dI5Hw); margin: 10px ; border-radius: 10px; }   .ntCrd { margin: 10px 0; width: 100%; }  .yjMGW { width: 100%; height: 100%; margin: 10px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; }   .wQ5V0 { width: 300px; height: 300px; position: relative; }   .pagIf { position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 5px 0px; background: #ffe0a050; color: #502030; }  .yYfbf { 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; }   .yYfbf { width: 100% }  .yCVlB { width: 28.57%; height: 100%; position: relative; background: linear-gradient(to right, #ffffff20,#a0b0e020) ; border-right: 1px solid #20406010; }  .tyv9u { width: 14.29%; }  .z2yJo { position: absolute; top: 102%; left: -2px; opacity: .85; font-size: 85%; }  .kDYEF { position: absolute; width: 5px; height: 5px; border-radius: 50%; z-index: 20; }  .kW00x { background: #0050d0; }  .wTUXd { background: #d01000; }  .cRbYL { background: #00a050; }  .a0V8p { position: absolute; left: 0px; bottom: 0px;; z-index: 10; opacity: .1; }    .dULDQ { border: 1px solid #20406020; background: #ffffff20; height: 35px; margin-bottom: 6px; font-size: 110%; box-shadow: 1px 3px 10px #20406020; display: flex; }  .d4428 { width: 100px; height: 100%; display: flex; padding: 0px 12px 0 5px; flex-grow: 1; align-items: center; white-space: nowrap; }  .vY2hT { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; direction: ltr; }  .tIzQl { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; }   .uY9JS {font-size: 85%; opacity: .85;}            .o8is8 { margin: 10px 20px; padding: 10px; font-size: 110%; color: #600010; text-shadow: 2px 2px 7px #ff500050; }    .p8W9W { margin: 10px 20px; min-height: 40px; display: flex; flex-wrap: wrap; }  .p8W9W > div { padding: 8px; margin: 2px 0px; }  .nP6zN { padding: 10px; min-width: 580px; margin: 5px;}    .gVTbb { padding: 5px 8px; display: flex; align-items: center; z-index: 1000; }   .dqhBg { display: flex; padding: 2px 6px; }   .mlgfv { display: flex; padding: 2px 4px; font-size: 90%; opacity: .8; }      .lqALk { padding: 5px; z-index: 5; border: 1px solid var(--hIznQ); display: flex; margin: 7px 0px ; background: var(--f8yER); box-shadow: 0px 2px 15px var(--pqH5H); position: relative; transition: .2s; }  .hx8B6 { padding: 0px; }  .lqALk:hover { z-index: 10; border: 1px solid var(--i936d); background: var(--w9yGj); box-shadow: 0px 2px 15px var(--t5AcT); }  .dkTZ0 { border: 1px solid var(--mpTgL); background: var(--f8yER); box-shadow: 1px 3px 12px var(--t5AcT); }  .mAcUT { border: none !important; transform: scale(.9) ; background: var(--w3AW3); opacity: .6; }  .mAcUT::after { position: absolute; z-index: 10; content: ""; top: 0px; right: 0px; left: 0px; bottom: 0px; cursor: not-allowed; }    .f0OqZ { padding: 5px; width: 40px; min-height: 80px; }  .x8fLj { border: 1px solid var(--hIznQ); 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; }  .x8fLj:hover { border: 1px solid var(--mpTgL); background: var(--f8yER); box-shadow: 0px 1px 4px var(--t5AcT) }    .olnt0 { padding: 5px; width: 100px; min-height: 80px; }  .anvel { padding: 5px; width: 55px; min-height: 80px; }  .bGdnB { padding: 5px; width: 120px; min-height: 80px; }  .vXykr { padding: 5px; min-width: 200px; flex-grow: 1; min-height: 80px; }    .bzc3M { padding: 5px; width: 105px; height: 35px; }  .oL0qQ { display: flex; }  .lLrQc { padding: 5px 0px; }  .sSWdu { margin:6px 2px 0px 2px; font-size: 80%; padding: 5px; border: 1px solid var(--hIznQ); cursor: pointer; border-radius: 5px ; transition: .2s; display: flex; justify-content: center; align-items: center; }  .sSWdu:hover { border: 1px solid var(--mpTgL); background: var(--f8yER); box-shadow: 0px 1px 4px var(--t5AcT) }    .tYjFi { padding: 5px; flex-grow: 1; }  .cHnVs { width: 100%; display: flex; flex-wrap: wrap; max-width: 300px; max-width: 500px; }  .bl2w8 { width: 100%; display: flex; flex-wrap: wrap; width: 800px; }  .hNmdr { width: 100%; display: flex; flex-wrap: wrap; }  .ozfCy { padding: 10px 4px; font-size: 92%; }  .gmp8q { display: none !important; }  .zz3m3 { padding: 5px 8px; width: 60px; display: flex; align-items: center; opacity: .85; }  .nGDZU { color: #0030a0; background: linear-gradient(to left, #0000ff10, #00a0ff15); border-radius: 0px 5px 5px 0px; }  .jGDx1 { padding: 5px; flex: 1; max-height: 500px; overflow: auto; ; }  .yyMkz { font-size: 85%; opacity: .85; }  .qzdrL { background: linear-gradient(to left, #00a0ff15, #00ffff10, #ffffff00); color: #0030a0; }  .cCJBa { padding: 5px 7px 5px 5px; opacity: .9; width: 100%; background: var(--jaZTm); font-size: 90%; margin: 3px 0px; border: 1px solid var(--hIznQ); border-radius: 5px; }  .ugjMT { direction: ltr; text-align: left; width: 100%; display: flex; padding: 1px; box-shadow: 0px 1px 4px var(--pqH5H); padding: 1px; background: var(--w9yGj); border-radius: 5px; }  .mjxbv { width: 20px; padding-top: 1px; justify-content: center; font-size: 85%; opacity: .85; display: flex; align-items: center; ; }  .bSfnP { width: 25px; opacity: .5; ; display: flex; align-items: center; justify-content: center; }  .fHVN3 { flex: 1; font-family: monospace !important; border-left: 2px solid var(--i936d); padding: 1px 5px; }    .aNZ7T { padding: 5px; background: #00d07010; width: 100%; border-radius: 7px; margin: 5px; min-width: 700px; }  .ifbTt { padding: 5px; }  .xdOwq { width: 100%; border-radius: 5px; ; border: 1px solid var(--hIznQ); height: 500px; display: flex; flex-direction: column; overflow: hidden; }  .fkcQ6 { display: flex; background: var(--xrRV2); box-shadow: 1px 3px 7px var(--pqH5H); height: 40px;; }  .wohYE { 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 }  .wohYE:hover { color: #ffffff }  .yF41U { color: #ffffff }  .ca4Lw { flex: 1; overflow: auto; position: relative; margin: 10px; }  .pOkFu { width: 100%; display: none; padding: 5px; }  .fZvQH { display: block !important; }    .fBs9p { margin: 5px; border-radius: 5px; border: 1px solid var(--i936d); box-shadow: 1px 2px 7px var(--jaZTm); overflow: hidden; background: var(--f8yER) }  .qJ772 { padding: 7px 10px; cursor: pointer; box-shadow: 1px 3px 7px var(--jaZTm); background: var(--f8yER) }  .cpdwC { padding: 2px 5px; display: none; }  .wN3hB { display: block; }  .snJwt { padding: 5px 10px; cursor: pointer; transition: .2s; }  .eIRuz { opacity: .5; cursor: not-allowed !important; background: #e0e0e0 !important; box-shadow: none !important;}  .snJwt:hover { background: var(--f8yER); box-shadow: 1px 3px 7px var(--jaZTm) }    .nbQpd { padding: 5px; width: 100% !important; max-width: 100%; border: 1px solid var(--i936d) !important; outline: none !important; background: var(--f8yER); box-shadow: 1px 3px 7px var(--pqH5H); }  .qTXlX { 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(--i936d) !important; outline: none !important; background: var(--f8yER); box-shadow: 1px 3px 7px var(--pqH5H); }  .gyYR4 { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; height: 50px; text-align: right; direction: rtl; border: 1px solid var(--i936d) !important; outline: none !important; background: var(--f8yER); box-shadow: 1px 3px 7px var(--pqH5H); }  .sqRCp { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; text-align: left; direction: ltr; background: var(--f8yER); border: 1px solid var(--dYOpN) !important; box-shadow: 1px 3px 10px var(--jaZTm); }  .tRXod { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; height: 100px !important; border: 1px solid var(--i936d) !important; outline: none !important; background: var(--f8yER); box-shadow: 1px 3px 10px var(--jaZTm); }  .zZLv0 { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; background: var(--f8yER); border: 1px solid var(--dYOpN) !important; box-shadow: 1px 3px 10px var(--jaZTm); }  .bpVtj { }    .anhxL { padding: 10px;;}    .jo0cj { border: 1px solid var(--hIznQ); display: flex; ; }  .vLuQL { border: 1px solid var(--hIznQ); display: block; padding: 10px; }  .cx70T { height: 30px; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 10px; }  .x7rOR { padding: 5px 8px; margin: 10px; }  .d2OS2 { border: 1px solid var(--hIznQ); border-radius: 3px; cursor: pointer; background: var(--mURZ5); transition: .2s; }  .d2OS2:hover { border: 1px solid var(--fJs8B); background: var(--w9yGj); transition: .2s; color: var(--yRIPE); }          .xfZYB { min-height: 100%; min-width: 300px;}  .cw1Di { background: linear-gradient(45deg,#f59700,#fae864); }    .oYONJ { height: 730px; background: linear-gradient(to right, #ffd050, #c00000); position: relative; overflow: hidden; z-index: 1; }  .w8DSP { height: 200px; max-width: 700px; }  .le82d { 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;;  }  .le82d:hover { box-shadow: 0px 0px 200px #fff00070, 0px 0px 1px 125px #fff0ff50, 0px 0px 1px 400px #fffff060; background: #ffffa0b0; }  .mFqyX { 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);  }  .cOgkv { 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;  }  .cOgkv:hover { transform: rotate(-1deg) scale(1.2) }      .dEcIZ { 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;  }  .dEcIZ:hover { background: #c0f0ff60; padding: 15px 20px; border: solid 1px #ffffffa0; transform: translate(-10px, 0px) scale(1.05); box-shadow: 5px 10px 20px #0050b040; }  .zCvQJ { padding: 12px 0px 0px 0px; font-weight: bold; }  .g8tbf { padding: 2px 55px 0px 2px; font-size: 85%; font-weight: normal; }      .qLMse { background: #ffffffa0; padding: 30px 20px; position: relative; box-shadow: 0px 4px 25px #20406050; }  .aDi0w { display: flex; }  .p41h4 { 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;; }  .bcoa2 { 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 }        .zxqeq { 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; }  .oS6S6 { padding: 15px; color: #fff; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 6px #f59700;   background: linear-gradient(to left, #f59700, #fae864); }  .ebJzA { padding: 25px 10px; display: flex; flex-wrap: wrap; }  .snIGm { padding: 20px 20px 0px 20px; min-height: 200px; position: relative; max-width: 450px; }  .hfUhB { padding-left: 10px; perspective: 200px;; }  .yLt8P { max-width: 500px; max-height: 200px; overflow: hidden; }  .a1NCx { width: 100%; }  .dUuaN { 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%;; }  .pfiBi { 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; }      .cNLCk {   /* 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;  }  .uXDhg { background-color: #fafffd; }  .l3gz8 { 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; }  .e1D4j { padding: 10px 50px 40px 60px; font-size: 115%; display: flex; flex-wrap: wrap; width: 100%;   background: linear-gradient(to right, #f0ffff00, #ffefff50,#f0ffff00);  }  .eBvmx { 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;  }  .rEClJ { display: flex; flex-wrap: wrap; width: 100%; font-size: 110%; }  .xTTjR { 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); }      .qpaeD { padding: 15px 0px; width: 100%; }  .fI3Un { padding: 4px 0px; font-weight: bold; font-size: 110%; color: #009030; position: relative; }  .cn3B4 { position: absolute; top: 4px; bottom: 10px; right: -40px; width: 40px; display: flex; justify-content: center; align-items: center; }  .rSxjM { 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); }    .nyJx4 { padding: 4px 0px; ; position: relative; max-width: 900px; }            .cFskL { background: #ffffffe0; padding: 30px 2%; position: relative; z-index: 100; box-shadow: 0px 0px 20px #2040a020; font-size: 110%; }  .fxVcj { padding: 15px; margin: 1%; font-size: 120%; }    .nkCUk { 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; }  .c76L6 { color: #0060c0; font-size: 105%; padding: 5px 0px; font-weight: bold; }  .oBWUk { opacity: .9; font-size: 85%; padding: 3px; }    .dNexS { padding: 12px; display: flex; }  .vnq1F { padding: 5px 10px; display: flex; margin: 0px 7px; border: dashed 1px #0060c0a0; transition: .2s; background: #f0f5fa; cursor: pointer; border-radius: 3px; }  .vnq1F:hover { color: #0060c0; border: solid 1px #0060c0; background: #ffffff }          .kcnyi { padding: 0px !important; overflow: hidden;}  .qxOqH { padding: 50px 0px !important; overflow: hidden;}  .yvhUA { border-radius: 5px; box-shadow: 2px 8px 25px #a0008080; }  .e3IQ3 { display: flex; justify-content: center; align-items: center; height: 450px; position: relative; overflow: hidden; cursor: pointer; }  .fOnZv { height: 100%; transition: 1.5s; }  .g4yop { height: 100%; max-width: none !important; }  .qdjLU { position: absolute; bottom: 20px; padding: 10px; left: 50px; right: 50px; display: flex; justify-content: center; align-items: center;   z-index: 10; ;  }  .pPt9Q { 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;  }    .e3IQ3:hover > .fOnZv { transform: scale(1.2) rotate(3deg);}  .e3IQ3:hover > .qdjLU > .pPt9Q { transform: scale(1.1) }            .oUNLq { width: 100%; max-width: 1000px; padding: 5px; }    .zsJ1r { display: flex; border: 1px solid #20406030; width: 100%; height: 340px; }  .u2PpW { flex: 1; }  .hqQqn { width: 40px; position: relative; padding: 0px 7px; z-index: 101; }  .qjRvt { position: absolute; left: 6px; direction: ltr; font-size: 90%; }  .yZodB { font-size: 85%; padding: 0px; }  .pqJ5B { font-size: 85%; padding: 1px 5px 0px 4px; direction: ltr; }  .qZQti { top: 5px; }  .eXB7M { top: 121px; }  .sGEZL { top: 240px; }    .gqgMw { width: 100%; height: 300px; position: relative; margin: 10px 0px 0px 0px; border-top: 1px solid #20406030; }  .k0Nf7 { width: 90%; height: 250px; position: relative; margin: 10px 0px 0px 0px; }  .z4l5A { width: 100%; height: 50px; position: relative; background: #00b04005; z-index: 1000; display: flex; justify-content: center; align-items: center; }   .bDPNs { transform: rotate(50deg); color: #0000a0; }   .rLfDf { position: absolute; right: 150%; bottom: 28%; width: 430px; display: none; background: #fffffff0; padding: 7px 10px; box-shadow: 2px 6px 10px -3px #20406030; }   .z4l5A:hover > .rLfDf { display: block; }    .s3XL5 { 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; }  .y9k9M { 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; }  .iouIz { flex: 1; }   .xpmtT { background: linear-gradient(to top, #ffffff05, #00a05005); border-top: 1px solid #00802030; }   .tsSf7 { background: linear-gradient(to top, #c0000005, #ffffff05); border-bottom: 1px solid #b0000030; }    .udnIq { width: 100%; height: 100%; left: 0px; top: 0px; direction: ltr; position: absolute; z-index: 1; display: flex; overflow: hidden; ; }  .tQCTg { width: 28.57%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }  .uxBTX { width: 14.286%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }    .vLlya { height: 100%; position: absolute; top: 0px; width: 0.74%; z-index: 10; }  .vLlya:hover { z-index: 200; }  .fSh7k { position: relative; width: 100%; height: 100%; z-index: 1; transition: .2s; }  .fSh7k:hover { background: #ffffffa0; z-index: 2; box-shadow: 0px 0px 5px #20406010; }    .sDrzw { 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;  }  .yTZbZ { display: flex;}  .fSh7k:hover > .sDrzw { display: block; }  .ehN86 { left: 180%; }  .iCzVm { right: 180%; }   .cOnvk {display: flex;}   .a4vfY {min-width: 85px;}   .r79x3 {min-width: 45px;}   .kgln3 {min-width: 45px;}   .cZJly {min-width: 35px;}      .gEEed { width: 100%; height: 240px; position: relative;}  .cLCtz { width: 100%; background: #00a0ff10; position: relative;}    .pXLSU { width: 100%; height: 50px; position: relative;}  .urqI3 { position: absolute; left: 0.5px; right: 0.5px; bottom: 0px; border-radius: 2px 2px 0px 0px; background: #0050c0a0; }    .ant0C { width: 100%; height: 28px; position: relative; display: flex; direction: ltr; }  .dBT55 { text-align: left; white-space: nowrap; padding: 4px 6px; border-left: solid 1px #20406020; }  .cpspX { font-size: 80%; padding: 5px 7px; ;}                            .aiZ6R { padding: 5px; min-width: 500px; width: 100%; }  .yco99 { margin: 7px 0px; border: 1px solid #20406020; border-radius: 6px; overflow: hidden;; }  .xFQzP { padding: 10px; background: #f0faff; transition: .2s; cursor: pointer; transition: .2s; }  .xFQzP:hover { padding: 10px; background: #fff; font-weight: bold; }  .okHtE { padding: 5px; margin: 7px 0px; background: #f0fffa; display: none; border-radius: 5px; overflow: hidden;; }  .lDmtz { display: flex; flex-wrap: wrap; }    .d3zg4 { }  .n41Cu { font-size: 85%; opacity: .85; padding: 4px 15px 4px 5px; ; }      .mpJx1 { width: 100%; display: flex; margin: 6px 2px; border: 1px solid #20406020; background: #e0f0ff; padding: 5px; border-radius: 5px;   transition: .2s; max-width: 500px; }  .mpJx1:hover { border: 1px solid #2040a050; background: #c0f0ff; }  .cL4wi { width: 120px; margin: 0px 0px 0px 6px; background: #fffaff; overflow: hidden;   border: 1px solid #20406050; border-radius: 3px; ;  }  .cgFDx { padding: 4px 0px;}  .dMzfD { cursor: pointer; transition: .2s; }  .dMzfD:hover { background: #ffffff; border: 1px solid #2040f0a0; }  .fyIsx { display: flex; padding: 2px 7px; }  .qjbwt { height: 1px; margin: 5px 0px; background: #20406030; }  .ffE6S { padding: 0px 2px; color: #0040f0; font-weight: bold; }  .riII2 { opacity: .85; font-size: 85%; padding-top: 2px; }  .ijPcF { flex: 1; direction: ltr; font-family: monospace !important; word-spacing: nowrap; }  .ka1F5 { flex: 1; direction: ltr; font-size: 85%; opacity: .85;; }  .vQ27t { flex: 1; direction: rtl; }  .yslVF { flex: 1; margin: 0px 0px 0px 0px; background: #f5ffff; padding: 0px; overflow: hidden;   border: 1px solid #2040f030; border-radius: 3px; ;  }    .a7Dqz { padding: 10px 15px; font-size: 110%; color: #004060; background: linear-gradient(to left , #00a0ff30 ,#d000ff10,#f000ff00) }  .zW2B6 { cursor: pointer; position: relative; transition: .2s; overflow: hidden; }  .zW2B6:hover { transition: .2s;   color: #0040a0;   text-shadow: 1px 1px 1px #ffffff, 1px 2px 10px #ffffff;   font-weight: bold;  }  .zW2B6::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;  }  .zW2B6:hover::before { width: 110%; }  .w0zSP { padding: 8px; font-size: 85%; ; }  .jFMWQ { display: flex; flex-wrap: wrap; }   .pMjtX { width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -2px; right: -2px; z-index: 1; background: #ffc050e0;; }   .drJbz { top: auto; right: auto; left: 4px; bottom: 2px; background: #ffc050b0;; }   .kdxB3 { width: 100%; display: flex; flex-wrap: wrap; padding: 6px 0px 0 0 !important; min-width: 208px; }   .gnPwa { width: 100%; }   .vIMZA { display: flex; flex-wrap: wrap; border: 1px solid #20406020; border-radius: 4px; margin: 2px 3px; position: relative; }   .xzs37 { padding: 4px 6px 4px 8px; }   .jEJ4s { padding: 4px 8px 4px 6px; direction: ltr; }   .f5izh { padding: 4px 8px 4px 6px; }  .ctW1C { padding: 1px 3px; background: #fff; direction: ltr; text-align: left; }  .hTsOR { direction: ltr; text-align: right;}                      .omXPo { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; direction: ltr; }  .iwaQa { height: 32px; margin: 2px 0px; border: 1px solid #204060a0; width: 100%; background: #fff; }      .agGYQ { display: flex; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; }  .abp49 { height: 100%; margin: 2px 2px; border: 1px solid #204060a0; width: 32px; background: #fff; }                      .hIHAT { padding: 10px 2%; }  .k1Rlz { 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);  }   .j6l9J { font-size: 120%; padding: 7px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }   .rBGT7 { font-size: 90%; padding: 5px 8px; }     .et7Az { padding: 5px 8px; border-top: 1px solid #20406020; display: flex; }   .zuFbx { padding: 0px 8px; display: flex; align-items: center; min-width: 100px; ; }        .odAgZ { margin: 3px; flex-grow: 1; border: 1px solid #20406030; border-radius: 4px; background: linear-gradient(to top, #f0faff, #ffffff50);}  .edwLq { font-size: 105%; padding: 3px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }    .zS9d2 { padding: 4px 7px; display: flex; font-size: 90%; }  .rwJ8S { padding: 0px 7px; display: flex; align-items: center; min-width: 80px; ; }            .ogVlg { padding: 5px; width: 100%; min-width: 350px; min-height: 100%; position: relative; line-height: 1.7; background: #fafdffa0; font-size: 110%;}    .cJh4r { padding: 7px 4%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-width: 350px; }  .waoqv { width: 100%; max-width: 1100px; }      .xLNN8 { padding: 30px 2% 10px 2%; font-size: 120%; font-weight: bold; }  .e9DBn { padding: 10px 2% 30px 2%; font-size: 110%; }    .uLuv0 { padding: 5px 1%; }                  .e2JvC { display: flex; flex-wrap: wrap; padding: 10px 3% ; }  .blas7 { padding: 10px 20px; cursor: pointer; border: solid 1px #20406040; margin: 10px; background: #ffffff; box-shadow: 2px 10px 20px -4px #20406020; border-radius: 4px; }    .djvqW { padding: 10px 3% ; }   .j8AxV { max-width: 300px;; }            .x7gn3 { padding: 5px 1%; }   .s56f8 { min-width: 470px; display: flex; flex-wrap: wrap; }   .fXSFw { padding: 4px 8px; }   .jt8mb { 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); }   .m2uAQ { width: 460px; border: 1px solid #20406030; border-radius: 4px 0px 4px 4px; overflow: hidden; }   .g1k71 { display: flex;; border: 1px solid #20406030; font-size: 90%; line-height: 1.2; }   .mbtgv { width: 200px; min-height: 25px; padding: 5px 10px 5px 5px; border-left: 1px solid #20406020; }   .deNHl { width: 160px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; border-left: 1px solid #20406020; }   .ui8wB { width: 100px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; background: #fff; }   .ddxXm { width: 22px; height: 100%; display: flex; justify-content: center; align-items: center; }   .oo7u0 { width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 5px; }   .blkbl { transform: scale(1.4) !important; }   .hApHH { transform: scale(1.15) !important; }   .rslSx { background: #00ff8040; color: #008020; }   .scc6N { background: #ffa05040; color: #805000; }   .fZzVe { background: #ff205015; color: #c00000; }   .s5NQj { display: flex; line-height: 1.2; padding: 3px 5px; justify-content: center; align-items: center; text-align: center; }   .yVrev { color: #805000; }          .qTjFs { display: flex; flex-wrap: wrap; justify-content: center }   .cuZr0 { width: 100%; max-width: 1200px; }   .xbM5y { width: 100%; max-width: 1400px; }   .chw3r { width: 100%; max-width: 1800px; }  .iVP6k { padding: 5px; min-width: 1200px; }   .aNaTc { padding: 5px; display: flex; min-width: 1200px; }   .ziwMP { margin: 5px 1%; flex-grow: 1; min-width: 350px; border: 1px solid #20406030; height: 500px; overflow: hidden; display: flex; flex-direction: column; }   .ujyEW { background: #00f05040; color: #004010; }   .qoeNJ { background: #f0002040; color: #400010; }   .uRriI { background: #0050f040; color: #001040; }   .tiyNr { height: 40px; min-height: 30px; box-shadow: 0px 0px 10px -2px #20406020 ; display: flex; }   .j1szg { height: 100%; display: flex; align-items: center; padding: 0px 15px; background: linear-gradient(to right, #ffffff50, #10305010); }   .xCnIM { height: 100%; display: flex; align-items: center; padding: 0px 10px 0px 5px; font-size: 90%; opacity: .8;; }   .s0fUq { height: 100%; display: flex; align-items: center; padding: 0px 5px 0px 5px; font-weight: bold; direction: ltr; }   .niNd9 { flex-grow: 1; overflow: auto; background: #ffffffa0; padding: 4px 0 5px 0; }   .fwq4q { display: flex; height: 30px; margin: 0px 2px; border: 1px solid #20406020; }   .ljN0I { display: flex; height: 100%; align-items: center; margin: 0px 0px 0px 2px; border-left: 1px solid #20406020; }   .zL7ud { width: 50px; padding: 2px 2px 2px 4px; }   .l8qyu { width: 100% !important; direction: ltr; color: inherit !important; background: #ffffffb0; }   .rXZtZ { padding: 2px 0px 2px 0px; }   .sv4c8 { 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; }   .aktDw { display: flex; position: relative; padding: 0px 0px ; width: 65px; min-width: 65px; white-space: nowrap; overflow: hidden; }   .v8lXP { border: 1px solid #ffffff00; }     .xl74z { 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; }   .g4D0Q { width: 100%; height: 80px; padding: 5px 0px; box-shadow: 0px 0px 10px -2px #20406020 ; }   .pQq2d { width: 100%; height: 50%; justify-content: center; display: flex; padding: 4px; }   .ym3V1 { width: 100%; flex-grow: 1; overflow: auto; padding: 4px 5px; }   .aiNhS { height: 29px; margin: 1px; display: flex; padding: 0px 5px; }   .tMqjU { padding: 0px 5px; min-width: 40px; height: 100%; border-radius: 4px; justify-content: center; align-items: center; display: flex; cursor: pointer;; }   .b3JcG { color: #00a020; }   .ijBNz { color: #fff; background: #00a020; }   .gqC9M { color: #b00010; }   .aySiB { color: #fff; background: #b00010; }   .zWedn { color: #0020a0; }   .zTUAi { color: #fff; background: #0020a0; }   .sZgUb { flex-grow: 1; padding: 0px 5px 0 0; white-space: nowrap; overflow: hidden; display: flex; align-items: center; height: 100%; }   .wciTP { display: flex; align-items: center; height: 100%; min-width: 40px; justify-content: center; direction: ltr; }       .iZmgF { display: flex; width: 100%; min-width: 1100px;;}    .ta1s1 { padding: 5px 10px; }   .mv0m9 { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; box-shadow: 0px 5px 15px -5px #2040a020; }   .kwvUg { 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;; }   .qeV7z { background: #ffffff50; margin: 3px 5px; padding: 0px; }   .kwvUg:hover { background: #ffffff; box-shadow: 1px 4px 15px -5px #20406050; z-index: 10;; }   .aahHl { display: flex; align-items: center; padding: 0px 0px 0px 5px; }   .g4gb0 { 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); }   .hTjg2 { background: #ffffff50; margin: 0px; }   .g4gb0:hover { background: #00a0ff20; color: #002080; }   .kYJ8q { position: relative; }   .hevUS { cursor: pointer; width: 100%; padding: 3px; }   .hevUS:hover { background: #00a0ff20; }   .v44bf { font-size: 90%; width: 100%; transform: scale(.8) translate(50px, 0px); cursor: pointer; padding: 3px; }   .bljua { font-size: 90%; width: 100%; }    .lbeMM { display: flex; justify-content: center; padding: 5px 10px; }   .y1Y3Z { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; }   .effBw { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .zJLFw { padding: 4px 5px; cursor: pointer; display: flex; height: 35px; font-size: 90%; align-items: center; background: #ffffff50; }   .vMXIU { height: 50px; border-bottom: 1px solid #20408040; }   .j02do { padding: 0px 15px 0 10px; color: #006020;}   .onQ0x { padding: 0px 15px 0 0; flex-grow: 1; color: #002060; }   .okhbH { padding: 0px 10px; opacity: .7; }     .mQY4h { padding: 5px ; display: none; }   .keJue { display: flex; flex-wrap: wrap; justify-content: center; }   .cosWI { display: block; background: #b050ff05; }     .ea3tm { padding: 5px ; border: 1px dashed #20406030; background: #fff; margin: 10px 5px; }   .lPqM1 { 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;; }   .lPqM1:hover { border: 1px solid #2040a0a0; box-shadow: inset 0px 0px 5px #2060c050; }   .dBiFY { border: 1px dashed #20406000 !important; opacity: .75; cursor: auto; }   .gHQiN { display: flex; padding: 4px 10px; }   .gZXgO { padding: 1px 5px 0px 16px; color: #008030; font-size: 85%; }   .tMU0x { display: flex; }   .f9rq8 { margin: 5px; flex-grow: 1; border: 1px solid #20406020; padding: 2px 5px 1px 5px; border-radius: 4px;}   .xdWZA { background: #e0fff5a0; color: #006010; border: 1px solid #00a02040; }   .ciLxO { background: #fff0f5a0; color: #600010; border: 1px solid #a0002040; }   .xFlP2 { background: #f0f5ffa0; color: #203060; border: 1px solid #0020a040; }   .eV9ac { display: flex; }   .deXQY { display: flex; font-size: 85%; }   .waog3 { flex-grow: 1; padding: 1px 3px; }   .zLFue { padding: 1px 3px 1px 1px; }   .zHHV5 { display: flex; justify-content: space-evenly; padding: 3px 0px; position: relative; }   .yOBUH { 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;}   .bUsry { display: flex; }      .s1J4Z { 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; }   .eGDso { background: #fafffd; box-shadow: 0px 5px 15px -5px #00802030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #00802030; }   .a64TN { background: #fffafc; box-shadow: 0px 5px 15px -5px #a0001030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #a0001030; }   .pskFq { background: #fafbff; box-shadow: 0px 5px 15px -5px #0000a030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #0000a030; }   .lyvjS { padding: 10px 10px 0px 10px; height: 40px; align-items: center; display: flex; }   .mhJjg { padding: 0px 10px 0px 20px; display: flex; }   .tDWAV { padding: 4px 8px; width: 100%; }   .yJDDw { padding: 0px 2px; width: 100%; display: flex; position: relative; }   .gvLgj { 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; }   .yJDDw:hover > .gvLgj { opacity: 1; }   .pclhe { padding: 0px 8px; display: flex; }   .zxUaQ { padding: 0px; display: flex; align-items: center; }   .lvD8W { padding: 1px 10px 0px 0px; font-size: 80%; opacity: .8; }   .igzAn { padding: 1px 4px 0px 5px; font-size: 115%; font-weight: bold; }   .cXjcH { padding: 1px 0px 0px 5px; font-size: 80%; opacity: .7; }   .ch4oo { padding: 1px 8px 0px 8px; font-size: 95%; direction: ltr; }   .o3dWr { padding: 0px 15px 2px 15px; font-size: 140%; font-weight: bold; }   .jc5PA { color: #006020; text-shadow: 1px 3px 6px #00f060a0; }   .x7H51 { color: #800000; text-shadow: 1px 3px 6px #f0004050}   .frgMP { padding: 0px 8px; font-size: 115%; }   .fT3w8 { direction: ltr; }   .kx1v4 { position: relative; width: 100%; height: 12px; border-radius: 4px; background: #f0faff; box-shadow: inset 0px 0px 3px 1px #20406040;}   .qBbaf { 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;}   .loEsp { background: linear-gradient(to bottom, #00a030, #008030, #008010); }   .gfis7 { background: linear-gradient( to bottom, #c00010, #a01010, #a00000); }   .t3vmC { padding: 10px 10px; }   .h51QP { margin-top: 32px;}   .kqSi9 { padding: 0px 0px; border: 1px dashed #00206050; margin: 5px 0px; border-radius: 4px; }   .bZXDw { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .c949w { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .vvmmx { background: #0050ff20; }   .jJohN { padding: 0px 15px 0 0; width: 190px ; }   .qdBE0 { padding: 0px 15px; opacity: .7; }   .baDlT { padding: 5px ; display: none; max-height: 300px; overflow: auto; }   .cMJtm { border-radius: 5px; font-size: 85%; height: 28px; display: flex; cursor: pointer;; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; }   .cMJtm:hover { background: #008090; color: #fff; }   .nImMt { width: 80%; padding-right: 4px; display: flex; height: 100%; align-items: center; white-space: nowrap; }   .sa5rM { height: 100%; display: flex; width: 20%; align-items: center; white-space: nowrap; overflow: hidden; }   .zPu72 { display: block;}      .vhhv7 { border: 2px solid #20406040; min-width: 1150px; margin: 10px 1% 20px 1%; box-shadow: 2px 5px 20px -5px #20406030; border-radius: 4px; overflow: hidden;; }   .z9P3X { display: flex; height: 50px; background: #ffffffa0; box-shadow: 0px 0px 20px -5px #20406050; }   .at2hX { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 120%; font-weight: bold; }   .eolCb { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 110%; }   .aQDhP { padding: 5px; width: 100%; }   .mg9iG { flex-grow: 1; margin: 15px 1%; font-size: 110%; justify-content: center; align-items: center; }   .c8wqR { flex-grow: 1; padding: 5px 12px; align-items: center; display: flex; }   .kMLLr { padding: 5px 12px; font-size: 110%; }   .cZIho { padding: 5px 12px; font-size: 110%; direction: ltr; }   .mBGgf { padding: 5px 12px; }   .gOH0Y { display: flex; padding: 2px 10px; height: 40px; background: #fff; margin: 5px 0px; align-items: center; }   .gYBFb { padding: 0px 5px; font-size: 85%; opacity: .8; }   .nqJb1 { padding: 0px 10px 0px 10px; font-size: 105%; direction: ltr; }   .jfto7 { padding: 5px 10px; min-width: 200px; }   .mbnYh { height: 20px; }   .cXeWM { padding: 5px 10px 10px 10px; font-size: 85%; text-align: center; }                            .dNggd { position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; }  .atBcL { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 14px; line-height:1.4; }  .lELW7 {  }      #t5bSN { 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;  }  .eAZJm { animation: bWdjd 0.3s 1; }  .pEZ5i { animation: y6vTc 0.3s 1; }  .vJtk0 { animation: qPb1s 0.3s 1; }  .gnnBl { animation: cUuJS 0.3s 1; }    .dxVNH{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .oI6re { z-index: 23000000 }  .nkaL5 { z-index: 25000000 }  .nkaL5:hover { z-index: 28000000 }  .pindivleft1 { z-index: 27300020; }  .opdivleft1 { z-index: 27200020; }  .e68HF{ z-index: 27300020; }  .xdmvF { z-index: 27200020; }  .gFWfm { z-index: 27100020; }  .cu1l3 { z-index: 27000000; }  .rJNHJ { z-index: 2400000 !important; }    .kLoxE{ z-index: 2500000; }  .kLoxE:hover { z-index: 27000000; }    .uTrf0 { z-index: 40000000 }    .fA6CD { z-index: 18000 }    .oZibQ { top: 1px; left: 0px; right: 0px;;z-index: 225; height:28px }  .myTopHeadrHeight { height: 40px; }  .oZibQF { 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}  #xXJCN { 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; }  .xXJCNR { right: 41px !important; }  .xXJCNL { left: 41px !important; }  .myWidthTopBox1 { top: 0px !important; left: 0px !important; right: 0px !important; z-index: 9999999 !important; }          #dorhf { height:28px ; bottom: 0px ; left: 351px ; right: 121px ; z-index: 110; }  .dorhfR { right: 41px !important }  .dorhfL { left: 40px !important }  .dorhfH { height: 200px !important }        #qNiCF { top:58px ; left: 351px;right: 121px;bottom: 29px; z-index: 100; }  .qNiCFR { right: 41px !important; }  .qNiCFL { left: 40px !important; }  .qNiCFB { bottom: 200px !important; }  .qNiCFT { 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;; }        #cwDbw { top:29px ; width: 100% ; max-width: 350px;left: 0px;height: 35px;position: fixed; transition: .3s; ; z-index: 220; display: flex; flex-wrap: wrap; }  .tYmH1 { margin: 0 0 5px 5px; }  .jUiLR { height: 100% ; max-width: 40px !important ; bottom: 0px ; display: block !important }  .jUiLR > .cI0nu > .bCzeS {display: none !important;}      #yHOwL { top:62px ; width: 100% ; max-width: 350px;left: 0px;bottom: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 210; }  .pQDaq { left: -310px !important; opacity: 0; }      .iM22k { top:0px ; bottom: 0px;left: 0px;right: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 220; display: none; background: #0050b050; }    #t5PjC { min-width: 350px; max-width: 500px; left: 5px;bottom: 35px;position: fixed; transition: .3s; z-index: 210000; }      @media (max-width: 570px)  {   #t5PjC { max-width: 100%; }   .pQDaq{ left: -350px !important ; }   #tJavG { display: none !important; }  }    @media (max-width: 700px)  {   .ejMDj { right: 0px; max-width: 100%; width: 100%; }    }      @media (max-width: 1800px)  {   #qNiCF { right: 40px; }   .qNiCFR { right: 40px !important ; }      }    @media (max-width: 1400px)  {   #qNiCF { left: 40px; right: 40px; }   .qNiCFR { right: 40px !important ; }   .qNiCFL { left: 40px !important; }     #xXJCN { left: 40px ; }   #dorhf { left: 40px ;}    }    @media (max-width: 925px)  {   #xXJCN { left: 40px ; right: 40px; }     #dorhf { left: 40px ; right: 0px }   .dorhfR { right: 0px !important }   .dorhfL { left: 0px !important }     .myRightPan { width: 40px !important; right: -41px !important;; }     .jUiLR { left: -310px !important ; max-width: 350px !important ;height: 40px ;position: fixed ; }     #qNiCF { left: 0px; right: 0px; }   .qNiCFR { right: 0px !important ; }   .qNiCFL { left: 0px !important; }   .jUiLR { height: 35px !important ; max-width: 400px ; bottom: auto ; display: flex !important }     .jUiLR #cwDbw { height: 28px; }   .myTime{ border: none }   .lCAwR{ border: none }  }                    .naZs3 { top: -400px !important; opacity: 0 !important; }  .jX0vV { top: -500px !important; opacity: 0 !important; }  .k84Lx { right: -500px !important; top: 200px !important; opacity: 0 !important; }  .g4tEs { left: -500px !important; top: 200px !important; opacity: 0 !important; }  .wUVxV { opacity: 0 !important; top: 500px !important }  .xUlur { transition: 500ms !important; }          @media (min-width: 1px) and (max-width: 500px)  {   .aEH5l   {   display: none !important;   }   .uE3Nc   {   display: block !important;   }  }    .s6Iae { display: none !important;}  @media (min-width: 1px) and (max-width: 850px)  {   .hUj5s   {   display: none !important;   }   .s6Iae   {   display: block !important;   }  }    .jWnND { display: none !important;}  @media (min-width: 1px) and (max-width: 1100px)  {   .nrr4x   {   display: none !important;   }   .jWnND   {   display: block !important;   }  }    @media (min-width: 1px) and (max-width: 500px)  {    }    @media (min-width: 1px) and (max-width: 1100px)  {   .gAx7m {padding: 0px 4px !important;}   .g4eyH { min-width: 180px !important; }   .fRitF { min-width: 40px !important; }   .hcsTd { width: 65px !important; }   .nkaL5 { padding: 0px !important; left: 40px !important; box-shadow: none !important; outline: none !important; height: 30px !important; }   .iUX1L { padding: 0px 0 0 2px;}   .lJaJN { width: 40px !important;}  }                        .vnkjM { position: relative !important; }  .aP5SA{ 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);} }      .qZrF6{ 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;}  .pJhbg{ background: #f0e0a000 !important; }  .mijNw{ min-height: 100% !important; background: #f0e0a000; }      @keyframes iCR2r {   0%{ opacity: 0; transform: translate(40px, 0px) rotate(2deg); }   65%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }      @keyframes jjemZ {   0%{ opacity: 0; }   100%{ opacity: 1; }  }  @keyframes j09at {   0%{ opacity: 0; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }    @keyframes zhDXf {   0%{ opacity: 0.5; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes nEWgp {   0%{ opacity: 0.7; transform: scale(.9); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes fXDk3 {   0%{ opacity: 0.5; transform: scale(.8) translate(20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes ndZpn {   0%{ opacity: 0.5; transform: scale(.8) translate(-20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes fAe1H {   0%{ opacity: 0.5; transform: scale(.8) translate(0px,20px); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes kgbUu {   0%{ opacity: 0.4; transform: scale(.8) translate(40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes ylQzf {   0%{ opacity: 0.4; transform: scale(.8) translate(-40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes e8jGN {   0%{ opacity: 0; transform: translate(-310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }  @keyframes h9nEZ {   0%{ opacity: 0; transform: translate(310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }    @keyframes wzNjj {   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 kDmos {   0%{ opacity: .2; transform: translate(150px, 0px) rotate(5deg); }   75%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    @keyframes cE4Pt {   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 mPDLu {   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 wJmIM { 0%{ opacity: 0; } 100%{ opacity: 1; } }  @keyframes owDwt { 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 1; } }  @keyframes wB3En { 0%{ opacity: .2; transform: translate(100px, 0px); } 100%{ opacity: 1; } }  @keyframes m0po7 { 0%{ opacity: 1; transform: translate(-150px, 0px); } 100%{ opacity: 0.2; } }  @keyframes nOUet { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes yjd7G { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes vskO6 { 0%{ opacity: 0; transform: translate(400px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes nSwZN { 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 dhQPT {   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 l0kUV {   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 l0tZd { 0%{ opacity: 0; transform: translate( 0px, 250px) scale(.5); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes xdzqI { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 100%{ opacity: 0; transform: translate(-100px, 100px) scale(.4) } }  @keyframes sG5rP { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 50%{ opacity: .8; } 100%{ opacity: 0; transform: translate(100px, 700px) scale(.2) } }  @keyframes fyOhW { 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 pA06l { 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 l6VEy { 0%{ opacity: 0} 30%{ opacity: 1; } 70%{ opacity: 1; } 100%{ opacity: 0; } }  @keyframes gRcSU { 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 vtn5c { 0%{ display: none; opacity: 0} 90%{ display: block; opacity: 0} 100%{ opacity: 1; } }      @keyframes b8H3y { 0%{ opacity: 0} 100%{ opacity: 1; } }  @keyframes pTag6 { 0%{ opacity: 1} 100%{ opacity: 0; height: 0px; } }      @keyframes hpmZt { 0%{ offset: 1px solid #00a050;} 100%{ offset: 1px solid #00a050 } }      @keyframes qGZPi { 0%{ opacity: .5; transform: translate(0,0); } 40%{ opacity: .5; transform: translate(0px,2px); } 100%{ opacity: 1; transform: translate(0,0); } }    @keyframes oPIsr { 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 geXPq { 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 ij3cm { 0%{ transform: translate(-10px,0px) ; opacity: .5 } 100%{ opacity: 1; transform: translate(0,0) ; } }  @keyframes j9wAg {   0%{ background: #00a0ff00; color: #234; }   40%{ background: #c0e0ff30; color: #00f }   100%{ background: #00a0ff00; color: #345 }  }      @keyframes pyOfe {   0%{ opacity: 1; background: #ffff0020; font-weight: bold; color: #700030; }   70%{ opacity: 1; background: #00ffff20; }   99%{ opacity: 0; }   100%{ opacity: 0; display: none; }  }    @keyframes p1pTv {   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 oEsov { 0%{ height: 0%; } 100%{ height: 100%; } }                @keyframes zjPBS  {   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 gmG31  {   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 nFJPh {   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 cDBLv {   0%{ transform: translate( 0px,-50px) ; opacity: 0; }   50%{ transform: translate(0px,-50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes kJgpB {   0%{ transform: translate( 0px,50px) ; opacity: 0; }   50%{ transform: translate(0px,50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes ayLTb {   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 bG6vC {   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 inBXL {   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 y4dco {   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 yX3PJ {   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 rStOo {   from { transform: rotate(0deg); }   to { transform: rotate(1080deg); }  }    @keyframes bWdjd { 0%{ opacity: 0; transform: translate(50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes y6vTc { 0%{ opacity: 0; transform: translate(-50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes qPb1s { 0%{ opacity: 0; transform: translate(50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes cUuJS { 0%{ opacity: 0; transform: translate(-50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      @keyframes kiG6h {   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 kk8YS { 0%{ opacity: 0.5; transform: translate(-350px, 0px) } 100%{ opacity: 1; transform: translate(0, 0) } }                          .j6leX { 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 uG1zU {   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;}                                                      .y7sTA { 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;}                      #dorhf{ 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; }    .e94gY { color: #008000;}  .ypG0A { 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; }          .iM22k { 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; }  .hXnmL { opacity: 0; }          .lPW0H  {  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);  }    .fjsW6  {  position: absolute;  top: 0px; right: 0px; width: 100%; min-width: 500px; z-index: -1;  height: 100%;  background-attachment: scroll;  opacity: 0;  transition: .3s;  }    .hEMF2  {  opacity: 1;  }  .sZHMx  {  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;  }      .zUllJ  {  position: absolute;  top: -300px; right: -650px; width: 900px; height: 900px; z-index: -2;  background: #a0ffe050;  transform: rotate(60deg);  }    .lT1pP  {  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}                .xY3PV { 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; }  .xY3PV:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 15px #00002080; transition: 0.3s; }    .awL48 { 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; }    .ygc32 { position: absolute; z-index: 100; left: 0px; width: 250px; top: 70px; bottom: 0px; background: #00005070;  box-shadow: 0px 0px 10px #00002030; }  .lmUT3 { display: flex; align-items: center; height: 45px; color: #e0ffff; padding: 0px 10px 0px 0px; text-shadow: 0px 0px 5px #000000; font-size: 120%; }    .vcxa2 { position: absolute; z-index: 50; right: 0px; width: 100%; top: 0px; bottom: 0px; }    .qrE8c { width: 100%; }              .cUcyy { 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; }  .rpUwx {padding: 8px; border-radius: 5px; margin: 5px; box-shadow: 1px 2px 5px #20406010,1px 4px 15px #30406010,inset 0px 0px 15px #ffffff50; background: #ffffff ; }  .oVkkh { 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;; }  .oVkkh:hover { background: #f0ffff; color: #0070d0;box-shadow: 1px 4px 10px #20a0e0b0, 0px 1px 4px #20a0e080;border-radius: 3px }  .cz50t { 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;; }  .cz50t:hover { background: #ffffff; color: #0070d0;box-shadow: 1px 1px 10px #20a0e0b0, 0px 0px 4px #20a0f080;border-radius: 5px }    .zcGOt { margin: 10px;box-shadow: 0px 0px 10px #a0b0c080; background: #ffffff ; }  .bYlIm {padding: 5px; }  .c8iOW { cursor: pointer; width: 100%; }  .oGfWz {padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px #a0b0c050; background: #ffffff ; }    .gYine{ 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; }  .gYine:hover{ box-shadow: 3px 4px 10px #20406050; border: 2px solid #e0f0ff50; opacity: 1; }  .iSGc1 { cursor: not-allowed !important; opacity: .7 !important; background: #f0f0f0; box-shadow: 3px 5px 10px #20406010 !important; }  .pA5Qn{ 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; }    .vgMCX { padding: 5px; font-size: 110%; }  .m3hFa { padding: 5px; font-size: 80%; }  .pXxcn { position: relative; padding: 5px;; }  .ptH5k { font-size: 105%; padding-bottom: 8px; }  .wzxLq { font-size: 85%; opacity: .85; ; }  .wzxLq::after { position: absolute; z-index: 10; left: 5px; right: 5px; content: ''; top: 48%; bottom: 47%; background: #f00000a0; border-radius: 5px; transform: rotate(-6deg); }    .kpwn2 { font-size: 85%; padding: 2px;; }  .xlap3 { font-size: 80%; padding: 2px;; }    .f0ShR { display: none !important; margin: 40px 10px 15px 10px; }  .o0sQU { position: relative; padding-left: 50px; overflow: hidden; }  .o0sQU::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); }  .foPUM { display: block !important; }      .gQHJo{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .tpZ3J{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .yScwo{ 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; }  .mz1T8 { 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; }  .lPTuT { margin: 20px 15px 50px 15px; color: #300050; }  .mooZQ { width: 100%; height: 80px; position: relative; }  .po9bC { height: 125px;;}  .w6nhZ { position: absolute; right: 25px; width: 60px; height: 60px; transform: translate(0,-20px); z-index: 10; }   .wbTs9 { position: relative; width: 100%; height: 100%; }   .mZ5kd { 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; }   .gLxON { 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; }   .czhBN { 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; }   .dHif3 { background: linear-gradient(to right, #e050f0, #f080f0); border: 1px solid #a000d0; }   .g4i44 { background: #00c0e0; }  .r5MBn { position: absolute; left: 25px; transform: translate(0,-20px) rotate(-5deg); z-index: 10; }   .d4Qx3 { position: relative; padding: 4px 7px; background: #c00000; color: #fff; font-size: 80%; text-shadow: 1px 2px 6px #500020; font-weight: bold; }   .zDICd { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(-13deg); padding: 5px 10px; background: #903000; }   .tD1wk { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(13deg); padding: 5px 10px; background: #900040; }    .e8Q04 { 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; }  .oq62Z { 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; }   .pup8e { font-size: 110%; font-weight: bold; padding: 0px 5px; }  .qAtb8 { transform: scale(.9); opacity: .4; top: 25px; background: linear-gradient(to right, #fff0f0, #e0ffff, #fff0f0); height: 42px; border: 2px solid #b00050; color: #800050; }  .nezdk { z-index: 200; top: 50px; background: linear-gradient(to right, #a0fff0, #e0ffff, #d0fff0); color: #008030; text-shadow: 1px 2px 7px #00a05040; }   .m9qX5 { 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; }    .nnGMR { width: 100%; position: relative; font-size: 90%; }  .mgAPw { position: absolute; height: 55px; width: 75px; border: 1px solid #20406030; background: #ffffff40; bottom: 5px; left: 5px; border-radius: 4px; }   .s4gNa { height: 25px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 11px; }   .fSoSN { 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; }  .xU0wc { }   .lQ4Mn { display: flex; height: 35px; font-size: 90%; background: linear-gradient(to top, #0050a015, #ffffff10, #ffffff20); border-bottom: 1px solid #2040a010; }   .zO0RS { 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); }   .p5U3l { width: 45%; padding-left: 9px; border-left: 1px dashed #5000a0a0; background: linear-gradient(to right, #ffc0ff50, #ffe0ff80) }   .y7T3Q { display: flex; align-items: center; padding-right: 8px; }   .pzNmh { display: flex; height: 50px; font-size: 85%; background: linear-gradient(to top, #e0fff0a0, #f0ffffc0); display: flex; justify-content: center; align-items: center; color: #005020; }   .jJf8p { display: flex; height: 40px; font-size: 85%; background: linear-gradient(to top, #e0fff0b0, #f0ffffd0); display: flex; padding-right: 50px; align-items: center; color: #005020; }      .pyPRj{ box-shadow: 3px 4px 15px -4px #205080c0 !important; transform: scale(1.08); border: 2px solid #4000d0 !important; background: #20a0f0; color: #fff; opacity: 1 !important; }  .pyPRj > .mooZQ > .w6nhZ > .wbTs9 > .gLxON { transform: rotate(-45deg); }  .pyPRj > .mooZQ > .w6nhZ > .wbTs9 > .czhBN { opacity: .8; background: #f0a000; transform: rotate(382deg); }  .tpZ3J > .pyPRj { background: #b050f0; }    .x9vl9 { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: relative; padding-top: 30px; margin-top: 50px; }  .cEm8A { 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; }   .yfTuw { display: flex; flex-wrap: wrap; align-items: center;padding: 5px 15px;; }   .khg9v { 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; }   .owSbg { 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; }  .vXTHe { padding: 5px 55px 20px 5px; margin-bottom: 5px; }      .kh5GL { display: flex; justify-content: center; }   .y0npw { max-width: 1000px; padding-bottom: 20px;}   .eXm3S { padding: 10px 15px; margin: 15px 10px; border: 1px solid #20406020; box-shadow: 0px 5px 15px -6px #20406020; }      .hcwxV {min-height: 250px;}    .dH2RH{ padding: 8px 15px; }  .a6aYp { 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; }  .iMml4 { 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; }  .a6aYp input { position: absolute; opacity: 0; cursor: pointer; }  .a6aYp:hover input ~ .iMml4 { background: #e0ffff; }  .a6aYp input:checked ~ .iMml4 { background: #2196F3; color: #ffffff; border: 5px solid #2080d0; font-size: 22px; font-weight: bold; }  .rwEam { min-height: 150px; padding: 10px; }  .emcuZ { font-size: 90%; padding-top: 7px;; }  .cmGnU { 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; }  .ybEsM { padding: 8px 15px; font-size: 110%; color: #0080a0; }  .ubuFH { padding: 5px 10px; }  .vdm1B{ 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; }          .s2yNF { padding: 5px; }  .lyjQH { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .lyjQH:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .zZbtq { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .zZbtq:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .doztV { padding: 5px 10px; display: none; }  .lvqXd { margin: 7px; background: #e4f0ff00; }  .oXWyR { margin: 5px; }  .xGHZl { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .gvqF9 { 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;  }      .kLG1Y { max-width: 200px; max-height: 200px; }  .mqkz6 { width: 100%; height: 100%; }          .uckJM { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }  .a2lpZ { width: 100%; height: 100%; max-height: 100px; }  .wIuEl { width: 100%; height: 100%; max-height: 35px; display: flex; justify-content: center; align-items: center; }    .bJ9Mt { width: 100%; height: 100%; padding-top: 4px;}  .bOx3H { width: 99%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center;}  .hhA5Z { width: 106%; position: relative; display: flex; }  .cjhRG { height: 85%; width: 100%; }  .fhNYe { height: 15%; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }    .gP8fP { 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;  }  .gP8fP::after { position: absolute; content: ''; left: 49%; right: 48%; top: -4px; bottom: -5px;   background: linear-gradient(to bottom, #0050a080, #0050a005, #0050a005, #0050a020);  }    .aFC8d { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #20406010; }  .k7jSq { 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; }  .xEkY9 { width: 25px; height: 100%; max-width: 40px; position: relative; }      .fk9ZU { width: 100%; display: flex; flex-wrap: wrap; }    .moP5U { padding: 1%; width: 100%; max-width: 900px }  .cJ0x0 { padding: 1%; width: 100%; max-width: 550px }  .d34kr { width: 100%; position: relative; background: var(--f8yER); box-shadow: 2px 4px 15px var(--pqH5H);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden;;   display: flex; flex-direction: column; align-items: center;  }    .sGHTD { width: 100%; position: relative; display: flex; }    .aaFwt { height: 30px; font-size: 95%; background: #a0f0ff10; box-shadow: 0px 0px 6px var(--pqH5H); justify-content: center; align-items: center; }  .hWeXW { height: 240px; width: 94.3%; box-shadow: inset 0px -2px 10px var(--pqH5H);  border: 1px solid var(--hIznQ); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }    .tAd0Y { height: 35px; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }  .sVqa9 { height: 80px; }  .rU6R0 { height: 200px; width: 94.3%; box-shadow: inset 0px 2px 10px var(--pqH5H);  border: 1px solid var(--hIznQ); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }  .xfldA { width: 97%; }  .fSuQw { width: 100%; }  .yxToy { width: 97%; }  .zPJ2A { height: 15px;}  .aypcx { height: 150px; font-size: 90%;}  .epUn2 { height: 15px;}  .wcDTj { height: 50px; }    .gzlVt { 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;  }  .gzlVt::after { position: absolute; content: ''; left: 49%; right: 48%; top: -5px; bottom: -5px;   background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a005, #0050a0a0);  }  .lqbCc::after { top: -2px; bottom: 5px; left: 48%; background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a000);  }  .cYPRH { font-size: 90%; opacity: .9; padding: 1%; }  .aMr2s { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5;   display: flex; justify-content: center; align-items: center; position: relative;  }  .wJ2oy { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }  .evtVH { position: absolute; left: 45%;right: 45%; top: 1%; bottom: 1%; background: #8090a0; z-index: 1; }  .eOpoc { position: relative; width: 100%; background: #4050a0; z-index: 2; }  .iGEf0 { background: #f00010; }  .dfBx5 { background: #00c040; }    .rOHq8 { z-index: 1; width: 14.286%; background: linear-gradient(to right, #ffffff10, #0080e010); height: 100%; }  .g2ZC4 { bottom: 0px; background: linear-gradient(to bottom, #0080e0, #a0c0f0); }  .aMkge { top: 0px; background: linear-gradient(to bottom, #a0c0f0, #0080e0); }    .hn7Pl { position: absolute; z-index: 20; }  .sWVbd { bottom: 0px; font-weight: bold; display: flex; justify-content: center; padding-top: 5px; }  .pNijy { top: 4px; font-weight: bold; display: flex; justify-content: center; padding-top: 10px; align-items: end; }  .gJcBH { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff10); border-radius: 2px 2px 0px 0px; }  .ueDPU { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff00, #ffffff20); border-radius: 3px 3px 0px 0px; }  .rog0O { top: 0px; background-image: linear-gradient(160deg, #ffffff20, #00808050); border-radius: 0px 0px 2px 2px; }    .cTPVj { background-color: #d04000;color: #e03000; }  .dLVxd { background-color: #d04050;color: #d04040; }  .gh5S6 { background-color: #a05060;color: #a05060; }  .i4FTY { background-color: #8090a0;color: #606070; }  .hyqs5 { background-color: #208080;color: #208080; }  .xiFgl { background-color: #00a080;color: #00a050; }  .mBCBG { background-color: #009050;color: #00b040; }      .tty22 { display: flex; flex-wrap: wrap;}  .pfyfH { padding: 10px 0px;}  .bazarStatus  {  margin: 1%; display: flex; flex-wrap: wrap; max-width: 400px; overflow: hidden;  background: var(--f8yER); box-shadow: 2px 4px 15px var(--pqH5H);  -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; }      .d5EaT  {  width: 100%; padding: 15px ; background: #ffffff20; box-shadow: 0px 5px 20px #4080a020;  display: flex; justify-content: center; align-items: center; font-size: 105%;  }  .eOshb { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 90%; }  .wYHVc { display: flex; justify-content: center; align-items: center; padding: 6px; direction: ltr; font-size: 120%; }    .faG7s  {  margin: 1%; overflow: hidden; width: 440px;  background: var(--f8yER); box-shadow: 2px 4px 15px var(--pqH5H);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }    .pjbAT { display: flex; }  .z36U7 { padding: 7px 15px; display: flex; align-items: center; border: 1px solid #20406020; }  .mZjCy { background: #ffffff50 }  .yvOeR { width: 120px; }  .uW9M9 { width: 225px; }  .cAX88 { width: 160px; justify-content: center; }  .rf8m3 { width: 160px; justify-content: center; }      .bBgYj  {  margin: 2% 1%; padding: 20px 5px;;  }      .nrIAh { width: 100%; background: var(--f8yER); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);   box-shadow: 2px 4px 15px var(--pqH5H); padding: 5px 5px;  }  .e5UP5 { width: 100%; height: 30px; display: flex; }  .x8dtv { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }    .sk9Gm { width: 100%; height: 28px; display: flex; align-items: center; font-size: 90%; padding-top: 4px;; }   .crnCd { display: flex; padding: 0 8px ; flex-grow: 1; }   .j2pkL { display: flex; padding: 0 8px; flex-grow: 1; justify-content: flex-end; }  .vG7FT { 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;  }      .w32SU { width: 100%; position: relative; background: var(--f8yER);  box-shadow: 2px 4px 15px var(--pqH5H);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden; padding: 10px 5px;  }  .tMJWH { display: flex; align-items: center; width: 100%; }      .ruZVm { width: 50%; }    .jgoAh { display: flex; align-items: center; position: relative; width: 100%; height: 40px; line-height: 1;  }  .ncdmx { height: 25px;}  .t3COJ { direction: ltr; background: linear-gradient(to left, #f0ffff00,#00a05010, #f0ffff00);; }  .qB5Rn { background: linear-gradient(to right, #f0ffff00,#e0102010, #fff0ff00);; }  .dq5fI { display: flex; align-items: center; padding: 0px 7px 4px 7px;; min-width: 50px; height: 100%; justify-content: center; }  .fX7i0 { display: flex; align-items: center; height: 100%; padding: 0px 8px 4px 8px; font-size: 94%; flex: 1; justify-content: end; }    .glw3g { position: absolute; bottom: 2px; height: 8px; }  .vdhw7 { left: 0px; border-radius: 0px 5px 5px 0px; background: #00a050; }  .aJeI3 { right: 0px; border-radius: 5px 0px 0px 5px; background: #b00010;; }      .wQ3LT { display: flex; align-items: center; position: relative; width: 100%; height: 55px; line-height: 1; justify-content: center;   border: 0px solid var(--dYOpN);  }              .lpCX8 { 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) ; }     .lRsjc   {   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 );   }   .yY5T7 { z-index: 10; position: relative; margin: 10px 1%; width: 100%; max-width: 1000px; background: #ffffff00; padding: 10px 1%; }   .i6VnT { 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%; }   .wdBWM { padding: 5px 2px; }   .vlCaX { border-right: 5px solid #f0a000; }   .oUkiO { border-right: 5px solid #00a050; }   .sh1yp { border-right: 5px solid #0050b0; }   .mgZx6 { display: flex; justify-content: center; }   .tYIqL { margin: 0px 2%; }                                .sls7k { background: linear-gradient(to top,#ffeaf0d0, #f0eaffd0); }      .vGSyL { position: relative; z-index: 10; display: flex; flex-wrap: wrap; padding: 40px 2%; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); justify-content: center; }   .uTtor { z-index: 11; width: 170px; margin-left: 10px; padding: 20px 0px; }   .agOwN { position: relative; }   .t8oTj { 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;}   .pmvkl { padding: 4px 9px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; border-radius: 4px; white-space: nowrap; }   .agOwN:hover > .t8oTj { opacity: 1;}   .oEnb9 { width: 170px; height: 170px; margin-bottom: 10px; animation: wzNjj 2s 1; }   .uk2Uk { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .i0At6 { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; direction: ltr; font-family: cursive, monospace; border-radius: 4px; }     .zQire { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .p0TRg { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; font-size: 115%; border-radius: 4px; white-space: nowrap }       .uqfU7 { z-index: 11; width: 255px; padding: 20px 18px 1px 18px; animation: ylQzf 0.4s 1; }   .xr8tc { 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; }   .xr8tc:hover { z-index: 2; }   .jpmjb { flex-grow: 1; padding: 2px 4px; }   .sHQSq { transition: .2s; }   .kDyxz { padding: 0px 5px; font-size: 85%; opacity: .85; color: #008020; }   .wy1Hf { padding: 0px 3px 0px 0px; font-size: 80%; opacity: .85; color: #800020; }   .sHQSq:hover { outline: 1px solid #00a0f0; }   .abpdI { padding: 3px 4px; color: #003080; text-shadow: 0px 1px 2px #00c0e080; cursor: pointer; border-radius: 4px; background: #00ffc050; display: flex; justify-content: center; }   .tT8Bj { padding: 3px 4px; color: #005080; cursor: pointer; border-radius: 4px; background: #0080ff10; display: flex; justify-content: center; }   .e2lXO { color: #800000; background: #ffd00020; padding: 6px 10px; font-size: 110%; }   .khfvX { color: #800000; background: #ffd00020 !important; }     .yEnDS { padding: 0px 11px 1px 1px; font-size: 90%; }   .aihoE { background: #ffe04010; border-radius: 4px; font-size: 110%; color: #400040; position: relative; }   .xdUwv { padding: 2px 4px; }   .jRM87 { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #008030; background: linear-gradient(to left, #00d05030,#00a06010) }   .uXcWE { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #a00000; background: linear-gradient(to left, #d0000015,#e0005008) }   .xcdhj { font-size: 100%; font-weight: normal; }   .gUrJs { font-size: 100%; font-weight: normal; }   .iYcj8 { padding: 3px 14px; font-size: 120%; border-radius: 4px; font-weight: bold; color: #0020a0; background: #fff; box-shadow: 1px 3px 8px -3px #20406060; }   .eIauM { padding: 2px 7px; border-radius: 4px; background: #fff; box-shadow: 1px 3px 8px -3px #20406040; }     .ztSvU { z-index: 11; width: 220px; padding: 20px 20px 1px 20px; }      .dGW03 { display: flex; flex-wrap: wrap; padding: 10px 2%; max-width: 500px; }   .wEXJC { width: 50%; max-width: 200px; padding: 10px 2%; transform: translate(); }      .sv2Am { padding: 10px 2%; }    .uLYiO { display: flex; justify-content: center; line-height: 1.7; width: 100%; }   .mtmMS { width: 100%; max-width: 1000px; }   .ci4HU { display: flex; flex-wrap: wrap; justify-content: center; }       .dC5iq { padding: 10px 1% 10px 1%;; }   .yEnDS { width: 100%; max-width: 250px; }   .gOZ9g { 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; }   .gOZ9g:hover { background: linear-gradient(to top, #0050f0, #0090c0); box-shadow: inset 2px 2px 5px #0050a0; }     .rZTC6 { 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; }   .rN15a { max-width: 400px; }   .xRPoQ { max-width: 600px; }   .ndpa0 { max-width: 900px; position: relative; }   .by70F { min-height: 250px; position: relative; }   .lzDJ7 { padding: 5px 9px; margin: 3px 2px; align-items: center;}   .nOYed { max-width: 100%; margin: auto; }   .gb4ow { width: 50%; border: none !important;}   .sdyk7 { margin-top: 15px !important; }   .z6loZ { padding: 5px 9px; margin: 3px 2px; justify-content: center; }   .r2T9x { direction: ltr; text-align: left; }   .q1hzz { background: #fff5f0f0; }     .rTpfl{ padding: 20px; font-size: 120%; background: #f0f0fff0; color: #0080a0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;; }     .vs5q0 { background: #00a050e0; font-size: 110%; color: #fff; }   .fnrds { background: #0050a0e0; font-size: 110%; color: #fff; }   .qQ7D9 { background: #a00050e0; color: #fff; }       .bUtd5 { 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; }   .dPZL9 { display: flex; align-items: center; }   .xOM6c { padding: 4px; }     .nc1z7 { display: flex; justify-content: center; width: 100%; align-items: center; padding: 15px; overflow: hidden; margin: 10px 0px; }   .tDWF3 { display: flex; justify-content: center; width: 100%; max-width: 300px; max-height: 300px; align-items: center; aspect-ratio: 1/1; outline: solid 3px #2080f0; }        .zVa6B { 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; }   .qElaf { width: 95%; max-width: 900px; padding: 15px; position: relative; }   .rJSoc { display: flex; justify-content: center; margin-bottom: 20px; }   .oBYuT { display: flex; height: 40px; align-items: center; width: 100%; padding: 0px 2%; background: #ffffff60; border-radius: 4px; border: 1px solid #ffffff70; }   .tkEx0 { max-width: 240px; }   .teUCb { max-width: 450px; display: flex; flex-wrap: wrap; margin-right: 8px; }   .x1QMN { font-size: 110%; font-weight: bold; padding-left: 5px; }   .trooQ { font-size: 90%; font-weight: normal; opacity: .8; padding-right: 6px; }   .pW3Fx { font-size: 90%; font-weight: normal; opacity: .8; padding: 2px 8px 0px 0px; }   .cSGp2 { flex-grow: 1; padding: 0px 2% 0px 1%; display: flex; align-items: center; }   .emfiF { width: 100%; height: 20px; box-shadow: 0px 0px 5px #f0406010; overflow: hidden; background: #fffaffa0; border-radius: 4px; position: relative; }   .zM8FC { position: absolute; left: 1px; top: 2px; bottom: 2px; border-radius: 0 4px 4px 0; background: linear-gradient(to right, #00a0ff, #00c0d0); }   .yUtRB { animation: 2s kk8YS 1 }       .nJNyg { 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; }   .lTfne { 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; }   .fWw99 { max-width: 220px; font-weight: bold; font-size: 110%; }   .rCSNr { margin: 0px 8px 0 0; }   .w9HCx { max-width: 150px; justify-content: center; background: #ffffff00; }   .eSrmG { max-width: 150px; justify-content: center; background: #ffffff00; }    .tafgh { 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; }   .cehzt { background: linear-gradient(to right, #00c0d0, #00d0c0); }   .ee9OJ { 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; }   .rgXu6 { padding: 4px 15px; display: flex; align-items: center; flex-grow: 1; font-size: 95%; background: #ffffff50; border-radius: 0px; border: 1px solid #ffffff60; }   .s3c6a { max-width: 95px; margin-left: 6px; padding-left: 2px; }   .lcpkB { max-width: 100px; margin-left: 6px; font-weight: bold; font-size: 105%; }   .k6qQv { max-width: 110px; padding: 3px 0px; background: #ffffff00; margin-left: 6px; display: flex; align-items: center; justify-content: center; }   .h77hy { color: #00a020; padding: 4px; background: #ffffff50; }   .mo5dC { max-width: 201px; margin-left: 6px; }       .grMrA{ padding: 2px 7px; margin: 3px 8px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #20406020; align-items: center; background: #ffffff30 }   .nbete{ display: flex; padding: 2px 7px; margin: 0px 4px; min-width: 50px; border-left: 1px solid #20406030; border-radius: 4px; background: #ffffff40; }   .tzTXX{ font-size: 110%; font-weight: bold; min-width: 100px; }   .tl6sp{ font-size: 110%; min-width: 100px; }   .j7Cb0{ min-width: 150px; }   .xf5gG{ opacity: .6; font-size: 90%; }   .bhNGr{ min-width: 85px; }    .vNQrd { 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; }   .mwv94 { width: 95%; max-width: 1000px; padding: 15px; position: relative; }   .aZJH6 { top: -50px; right: auto; left: 20%; transform: scale(0.8); }   .p9rqD { top: 0; font-size: 160%; height: 80px; }   .xjhOj {top: 2px; font-size: 160%; height: 80px }   .f0MzY { 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;   }   .f0MzY:hover { background: #ffffffb0; border: solid 1px #ffffff; }   .fy1z1 { padding: 5px 5px 5px 10px; }   .lPUSJ { padding: 4px 10px; margin: 0px 8px; font-size: 90%; border-radius: 4px; background: #ffffff50; }   .gxtGP {height: 100%; background: linear-gradient(to right, #ffd05000, #c0000050); border-radius: 5px; cursor: pointer; }    .p7EzU { 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; }   .h6Ter { position: static; margin-right: 10px;}   .r4UWJ { height: 100%; display: flex; align-items: center; background: linear-gradient(to right, #ffd05000, #f0a0ff60); border-radius: 5px; cursor: pointer; }   .qrHcW { position: absolute; z-index: 500; top: 55px; width: 197px; height: 50px; right: auto; left: 20%; transform: scale(1.2); }   .ci6jM { border-radius: 50%; box-shadow: 0px 0px 25px 15px #ffffff80; }   .qrHcW:hover > .w6nhZ > .wbTs9 > .gLxON { transform: rotate(-45deg); }   .qrHcW:hover > .w6nhZ > .wbTs9 > .czhBN { opacity: .8; background: #f0a000; transform: rotate(382deg); }   .aSGoo { color: #ffffa0; transform: scale(3); transition: 1s; }   .qrHcW:hover > .w6nhZ > .wbTs9 > .mZ5kd > .aSGoo { color: #ffff50; transform: scale(4) rotate(-720deg); }      .kHrnX { width: 100%; z-index: 3; display: flex; justify-content: center; position: relative; padding: 15px 0px;   background: linear-gradient(45deg, #b0f0e0, #c0e0ff);  }  .rHJys { background: linear-gradient(to left, #00b0ff10, #00ffd010), linear-gradient(to top, #00a0f010, #ffffff50); }   .oagI8 { width: 100%; justify-content: center; max-width: 1300px; padding: 30px 1%; position: relative; z-index: 10; display: flex; flex-wrap: wrap; }   .icr9d { 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); }   .xLyXv {max-width: 1000px;}   .et2CO { padding: 1px 0px; margin: 35px 0px; background: #ffffff50; width: 100%;}     .dV8cW { width: 100%; display: flex; flex-wrap: wrap; }   .d7sZv { 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; }   .jTYTI { flex-grow: 1; justify-content: flex-end; display: flex; }   .lUfrH { background: #faffff40; box-shadow: 2px 7px 12px -5px #2040a01b; padding: 6px 12px; display: flex; align-items: center; }     .kBxCb { width: 100%; display: flex; flex-wrap: wrap; padding: 5px; }   .cGiPC { display: flex; padding: 5px 2px; }   .nZlri { width: 100%; display: flex; height: 100%; align-items: center; padding: 3px 5px; border-radius: 4px; }   .cBw7Y { background: #ffffff10; padding: 3px 7px; }   .vETWg { min-width: 100px; }   .zn6Ee { padding-right: 10px; min-width: 40px; }   .rcuwl { }   .cZNqw { padding: 4px 12px !important; font-size: 105% !important; }          .kP1Ik  {   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);  }            .lnyGE { 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);}   .oYxka { width: 100%; max-width: 1000px; padding: 30px 1%; position: relative; z-index: 10; }   .eVzAi { width: 100%; margin: 15px 0px; padding: 20px 3%; position: relative; z-index: 10; background: linear-gradient(to left, #ffffffa0,#ffffff50); border-radius: 4px; }   .wuVWW { 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; }   .bi4iA{ animation: .3s y4dco 1 }   .pXQNC { animation: .2s yX3PJ 1 }   .dbwvE { width: 35px; background: #ffffff50; border-left: 1px solid #20406020; }   .phbj7 { width: 35px; border: 1px solid #20406020; cursor: pointer; height: 35px; display: flex; justify-content: center; align-items: center; transition: .2s; }   .phbj7:hover { background: #ffffff50; border: 1px solid #2040a0a0; }   .i2ykx { background: #a0b0c050 !important; opacity: 0.4; border: 1px solid #20406020 !important; cursor: auto; }   .jIa8L { min-width: 100px; flex-grow: 1; }   .niGV1 { 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); }   .kgXBF { color: #a00000; background: linear-gradient(-15deg, #ff00a050, #ffa0c040, #a0e0ff00, #a0e0ff00); }   .dpJMC { display: flex; padding: 2px; height: 34px; align-items: center; }   .nAMjt { margin: 0px 0px; border-radius: 3px; opacity: 0.7; transform: scale(0.9); background: #ffffff50; }   .nAMjt:hover { opacity: 1; }          .ggRJv { display: flex; flex-wrap: wrap; border: 1px solid #20406030; margin: 5px; }   .e5dUp { display: flex; flex-wrap: wrap; border-right: 1px solid #2040a030; border-bottom: 1px solid #2040a030; padding: 5px 10px; }        .sDGCu { display: flex; height: 40px; align-items: center; border: 1px solid #20406020; }   .gI3LI { display: flex; height: 100%; align-items: center; padding: 0px 5px; border-left: 1px solid #20406020; }   .xIa50 { padding: 0px; justify-content: center;}   .admin_eachUserPic1 { height: 100%; }        .wqPdS { margin: 20px 5px 10px 5px; padding: 30px 5px 10px 5px; border: 1px solid #20406050; position: relative; min-height: 50px;;}   .dHcZw { background: #f5faff; border: 1px solid #20406050; position: absolute; z-index: 11; top: -10px; padding: 5px 10px; right: 5px; }            .l8w5Z { height: 100px; }    .kSGkR { display: flex; width: 100%; }   .dryDt { width: 70px; display: flex; justify-content: center; }   .cDt4n { width: 70px; display: flex; justify-content: center; }   .anMeS { 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)  {   .cw5w4   {   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 }      .oiinx { direction: ltr;}  .bB6Hq { width:80px; text-align:right; padding: 0px 5px; }              .pI1zX { color: #004515 }  .l3tvQ { color: #008525 }  .jBCsx { color: #008025; font-weight: bold }  .nvWG7 { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; }  .q1Hym { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; font-weight: bold}    .styY4 { color: #500000 }  .mqoZT { color: #a00000 }  .qWegk { color: #a00000; font-weight: bold }  .k31uW { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; }  .zFkRa { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; font-weight: bold}      .jyzn9 { color: #505000 }  .dpyQO { color: #807000 }  .qw9IH { color: #807000; font-weight: bold }  .sA4Eg { color: #807000; background: #f0b00010; }  .pUcj4 { color: #807000; background: #f0b00010; font-weight: bold }    .i3iXa { color: #a000b0 }  .fYxpV { color: #a000b0 }  .qWYD8 { color: #a000b0; font-weight: bold }  .raqFO { color: #a000b0; background: #ff00ff10; }  .cOgQ0 { color: #a000b0; background: #ff00ff10; font-weight: bold }    .yixB4 { color: #506070; }  .u1QCr { color: #607080 }  .eaUL0 { color: #607090; font-weight: bold }    .sahmDarsadPriceDivRed { background: #ff001012; color: #c00000; }  .sahmDarsadPriceDivGreen { background: #00f05015; color: #008010; }      .vS0sx { font-weight: bold; color: #007000; background: #00d06020;}  .vojxS { color: #008020}    .v8tB8 { font-weight: bold; color: #a00000; background: #ff305020;}  .g8BmB { color: #e00000}      .v8tB8 { font-weight: bold; color: #a00000; background: #ff305020;}  .g8BmB { color: #e00000}      .urXly { color: #2040a0 }  .aSGLu { color: #0000c0 }  .c4fRl { color: #0000c0; font-weight: bold }  .aBXPu { background:#0080ffc0; color: #fff; font-weight: bold; }  .iTL9r { background: #00a0ff20; color: #019 }  .m1X57 { background: #00a0ffa0; color: #fff }  .lp2GQ { background:#0080ffc0; color: #fff; }      .pRFqf { background:#00e08020; color: #008010 }  .el9He { background:#00ffa020; color: #007020; font-weight: bold; }    .zVyvL { background:#ff203015; color: #900010 }  .mWlkC { background:#ff203020; color: #900000; font-weight: bold; }                      .seZkG { position: relative; height: 100%; width: 100%; direction: rtl; }  .j8Iqs { position: absolute; height: 100%; width: 100%; right: 0px; top: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;}  .aWA9H { position: absolute; height: 100%; right: 0px; top: 0px; z-index: 1; }  .ok76R { background: #0050ff20; }  .xNOmI { background: #50a0ff50; }    .hnoD6 { background: #00c05020; }  .vC5w5 { background: #00a0b020; }  .p8nJh { background: #a0a00020; }  .ttpZs { background: #c0200020; }    .pAS6x {   writing-mode: vertical-rl;   text-orientation: mixed;   white-space: nowrap;   direction: rtl;   font-size: 16px;   overflow: hidden;   }        .dS2Wy { background: #20406020; height: 100%; width: 100%; }  .j0U7E { background: #20406020; height: 1px !important; width: 100% !important; }      .cWVWW {   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;  }  .bJXag {   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;;  }  .bJXag:hover { color: #002080; box-shadow: 0px 0px 5px #2060a0c0; background: linear-gradient(to bottom , #ffffffa0, #a0e0ffb0, #ffffffa0 ); }  .b0Dnm { width: 325px; overflow: hidden; white-space: nowrap ; padding: 5px 12px 5px 2px; }  .osrX5 { width: 80px; overflow: hidden; white-space: nowrap ; padding: 5px; }  .ijT9t { display: flex; flex-wrap: wrap; }        .h2eUV { 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 }        .cZwZV { position: absolute; top: 0px; left: 0px; bottom: 0px; }    .yZNq2 { right: 6px; z-index: 20; display: flex; align-items: center; color: #103050; }  .dPTv7 { z-index: 10; background: #00a0ff40; }        .fYOQB { position: absolute; top: 0px; bottom: 0px; }    .iX5tc { right: 0px; left: 0px; justify-content: center;; z-index: 20; display: flex; align-items: center; direction: rtl; }  .cQLp8 { color: #902500;; }  .lh7Br { color: #008025;; }    .nsHNI { z-index: 10; background: #b0001030; left: 0px; }  .z6Uir { z-index: 10; background: #00f08040; right: 0px; }            .hb { position: relative; height: 65px; margin: 5px; border: 1px solid #0050f050; padding: 5px; color: #002060; }    .uJBNk { 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; }  .vudJ7 { transition: .2s; opacity: 0; animation: bOCTb 4s 1; padding: 2px 12px; font-size: 25px; background: linear-gradient(to right, #c0f0ff20, #c0e0ffe0, #c0e0ffe0, #c0f0ff20); color: #0000a0; white-space: nowrap; }  .iVwLj { width: 100%; direction: rtl; text-align: right; }  @keyframes bOCTb { 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;}            .p8Hdg { 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; }  .psh4G { height: 28px; margin: 3px 5px; }  .s6Ia8 { position: absolute; font-size: 90%; top: 1px; bottom: 1px; display: flex; align-items: center; right: 7px; z-index: 2; }  .dkfAB { position: absolute; top: 1px; bottom: 1px; left: 7px;display: flex; align-items: center; direction: ltr ; z-index: 3;; }  .ar1Nb { 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: ylQzf 0.4s 1;   }   .pClza { background: linear-gradient(to top, #90c0f042, #c0d0f050); }  .ty8Qu {   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);  }  .qTXVE {color: #0050a0; padding-right: 5px; }  .m0f2F { 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;  }  .p8Hdg:hover > .m0f2F { opacity: 1; }            .k87XT { position: relative; height: 50px; margin: 10px 5px; border: 1px solid #0050f050; }  .hu6pE { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }  .tnAGO {height: 100%; width: 100%; display: flex; padding: 6px 5px; }  .dbAEf {height: 100%; width: 33%; text-align: center; }  .kPXIY {height: 100%; width: 34%; text-align: center; }  .lB5qL {height: 100%; width: 33%; text-align: center; }    .fcStx{ font-size: 80%; color: #a080a0; }  .vq1uU{ padding: 4px 0px;}  .hWB1U{ font-size: 120%; color: #0050a0;}    .xMkUk { position: absolute; top: 0px; left: 0px; height: 100%; background: #ffe8f0; }            .tInwb { position: relative; margin: 10px 5px; border: 1px solid #0050f050; display: flex; }  .qR7zD { width: 25%; }  .z2OYv { text-align: center; padding: 5px; }  .tXzga { font-size: 90%; color: #607080; }    .jLroW { background: #ffd0dc; color: #a02020; }  .sACE3 { background: #d0ffea; color: #00a040; }  .jpFm2 { background: #ffffe0; color: #808000; }      .hMRRp { position: relative; margin: 12px 0px 0px 0px; color: #354555; font-size: 90%; }   .lAH9a { 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); }   .lAH9a:hover { z-index: 100; }   .u8eYP { 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); }   .fPYx3 { min-width: 50px; }   .v393p { font-size: 90%; }   .sZybw { padding-left: 5px; }   .a7XB7 { direction: ltr; }  .ia4Fo { width: 35%; }  .zCJlD { padding: 4px; white-space: nowrap; display: flex; }  .agGE0 { text-align: right; direction: ltr; border-radius: 5px; padding: 0px 3px; }  .gdAhF { color: #b00010; background: #ff002005; }  .zl4Li { color: #008020; }  .acNnj { color: #008000; background: #00f05005; font-weight: bold; }  .bZYjC { color: #805000; background: #f0c00015; }  .g9WHc { justify-content: end; direction: ltr; }    .ye9Ty { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; opacity: .6; z-index: 1;}  .ye9Ty:hover { opacity: 1; z-index: 200; }   .mGUyp { position: relative; cursor: pointer; transition: .3s; z-index: 1; height: 32px; width: 32px; margin: 0px 3px; display: flex; justify-content: center; align-items: center; }   .hGG5j { padding: 2px; }   .mGUyp:hover { transform: scale(1.2); z-index: 200; }   .rygXu { white-space: nowrap; }    .nhC7A { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; }  .yDcu0 { }              .qZLvZ{border: 1px solid #b0d0f0; background: #ffffff80;}    .on7UU { 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;}    .hBEo2 { height: 25px; overflow: hidden; }  .vPGAf { 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; }  .nliRi { 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;}  .oGmtC { 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}  .sr8El { 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 }  .cQnZd { animation: e8jGN 0.5s 1; }  .yTsD5 { animation: h9nEZ 0.5s 1; }        .kVide { 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}  .agneE { display:flex; padding: 0px 4px; direction: ltr; line-height: .9; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; flex-wrap: nowrap;}  .lc145 { left: 0px; }  .kHg7m { right: 0px; }  .hBEo2:hover > .kVide { opacity: 1 }    .y19cB { color: #008020; }  .pqI0f { color: #a00020 ; }    .mZZEM { padding: 0px 3px; z-index: 2; padding: 5px; direction: ltr; }    .g51u8 { text-align: right; min-width: 30px; padding: 0px 2px ; }  .wgW4B { text-align: right; min-width: 40px; }  .dvhWM { text-align: right; }  .fINsm { text-align: left; }  .tyzg1 { text-align: left; }  .aVQkQ { 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; }  .nQUfd { text-align: left; min-width: 40px; }  .requestRows_LHajm1 { text-align: left;; }  .requestRows_LPrice1 { text-align: right; }  .requestRows_LDarsad1 { text-align: right; }      .qAc8W { 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 }                  .pMlyW {color: #e0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 5px 0px 20px;}  .b9Uo6 {color: #ffe0f0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 5px;}  .yJ5QA { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }  .jtSub { background: #00802090; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .jN2k7 { background: #a0202090; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .x3eGS { background: #007020b8; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; background: linear-gradient(to right, #006010c0, #007020a0); }  .yrcps { background: #900010b5; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; background: linear-gradient(to right, #a00000a0, #800000c0); }          .xvQaY { direction: rtl;position: relative;height:100%;width:100%; }      .azNmT {color: #007010; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 6px 0px 20px;}  .oMZ4Z { font-size: 85%; transition: .2s; border-radius: 3px;; }  .ghkoN {color: #007010; opacity: 0; background: #baf0d5; z-index:15; position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .aCx4r {color: #900000; z-index:11;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 6px;}  .py2Oc {color: #900000; opacity: 0; background: #ffd0d0; z-index:15;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .ghkoN:hover { opacity: 1;}  .py2Oc:hover { opacity: 1;}    .kbSC1 { 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; }  .mX39C { 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; }    .hHhpN { 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; }  .pChEW { 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; }            .xrSkI { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2px 1px; }  .xp1aJ { max-height: 25px; width: 100%; display: flex; direction: rtl; }  .pLNUO { max-height: 25px; position: relative;}    .iC5cx { background: #00c04010; width: 50%; height: 100%; position: relative; display: flex; }  .eUHB8 { background: #c0203010; width: 50%; height: 100%; position: relative; display: flex; direction: ltr; }  .xaXwB { width: 16%; padding: 0px 3px; }  .zQpR8 { width: 50%; padding: 0px 4px; }  .qI7Tf { width: 34%; padding: 0px 3px; font-size: 90%; direction: ltr; }    .wxlSu { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #00903540; z-index: -1; }  .kBeWX { position: absolute; top: 0px; bottom: 0px; right: 0px; background: #b0103040; z-index: -1; }    .lqjpo { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #0060f0b0; z-index: -1; }  .mtXIz { width: 45px; padding: 0px 4px; }  .iuJWn { width: 35px; padding: 0px 4px; font-size: 85%; }  .fIkW9 { padding: 0px 5px; direction: ltr; text-align: left; flex-grow: 1; }          .pkSSa { display: flex; }  .pkSSa > div { }      .iR0R7 { position: absolute; height: 1px; width: 100%; left: 0px; right: 0px; background: #50607020; }  .vROjk { background: #0040a035; }      .kGU90 { width: 100%; height: 100%; display: flex; padding: 6px 1%; direction: rtl; background: #ffffff20; position: relative; }  .uu7tD { position: relative; flex: 1; max-width: 20px; }  .h3Q5d { 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;  }  .jRdor { background: #a0b0c020 !important; }  .vRFyH { position: absolute; bottom: 0px; left: -1px; right: -1px; height: 5px; border-radius: 50%; background: #0050e0a0; }  .wHN01 { right: auto; left: 220% !important; }  .uu7tD:hover { background: #fff; }  .uu7tD:hover > .h3Q5d { display: block; }  .w1s02 { margin: 0px 1px;; }  .ifSZN { margin: 0px 0.2px;; }    .sjdSZ { display: flex; padding: 2px 5px; }  .gwmZr { min-width: 75px; white-space: nowrap; padding-left: 5px ; }  .yxYQg { min-width: 50px; direction: ltr ; }    .iWmMV { position: absolute; left: 2%; right: 2%; bottom: 0px; border-radius: 4px 4px 0px 0px; background: #0050c0a0; }    .cYiAp { position: absolute; left: 50%; right: 2%; bottom: 0px; background: #00a050; }  .qU0Jh { position: absolute; left: 2%; right: 50%; bottom: 0px; background: #f04040; }    .u3zMO { position: absolute; left: 2%; right: 2%; bottom: 50%; background: #00a050; border-radius: 4px 4px 0 0; }  .in1sD { position: absolute; left: 2%; right: 2%; bottom: auto; top: 50%; background: #f04040; border-radius: 0 0 4px 4px; }    .g5W1c { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #00a050; border-radius: 4px 4px 0 0; }  .xNihi { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #f04040; border-radius: 4px 4px 0 0; }    .x7tNo { opacity: .6; }    .slIGX { margin: 1%; padding: 2% 1%; border: 1px solid #20406020; border-radius: 3px; background: #ffffff50; }   .ckgUZ { padding: 5px; }      .wBkD5 { position: absolute; left: 0px; right: 0px; }    .pXUZ0 { width: 100%; padding: 5px; }  .n4Syh{ direction: rtl; height: 98%; width: 98%; background: #ffffff50; border-left: 1px solid #60a0d040;border-right: 1px solid #60a0d040; position: relative; }  .j7f8l{ 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%; }  .gd54q { background: #00ca70; }  .jOGrY {background: #f04040; }  .oiWIN {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; }    .cZDdk{ direction: rtl; height: 98%; width: 98%; background: #ffffff80; position: relative; }  .awSwM{ direction: rtl; height: 98%; width: 98%; background: #ffffff; position: relative; border: #20406030; }    .xAjRX { position: absolute; left:44%; width: 12%; background: #909090; }  .dQdrg { position: absolute; left:40%; width: 20%; background: #909090; }  .cmG5W { position: absolute; left:14%; right: 14%; min-height: 2%; }  .wPmj7 { position: absolute; left:10%; right: 10%; min-height: 3%; }  .r278g { background: #00ca70; }  .kTB1J {background: #f04040; }  .s5aqs { position: absolute; left:0px; width: 100%; height: 1px; background: #a0b0c080; }  .zcubY { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f080; z-index: 5; }    .nAHiR { position: absolute; left:40%; height: 100%; top: 0px; right: 40%; background: #909090; }  .kWyOh { position: absolute; left:42%; right: 42%; background: #909090; }  .oejpt { position: absolute; left:8%; right: 8%; min-height: 1% !important; }  .rX3FU { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f0a0; z-index: 5; }        .faG79 { padding: 1px 0px 0px 0px; margin: 1px 0px 4px 0px; }  .ozBAH { padding: 1px 0px 0px 0px; margin: 1px 0px 9px 0px; box-shadow: 0px 5px 8px -5px #00508060; border: 1px solid #20407020; }  .erAbC { border : 1px solid #20406025; box-shadow: 2px 5px 12px -5px #20406030; background: #ffffff80; }  .jntQB { width: 100%; display: flex; }  .jntQBt { padding-top: 2px; }  .jntQBb { padding-bottom: 0px; }    .bPfYx { text-align: center; padding: 1px; direction: ltr; display: flex; justify-content: center; align-items: center;}  .pXvVm { width: 30%; }  .pXvVmm { color: #406080; }  .pXvVmmf { font-size: 90% ; }  .rDucP { width: 40%; }  .rDucPt { color: #607090; font-size: 90%; }  .rDucPm { color: #003070; }  .rDucPmf { font-size: 118% ;}  .xYgyF { width: 30%; }  .xYgyFt { }  .xYgyFm { color: #506070; }  .xYgyFmf { font-size: 90% ; }  .gE6zRp { padding: 8px; }  .gE6zRp > hr { border: 1px dashed #e0f0f0; margin: 8px; }      .eachBaze_barBox1 { background: #ffffffa0; width: 100%; position: relative; height: 5px; overflow: hidden; }  .reiSh { position: absolute; top: 0px; bottom: 0px; right: 0%; background: #f05050; animation: h9nEZ 0.6s 1; }  .turHh { position: absolute; top: 0px; bottom: 0px; left: 0%; background: #20d060; animation: e8jGN 0.6s 1; }        .iIdsM { width: 100%; display: flex; }    .b5r4l { flex-grow: 1; min-width: 50%; padding: 3px 5px 2px 5px; border-top: 1px solid #e0e0f0; }  .b5r4ls { background:linear-gradient(55deg, #00d04010,#00d04010,#00d04000); color: #005020; }  .b5r4lg { background: linear-gradient(-55deg, #f0200010,#f0200000,#f0200000); color: #700020; }  .k7Up4 { background: #ffffff; border: 1px solid #c0d0e0;}  .k7Up4tit { color: #b0c0c0; font-size: 60%; display: flex; justify-content: center; align-items: center;}  .k7Up4dar { font-size: 115% ; direction: ltr; display: flex; justify-content: center; align-items: center;}      .oXGJz { position: relative; z-index: 1; }  .oXGJz:hover { z-index: 400; }  .zuZt0 { 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; }  .mqeYp { height: 18px; width: 18px; background: #00a0a070; bottom: -10px; }  .zuZt0:hover { z-index: 400; }  .fvYkb { font-size: 11px; z-index: 300; padding-top: 1px; color: #0080d0; font-family: monospace; }  .t2gnT { font-size: 14px; z-index: 300; text-shadow: 0px 1px 4px #001080; padding-top: 1px; color: #fff; font-weight: bold; }  .gE6zR { 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; }  .ntoum { max-width: 320px !important }  .gE6zR::before { position: absolute; top: -12px; right: 0px; content: ''; border-width:6px; border-style:solid; border-color:transparent transparent #d0d0e0 transparent}  .zuZt0:hover > .gE6zR { display: block; z-index: 400; }  .oXGJz:hover > .gE6zR { display: block; animation: mV1GE .2s 1 }  @keyframes mV1GE { 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; }      .srUog { color: #d00 !important; }  .xd1Qd { 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; }      .bjFhE{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .fOsEy{ z-index:2;}      .cjPfS { position: relative; width: 100% !important; background: #ffffff; font-size: 14px; white-space: nowrap; }    .jZHn9{ height: 40px; width: 100%; background: #d0e0ff; color: #200060; display: flex; flex-wrap: wrap; min-width: 700px !important; position: absolute;top: 0px; right: 0px; }  .v4MbZ{ padding: 9px 8px; position: relative; background: linear-gradient(to right, #f0f0ff15, #0000f015) ; z-index: 200; }  .aW3q1{ padding: 8px 8px !important; border: 1px dashed #80a0ff !important; cursor: pointer; }  .aW3q1:hover{ border: 1px solid #5080ff !important; background: linear-gradient(to right, #a0ffff35, #00a0f035); z-index: 200; }    .mnRcs { display: none; position: absolute; top: 100%; right: 0px; max-width: 400px; background: #fffffff0; box-shadow: 0px 5px 10px #a0a0a0a0; }  .bD2S5 { display: flex; flex-wrap: wrap; min-width: 240px; }  .fbOCV { padding: 6px 6px; cursor: pointer; text-align: center; min-width: 40px; }  .fbOCV:hover { background: #0080f0; color: #ffffff; }    .hQBrA { cursor: auto; background: #f0f0ff !important; color: #808080 !important; }    .aW3q1:hover > .mnRcs{ display: block;}        .drPMA{ 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; }            .eWJEF { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }  .eWJEF { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }    .eWJEF > div { align-content: center !important;display: flex !important; flex-wrap: wrap !important; height:30px; position: relative; }  .eWJEF > div:nth-of-type(even) { background-color: #eaf0f5; }  .eWJEF > div:nth-of-type(odd) { background-color: #ffffff }  .eWJEF > 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; }    .g9tAm { position: fixed; left: -280px; top: 40px; height: 40px; width: 270px; transition: .2s; display:flex; direction: rtl; text-align: right; background: #ffffff50}  .xpW3X { 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{ }                                            .jcwbu { width: 100%; padding: 2px 5px;; }  .zrbYa { background: #ffffff80; height: 28px; font-size: 105%; width: 100%; margin: 2px; position: relative; display: flex; border-radius: 4px; }  .fORPT { height: 30px; font-size: 115%; animation: kgbUu 0.3s 1; }  .sCZqq { height: 26px; font-size: 95%; animation: ylQzf 0.4s 1; }   .c5ajq { align-items: center ; padding: 0px 12px 0px 2px; height: 100%; font-size: 90%; display: flex; }   .uL8wH { flex-grow: 1; display: flex; align-items: center ; padding: 0px 4px; height: 100%; direction: ltr; border-radius: 4px; }   .b7VhU { font-size: 120%; min-width: 95px; justify-content: center; display: flex; padding: 0px 4px; }   .njn2L { min-width: 90px; justify-content: center;display: flex; padding: 0px 4px }   .b8Lar { color: #006020; background: linear-gradient(35deg, #00e08020,#00ff2010,#00e08000); border-left: 4px solid #00c00060; box-shadow: inset 30px 0px 30px -30px #00b00040; }   .acsEr { color: #501010; background: linear-gradient(35deg, #ff408020,#f0200010,#00e08000); border-left: 4px solid #ff000060; box-shadow: inset 30px 0px 30px -30px #ff000030; }   .b8Lar > .b7VhU { color: #008000; text-shadow: 1px 3px 5px #00ff5080; }   .acsEr > .b7VhU { color: #800000; text-shadow: 1px 3px 5px #ff206060; }     .ySqML { position: absolute; right: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; z-index: 100; direction: ltr; }   .h9LHz { transition: .2s; padding: 0px 10px; opacity: 0; animation: qQfol 7s 1; padding: 5px 10px; display: flex; border-radius: 4px; }   .rUyHk { min-width: 60px; display: flex; justify-content: center; height: 100%; align-items: center; padding: 0px 4px; }   .uOBud { background: #ffe0f0; color: #a00000; }   .bq0kw { background: #d0fff0; color: #009040 ; }     @keyframes qQfol { 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); } }                .x3P2B { display: flex; white-space: nowrap; }  .h235a { 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; }  .p0hea { outline: #5050f050 solid 1px; border-radius: 0px; }      .jhhIn { background: #fff6f8; color: #501010; border: 1px solid #ff404070; }  .qonWU { background: #f0fff7; color: #006020; border: 1px solid #00c06070; }    .fNJiY { text-align: center; width: 100%; position: relative; }  .uuHj2 { position: absolute; left: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; }  .xb6M0 { transition: .2s; opacity: 0; animation: qQfol 5s 1; padding: 5px 10px; font-size: 80%; }  .xfGMF { background: #ff505020; color: #a00000; }  .y1NIb { background: #00a05020; color: #009040 ; }    .rc4dJ { padding: 8px 0px 0px 8px; font-size: 110%; }  .lF7VV { padding: 1px; font-size: 120%; direction: ltr !important; }  .eW7W6 { font-size: 80%; opacity: .6;; position: absolute;   width: 50px; height: 100%; top: 0px; right: 2%; display: flex; align-items: center; justify-content: center;  }    .jhhIn > .lF7VV { color: #a00000; }  .qonWU > .lF7VV { color: #008020; }            .aej60 { position: relative; overflow: hidden; height: 50px; box-shadow: 1px 1px 10px #20406015; margin: 5px; border: 1px solid #0050f040; padding: 5px; color: #002060; }    .tablo_uJBNk { position: absolute; left: 30%; top: 2px; display: flex; flex-wrap: wrap; align-items: center; z-index: 1001; direction: ltr; text-align: left; }  .vudJ7 { 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: bOCTb 7s 1; padding: 3px 10px; background: #fff; color: #002080; white-space: nowrap; font-size: 110%;}  .iVwLj { width: 100%; direction: rtl; text-align: right; }  @keyframes bOCTb { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .rd9m4 { animation: e8jGN 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 }  .cSWd2 { position: absolute; top: -2px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .eCpro { display: flex; flex-wrap: wrap; }  .mA9T6 { padding: 8px 7px 1px 0px;}  .e2xOw { padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative; font-size: 125%;}  .a1t4y { font-size: 85% ; display: flex; flex-wrap: wrap; }  .mUuwk { padding: 1px 8px 1px 0px;}  .z1oXo { color: #0050a0; padding-right: 5px; }  .dw8cE { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}        .pDQda { height:40px; background: #ffffff; border: 1px solid #20406020; box-shadow: 2px 1px 9px #20406012; }      .aoWRV { 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; }            .gmxAl{direction: rtl; height: 100%; background: #ffffff80; position: relative; display: flex;; }  .d8jtz { display: flex; width: 50%; justify-content: center; align-items: center; }  .n70z4 { font-size: 80%; opacity: .7; padding-left: 7px;; }  .azfQL { font-size: 90%; opacity: .8; padding-left: 8px; direction: ltr; }  .eBlHY { }                        .ekJja { display: flex; flex-direction: column; width: 100%; height: 100%; }  .u7qMR { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10% 0%; }    .v2y { height: 50%; width: 100%; }  .vevMf { 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=); }  .zOc78 { padding: 2%;; overflow: auto; }    .ujcOG { display: flex;margin: 10px 0 20px 0; }  .m9dzP { width: 125px; overflow: hidden; white-space: nowrap; }  .yqnuT { width: 100px; color: #008030;;}    .xJUog { display: flex; }  .f5vyQ { padding: 4px 6px; display: flex; align-items: center; height: 30px; overflow: hidden; white-space: nowrap; border: 1px solid #20406020; }    .owPIL { width: 300px; }  .bRDHH { width: 60px; }  .lkoNE { width: 180px; color: #0020a0; white-space: nowrap;}  .yqnuT { width: 80px; color: #008030;;}    .j2aQt { width: 80px; cursor: pointer; padding: 6px 10px; background: #ffffff80; color: #008030; animation: vtn5c 3s 1;;}      .oYp0b { padding: 8px; ; background: #fafcff; font-size: 13.5px; overflow: auto; min-height: 100%;}  .tndCe { position: fixed !important; background: #fafbfd; top: 41px !important; right: 0px; bottom: 1px; height: auto !important; z-index: 20; width: 100% !important; }    .b82Wp { display: block !important; padding: 10px 5px; text-align: right; direction: rtl;}  .et11M { padding: 0px 10px; color: #074; cursor: pointer; }  .m0FiW { padding: 10px 20px 5px 5px; font-weight: bold; color: #05a;}  .qE1sS { padding: 5px 10px; color: #246; text-align: right; min-width: 1200px;;}  .qkjJU { padding: 20px 20px 5px 5px; font-weight: bold; color: #a50;}  .gHOBb { padding: 5px 10px; color: #531;}    .n10VU{ width: 1200px; padding: 5px 0px 10px 0px; display: none;}  .uLxVa { display: flex !important }    .wXTI6 { 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; }  .wXTI6:hover { background: #ffffff; box-shadow: 0px 1px 4px #00305015,1px 3px 10px #1050a025; outline: 1px solid #00a0f050; }  .pUkgV { background: #ffffff; box-shadow: 0px 1px 4px #00305025,1px 4px 12px #1050a040; outline: 1px solid #00a0f040; margin-top: 12px; }  .oWfhw { 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; }  .uBbsF { 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; }  .gYS9P { box-shadow: 0px 0px 3px #00305040,1px 3px 10px #40608045; border: 1px solid #00a0c0a0; margin: 8px 4px; height: 40px; }        .qDrXU { 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; ; }  .jkgqi { 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; }  .lBkQD { 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; }    .ssWhr { 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; }  .vSG5P { 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; }  .n7kv9 { 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; }    .loNZI { 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; }    .wXTI6 > .loNZI:nth-of-type(even) { background-color: #eaf5ff25; }  .wXTI6 > .loNZI:nth-of-type(odd) { background-color: #ffffff20 }    .uUhqa { justify-content: start; transition: .2s; padding: 0px 10px; }  .eMyhe { border-left: 4px solid #30508025 }  .qubI3 { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #40a0ff20; box-shadow: inset 5px 0px 8px #00a0ff40; }  .vni3M { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #40b0c020; box-shadow: inset -5px 0px 8px #00c0d040; }    .a2ojw { position: absolute; left: 2px; bottom: -2px; padding: 0px; font-size: 85%; color: #804000; display: flex; white-space: nowrap; background: #ffffffd0; }    .qatT9 { font-size: 85%; opacity: .8; padding: 0px 2px;; }    .fTj6T { padding: 5px 6px; border-radius: 10px; box-shadow: 0px 2px 10px #3050a015; background: #fff; outline: solid 1px #2050a040; margin-left: 6px;}  .yOrUO { padding: 0px 5px; font-size: 85%; opacity: .8;; }  .szQum { padding: 0px 0px 0px 1px; color: #003090; }      .sWUSn { font-size: 85%; }  .x0fsT { direction: ltr; }  .aNqMh { direction: ltr; }  .usw48 { direction: ltr; color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .uNF6A { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }  .b0z6R { color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .qzMNY { color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }          .zhnbj { display: flex; position: relative; margin: 8px; min-height: 250px; border: 1px solid #20406050; overflow: hidden; background: #40608005; }  .mhs3u { position: relative; z-index: 1; transition: .2s; }  .aQGGo { cursor: pointer;}  .nFJqm { background: #ffffff; box-shadow: inset 0px -90px 80px -90px #20a0f0a0 !important; cursor: auto !important; }  .mQEGW { margin-right: 16px; }  .jh0Hv { 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; }  .gbMBB { right: auto; left: 16px; }  .jh0Hv > div { padding: 3px; white-space: nowrap; }  .mhs3u:hover > .jh0Hv { display: block; animation: igBOP 1 .25s; }  .mhs3u:hover { background: #ffffff; z-index: 2; }  .aheY6 { position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 4px solid #20406050; z-index: 5; }    @keyframes igBOP { 0%{ opacity: 0; transform: translate( -50px, 10px) scale(0.9); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      .n86Mt { box-shadow: inset 0px 40px 40px -50px #00a050; border-top: 5px solid #00904085; }  .nGtyv { box-shadow: 0px -20px 1px -1px #b0201050; border-top: 5px solid #a0100085; }        .zplyC { 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; }    .cwNiq { position: absolute; border-right:1px solid #5080b030; background: linear-gradient(to left, #5080b012,#ffffff20); top: 0px; height:100%; opacity: .85; }  .nD7uw { z-index: 100; position: absolute; display: flex; justify-content: center; align-items: end; padding: 5px; bottom: 0px; }                                .sgY89 { 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; }   .zLc98 { 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; }   .ojVBF { border: 1px solid #00406020; background-color: #ffffff50; }   .qFfbO { cursor: auto; border: 1px solid #20407030; background: var(--bx8jh); box-shadow: var(--a04Ac); color: var(--qCTD6); }    .lNAbZ { top: 30px; position: absolute; right: 0px; left: 0px; display: flex; bottom: 0px; overflow: hidden;; }  .rSSlk { top: 30px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto;; }  .afST4 {position: relative; width: 100%; height: 100%; }   .jxa9g { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }   .se88k { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; padding: 2%; }   .uqiDT { width: 100%; text-align: center; padding: 10px 5px; }   .s0zqb { width: 100%; height: 50px; padding: 10px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }   .oFtUj { display: block; }      .razFc { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }  .bhnR9 { }  .hOXml { width: 100%; height: 100%; position: relative; overflow: auto; }  .qkVuU { display: flex; flex-wrap: wrap; }  .wkIRw { display: flex; z-index: 100; position: absolute; height: 30px; background: #f0f5ff; top: 0px; right: 0px; width: 100%; }   .rYWh9 { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030;white-space: nowrap; }  .kpM79 { display: flex; z-index: 50; height: 30px; background: #f2faff; border-bottom: 1px solid #20406020; box-shadow: 0px 0px 12px #20407025; }  .yby4J { top: 30px; }  .dpoln { position: static; }   .jikgh { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030; line-height: .8; }  .uN1zH { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; overflow: auto; }  .fi52E { }  .vrJYA { bottom: 0px; }  .sH9SW { 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; }  .f01aq { display: flex; padding: 0px 8px; justify-content: center; align-items: center; height: 100%; }  .xGqGj { cursor: pointer; color: #0020a0; }  .kwEPJ { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; }   .murXw { transition: .2s; overflow: hidden; }   .v5bHe { transition: .2s; overflow: hidden; }   .mv3CZ { border: 1px solid #00306040;border-right: 4px solid #00308040; margin: 10px 6px; background: #fff; border-radius: 4px; }   .dGCGU { cursor: pointer; height: 30px; display: flex; border-bottom: 1px solid #20406030; }   .e34Bi { height: 100%; display: flex; align-items: center; border-left: 1px solid #20406030; padding: 0px 9px; white-space: nowrap; position: relative; }   .fcmhU { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #0050f020; }     .jgF1f { height: 100%; display: flex; align-items: center; justify-content: center; }   .mRMPi { direction: ltr; }   .xNYMS { color: #005010; font-weight: bold; background: #00b02050; }   .azY4g { color: #302000; background: #c0a00040; }   .smiSQ { color: #500000; background: #f0000020; }   .aCiua { color: #500000; background: #f0000040; font-weight: bold; }   .tt0dQ { padding: 0px; background: #ffffff80; }         .lYITa { min-height: 30px; flex-wrap: wrap; display: none; border-bottom: 1px solid #20406030; padding: 8px; align-items: center; }   .loSI2 { min-width: 300px; }   .ds0tQ { display: flex; background: #f0f8ff; }   .kYHfA { margin: 2px 6px; padding: 4px 8px; font-size: 90%; transition: .2s; border: 1px solid #0050b050; cursor: pointer; border-radius: 4px; }   .kYHfA:hover { border: 1px solid #0050b0a0; color: #003090; background: #fff; }   .oZRQF { margin: 0px 15px 0px 8px; }   .quQ83 { width: 100%; padding: 5px;; }   .bgZXv { display: flex; }   .lfNwy { width: 100%; padding: 4px 10px 10px 5px;; }     .eqrWu { padding: 8px; max-width: 700px;}   .zvBBu { 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; }   .wx1V0 { border: 1px solid #20406030; background: #fff; border-radius: 4px; position: absolute; top: -15px; right: 10px; padding: 5px 10px;; }     .jinQ7 { display: flex; min-width: 450px; border-bottom: 1px solid #20406030; }   .cBWks { display: flex; min-width: 380px; border-bottom: 1px solid #20406030; }   .cz5GT { padding: 4px 7px; border-top: none; }   .oi0XY { border-left: 1px solid #00305015; }   .cXqyR { width: 250px; }   .eG2dt { width: 130px; direction: ltr; }   .sL2MG { width: 70px; direction: ltr; }   AgendaItem, presidiummember, NewsPaper { display: block; padding: 2px 5px 2px 5px; ; }        .i9Oi8 { display: flex; flex-wrap: wrap; padding: 5px;; }     .x3zmQ { min-width: 300px; }   .fRoN4 { display: flex; border: 1px solid #20406010; }   .bnNrU { width: 135px; padding: 4px 9px; border-left: 1px solid #20406020; }   .oddND { width: 200px; padding: 4px 10px 4px 2px;; }   .vzlsj { width: 360px; padding: 4px 10px 4px 2px;; }   .dYyOx { direction: ltr; text-align: right; font-family: sans-serif !important; }     .ynXPa { min-height: 250px;; }   .iDw4V { background: #fbfdff; box-shadow: 0px 8px 8px -4px #20407020; margin-bottom: 1px;}   .pBahb { padding: 5px 5px 12px 5px;; }      .xeHOF { border: 1px solid #20406030; }  .xeHOF > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .xeHOF > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }      .xeHOF > table { border: 1px solid #20406050; margin: 10px 0px; }  .xeHOF > table > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .xeHOF > 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; }  .xeHOF > 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; }              .cjT7l { 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;  }   .itlLy { display: flex; align-items: center; padding: 12px 8px; }   .qygWg { padding: 3px 15px 3px 10px; font-size: 110%; }   .yyQZA { padding: 3px 5px 3px 8px; }   .hk6j3 { color: #006020; text-shadow: 1px 2px 5px #00803080; }   .o77qL { color: #700010; text-shadow: 1px 2px 5px #80001050; }   .w8O0Z { padding: 3px 5px 3px 5px; cursor: pointer; margin-right: 10px; }      .y2wyQ { padding: 1%; }   .lrP83 { max-width: 1200px; width: 100%; }   .c5wbW { margin: 25px 0px 15px 0px; display: flex; flex-wrap: wrap; position: relative;   border: 1px solid #20406040; border-radius: 4px; padding: 40px 15px 10px 15px;   }   .rgiVy { position: absolute; top: -10px; right: 8px; background: #fff; padding: 5px 8px; border: 1px solid #20406040; border-radius: 4px;; }        .nlwRS { 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; }            .rwUT7 { 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; }    .n6H3O { padding: 5px 1%; background: #ffffff20; flex-grow: 1; min-width: 300px; max-width: 500px;   flex: 1 0 320px;  }    .jj1wB { max-width: 1000px; flex: 1 0 320px; padding: 6px; }  .iAAjW { max-width: 1000px; width: 100%; }      @media (min-width: 1px) and (max-width: 600px)  {   .jhuN5 { width: 100% }   .nXRRI { width: 100%; }   .mAln2 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 601px) and (max-width: 1000px)  {   .jhuN5 { width: 50% }   .nXRRI { width: 50%; }   .mAln2 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1001px) and (max-width: 1400px)  {   .jhuN5 { width: 33% }   .nXRRI { width: 33%; }   .mAln2 { 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; }  }                                                                  .oI6re { animation: 1s cDBLv 1; background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff) }  .oI6re { position: absolute; top: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex; box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030; }    .mP65z { display: flex; height: 100%; z-index: 10; }    .cBP83 { 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) }   .f0zO4 { height: 100%; }      @keyframes bUyOr {   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 qtPZ3 {   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; }  }  .udbBo { 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);}   .aQ0HH { padding: 0px 2px; animation: 2s bUyOr 12; color: #00a050; }   .ezZ0d { padding: 0px 3px; animation: 2s qtPZ3 12; animation-delay: 1s; color: #a00020; }        .gAx7m { padding: 0px 8px; height: 100%; margin: 0px; background: linear-gradient(to right, #ffffff20,#ffffff20, #a0c0ff10);border-left: 1px solid #00308010;}  .la2El { cursor: pointer; }  .eXGjJ { height: 100%; width: 100%; }  .yoFhu { 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); }  .la2El:hover > .yoFhu { display: block; }  .qogf4 { display: block; border: 1px solid #20407050; top: 42px; right: 2px; box-shadow: 1px 3px 20px #20406080; background: #ffffffc0; }      .jI73B { display: flex; height: 100%; padding: 0px 7px; font-size: 95%; }   .ncBEs { display: flex; height: 100%; white-space: nowrap; justify-content: center; align-items: center; padding: 0px 2px; word-wrap: none; }   .s0kUo { animation: 1s nFJPh 1; }   .tVatt { display: flex; height: 100%; align-items: center; padding: 0px 3px; }   .x4Jno { font-size: 85%; padding: 0px 2px; }     .fwaxd { display: flex; padding: 8px 10px !important; }   .dFWlo { display: flex; flex-wrap: wrap; padding: 0px 5px !important; }  .bLJO8 { width: 260px; }    @media (max-width: 570px)  {   .jI73B { display: block; font-size: 85%; }   .ncBEs { height: 50%; }  }            .fRitF { display: flex; height: 100%; min-width: 100px; }   .yiyor { display: flex; height: 100%; width: 100px; justify-content: center; align-items: center; }  .seh26 { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .pqPMR { height: 100%; position: relative; display: flex; margin: 0px 1px; }   .fY9x2 { background: linear-gradient(to right, #ffffff50, #a0e0ff10, #a0e0ff30);}   .xdL4t { background: linear-gradient(to right, #ffffff50, #f0a0d010, #f0a0d030); color: #a00010;}   .dJFq6 { background: linear-gradient(to right, #ffffff50, #ffffd010, #ffffd080); color: #a08000;}   .msg43 { background: linear-gradient(to right, #ffffff50, #ffffd010, #e0e0e080); color: #506070;}     .qzmpq { display: flex; z-index: 10; align-items: center; justify-content: center; font-size: 80%; height: 100%; padding: 0px 3px 0px 1px;}   .agkqA { 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; }   .pqPMR:hover > .agkqA { opacity: 1; }   .j7ZSf { height: 100%; display: flex; }   .tOEAx { padding: 4px 15px 0px 7px; align-items: center; width: 50px; position: relative; direction: ltr; color: #103050; }   .qHVdW { font-size: 120%; font-weight: bold; }   .xgWme { font-size: 105%; font-weight: bold; }   .iwepw { padding: 0px 3px 0px 4px;opacity: .8; font-size: 50%; text-shadow: none !important; position: absolute; top: 0px; right: 0px; }   .uu2Ab { box-shadow: inset 0px -3px 1px #00d01040; color: #009020; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05060; }   .rYiiN { box-shadow: inset 0px -3px 1px #f0001030; color: #c00010; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305060;}        .xyELT { width: 100%; height: 100%; overflow: hidden; }   .fE7PZ { width: 100%; height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 2px 0px; background: #f0f5fd; }   .scYIc { 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); }   .p8Cij { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }   .lSCHQ { height: 100%; ; display: flex; align-items: center; padding: 0px 10px;; }   .iRfgd { height: 100%; ; display: flex; align-items: center; padding: 0px 5px;; }   .oPYHL { 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; }   .umfL3 { background: linear-gradient(to top, #40a0ff00, #00d03010, #40a0ff00); color: #007030; }   .hjWFU { background: linear-gradient(to top, #40a0ff00, #e0002010, #40a0ff00); color: #800010; }   .oPYHL:hover { background: linear-gradient(to top, #0080f0a0, #00a0f0e0, #40a0ff80); color: #fff; }   .lIlFx { padding: 0px 5px; font-size: 85%; }   .qwCrf { width: 50%; height: 100%; border: 1px solid #20406020; display: flex; align-items: center; }   .bfUNN { padding: 0px 8px; }   .iqMyM {justify-content: flex-end; }   .aX4Wv { width: 100%; flex-grow: 1; padding: 1px 3px; }   .a2U6z { outline: 1px solid #20406025; margin: 6px 2px; box-shadow: 0px 4px 7px -4px #20406050; border-radius: 4px; background: #ffffff; }   .hdQqk { width: 100%; height: 26px; display: flex; }   .hEalS { width: 100%; height: 35px; display: flex; }   .z8nvY { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }   .sdm9q { font-size: 85%; line-height: 1.4; text-align: center;}   .sBtpY { width: 50%; height: 100%; display: flex; }   .hyUnh { background: #00d04010; }   .o0DP3 { background: #f0001010; }   .fdriP { color: #005010; background: linear-gradient(to right, #00d03015, #00d03010, #00a03000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05050; }   .m5TUZ { color: #700010; background: linear-gradient(to left, #f0001015, #f0001010, #a0001000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305050; }   .vSs61 { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110%; }   .qeL7i { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 90%; }   .hX7DV { display: flex; height: 100%; justify-content: center; align-items: center; width: 50px; position: relative; direction: ltr; box-shadow: none !important; }   .krQtW { width: 100%; height: 28px; padding: 4px 5px; display: flex; justify-content: space-around; }   .vd3B8 { 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;; }   .vd3B8:hover { background: #a050f0; color: #fff; border: 1px solid #2030a0; opacity: 1; }   .wIYVJ { width: 100%; }     .oxIj1 { width: 100%; height: 26px; display: flex; position: relative; background: linear-gradient(to top, #ffffff50, #00a0ff10, #ffffff50); }   .yWxTo { height:100%; display: flex; position: relative; z-index: 2; align-items: center; padding: 0px 10px;}   .kZiJ7 { flex-grow: 1; }   .zCs5O { 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; }   .kH5vB { 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; }       .rR7Xb { width: 100%; height: 28px; display: flex; }   .udD6g { width: 100%; height: 26px; display: flex; }   .e6JU2 { width: 49%; height: 100%; display: flex; }   .nU2mD { width: 2%; height: 100%; display: flex; }       .utRYO { padding: 5px; }   .mH9gt { padding: 8px 15px; }   .soLWI { display: flex; align-items: center; height: 40px; margin: 4px 0px; border-radius: 3px; background: #f0f0f050; border: 1px solid #20406030; cursor: pointer; transition: .2s; }   .yPz1p { display: flex; align-items: center; padding: 0px 10px; width: 210px;; }   .soLWI:hover { background: #ffffff; border: 1px solid #2040a0a0; }   .bWJow { background: linear-gradient(to right, #ffffff, #d0f0ff) !important; border: 1px solid #2040a0a0; }      .zWnTk { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .mgtdu { padding: 0px !important; display: flex; height: 100%; flex-direction: column; transition: .2s; overflow: hidden; }   .nGUjq { padding: 1px; }   .stMsY { height: 30px; display: flex; border-bottom: 1px solid #20406010; padding: 2px 3px; }   .stQph { height: 100%; display: flex; margin: 0px 2px; justify-content: center; align-items: center; flex-grow: 1; }   .izfTX { 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; }   .rF59H { margin: 0px; border-radius: 0px; }   .izfTX:hover { background: #00a0f010; }   .lPjQL { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }   .wOVe6 { flex-grow: 1; overflow: auto; }   .e3tT1{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; height: 100%; width: 100%; }       .b5k3s { width: 100%; display: flex; height: 100%; }   .x3iri { display: flex; flex-grow: 1; border: solid 1px #20405020; padding: 0px 5px; height: 100%; align-items: center; cursor: pointer; }       .oLpJi { height: 100%; width: 100%; overflow: hidden;}     .g4eyH { display: flex; height: 92%; min-width: 225px; }   .mbb6T { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 2px; z-index: 100 }   .oLwi5 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; opacity: 0; transition: .4s; transform: translate(0px,-10px); }   .svojw { animation: 7s p1pTv forwards; }   .aZROq { position: absolute; bottom: 0px; right: 0px; left: 0px; }   .jBdBM { display: flex; height: 100%; white-space: nowrap; align-items: center; padding: 0px 8px; }   .nqo6m { display: flex; white-space: nowrap; direction: ltr; }     .iHy76 { display: flex; height: 17px; width: 100%; position: relative; background: #fff; border-radius: 0 0 3px 3px; }   .yQRyT { height: 7px; }   .sw1RC { height: 100%; width: 100%; opacity: 0.1; }   .fIkGH { height: 100%; }   .w3Xrt { background: #c00030 !important; }   .muzv9 { background: #ff3000 !important; }   .abIjn { background: #00c060 !important; }   .yfx3F { background: #30a000 !important; }     .zCHwT { z-index: 100; background: #fff; padding: 0px !important; border: none !important; }   .drJP3 { display: flex; padding: 5px !important; font-size: 90%; position: relative; }   .i0ogs { min-width: 100px; ; }   .dH7Nh { min-width: 45px; ; }   .oM2rV { font-size: 110%; font-weight: bold; min-width: 40px; ; }   .fqpt3 { 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; }     .fyz95 { padding: 0px !important; display: flex; flex-direction: column; height: 100%; }   .yrBDu{ padding: 5px !important; }   .sTN8H{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1; }     .jxmPc { position: relative; }   .jxmPc:hover { position: relative; z-index: 10; }   .ahggh { position: relative; z-index: 2; padding: 0px 8px; }   .eecw4 { position: relative; z-index: 2; padding: 0px 15px; }   .ga6zx { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; }   .rSOJu { padding: 6px 0px !important; display: flex; justify-content: center; align-items: center; }   .iaTs5 { padding: 1px 0px 5px 0px !important; display: flex; justify-content: center; align-items: center; }   .bQjDN { height: 26px !important; }   .ydHMv { height: 26px !important; padding: 0px 5px; display: flex; align-items: center; }     .uV9BP { padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; margin-top: 4px; min-width: 310px; height: 400px; overflow: auto; background: #fafdfe; }   .iZvRj { padding: 4px 5px !important; flex-grow: 1; width: 100%; position: relative; }   .cuJ6r { padding: 4px 0px !important; width: 100%; position: relative; overflow: hidden; }   .ho5vH { padding: 6px 8px !important; width: 100%; }   .qqDA4 { padding: 2px !important; width: 100%; min-height: 300px; }   .mwQxd { padding: 6px 8px !important; width: 100%; display: flex; position: relative; z-index: 1000; }   .bi1nx { padding: 4px 5px !important; margin: 2px 5px; border: 1px solid #20406030; min-width: 85px; }   .gGMah { width: 85px; display: flex; flex-wrap: wrap; }       .euDhw { display: flex; height: 28px; align-items: center; padding-left: 5px; }   .ychOa { padding: 0px 5px 0px 10px; min-width: 50px; font-size: 110%; font-weight: bold; }   .yvpD7 { padding: 3px 5px 0px 0px; font-size: 80%; opacity: .9; }   .jpRVg { padding: 2px 8px 0px 0px; font-size: 100%; }   .kxJOh { direction: ltr; font-size: 110%; width: 55px; display: flex; justify-content: center; font-weight: bold; }   .pcapA { padding: 4px 4px 4px 0pxx; font-size: 85%; font-weight: normal; }   .nV6JX { color: #008020; }   .hEBrw { color: #800010; }     .oWeac { padding: 2px; width: 100%; }   .tQGk7 { display: flex; width: 100%; }   .ycEG0 { display: flex; justify-content: center; width: 20%; }   .crnCM { padding: 1px 0px 0px 6px; font-size: 90%; background: linear-gradient(to left, #ffffffa0, #ffffff00); border-radius: 0px 4px 4px 0px; }   .rQBZs { padding: 0px 1px; font-weight: bold; }   .kcJsU { font-size: 80%; }       .vUYG9 { position: relative; padding: 20px 5px 5px 5px !important; }   .nUz1P { position: relative; padding: 10px 5px 2px 5px !important; }   .ftiQ8 { position: absolute; top: -4px; right: 5px; padding: 2px 8px; font-size: 95%; border-radius: 4px; z-index: 100; }   .nzcWR { display: flex; padding: 2px 3px; height: 100px; align-items: flex-end; }   .yhWQy { flex-grow: 1; margin-left: 1px; border-radius: 3px 3px 0 0; background: #0080ff; cursor: pointer; }   .d7ekR { background: linear-gradient(to top, #00a020, #00b060); }   .bvqad { background: linear-gradient(to top, #d01020, #c02050); }   .bb3xa { height: 25px; align-items: center; background: #ffe0ff20; margin: 4px 3px;   position: relative; padding: 0px 10px; border-radius: 4px; border: 1px solid #20406030;   }   .hAdTg { position: absolute; padding: 0px 10px; z-index: 10; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center ; border-radius: 4px;}   .u0wC1 { 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 ); }   .oP2SY { 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; }   .bb3xa:hover > .oP2SY { opacity: 1;}     .xhNHD { display: flex; height: 25px; align-items: center; }   .ogjY5 { padding: 0px 0px 0px 8px; min-width: 60px; }   .mgkuL { flex-grow: 1; padding: 0px 8px; direction: ltr; text-align: left; }   .e2CTf { padding: 0px 8px; color: #003060; font-size: 90%; padding-top: 2px; min-width: 50px; }     .yu7AJ { }   .jS9Pw { padding: 0px 0px 0px 2px; transform: scale(.8) !important; opacity: .8; }   .cr0fg { color: #007020; display: flex; padding-left: 7px; }   .hhRFy { color: #900000; display: flex; padding-left: 7px }   .rpWwX { font-size: 90%; }       .w9CUf { padding: 5px; width: 250px; }   .zQNYg { padding: 1px; font-size: 90%; opacity: .9; }   .ymosB { padding: 2px 10px 0px 0px; display: flex; }   .rrrp1 { padding: 0px 45px 4px 0px; display: flex; font-size: 90%; }     .ayslk { 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; }