.wFYaSj { box-shadow: none; background: #ffffff10 !important; }  .zCztkj { box-shadow: none; background: #ffffff80 !important; }  .uYqfUj { background: url('https://vita-min.ir/asset/pic/bg/pat_eid.jpg') !important; }                .sCY7V{ padding: 8px 15px; color: #003060; background: #ffffff50; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .sCY7V:hover { color: #0030a0; background: #ffffff; border: 1px solid #0030a0a0 }      .nN0Dt { padding: 5px 10px; color: #fff; background: #00a0f0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .nN0Dt:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }    .dpFso { padding: 5px 10px; color: #204080; background: #ffffff80; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .dpFso:hover { color: #0040a0; background: #fff; border: 1px solid #0030a0; padding: 5px 15px; }      .xmzB7 { padding: 5px 10px; color: #004080; background: #ffffffa0; transition: .2s; cursor: pointer;   border-radius: 4px; font-size: 110%; border: 1px solid #0030a040; margin: 10px 8px;  }  .xmzB7:hover { color: #fff; background: #00b0ff; border: 1px solid #0030a0; padding: 5px 15px; }                    .m1ugv { 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; }    .zt9Ov { min-width: 28px; padding: 0px 1px 1px 2px; display: flex; justify-content: center; align-items: center;}    .yxuuo { position: relative; background: #d0b000 !important; color: #ffffe0 !important; border: 1px solid #f0a000 !important; text-shadow: 1px 1px 5px #a05000 !important; }  .yxuuo:hover { background: #d0b000 !important; color: #ffffff !important; border: 1px solid #a0a000 !important; }      .ze8qf { position: relative; background: #fffff0; color: #503000 ; border: 1px solid #f0a00010; text-shadow: 1px 1px 15px #a05000a0 }  .ze8qf:hover { }  .n9PV4 { 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);  }  .n9PV4:hover { opacity: 1; transform: scale(1) }        .jlIOW { background: #ffffff20; color: #506070 ; border: 1px solid #50607050; }  .jlIOW:hover { background: #ffffff ; color: #5080a0; border: 1px solid #5060a0a0; }    .eVrne{ padding: 2px 5px; font-size: 85%; }      .l1lVH { padding: 4px 6px; }  .ig4oy { margin: 4px 6px; }  .tPLZf { margin: 1px 6px; }                                        .hfIif { text-align: center; padding: 10px; font-size: 95%; color: #0060a0;}  .dS0hN { text-align: center; padding: 10px; font-size: 95%; color: #20b080;}  .oyAU7 { text-align: center; padding: 10px !important; color: #506080;}    .rS1aH { padding: 5px !important; direction: rtl !important; transform: scale(1) translate(-70px,0px) !important;}   .gQXtS { 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; }   .fuBDJ { height: 30px; margin: 3px 1px; background: #a0d0ff10; }   .r8wNR { cursor: auto !important; margin-top: 10px; background: #ffffff00 !important; color: #006020 !important; }   .cWN46 { opacity: 0.65;; background: #f0a0d020 !important; cursor: auto; }   .gQXtS:hover { background: #a0d0ff60; color: #0050a0; }   .peYzU { display: flex; height: 100%; padding: 0px 12px 0px 0px; align-items: center; white-space: nowrap; }   .eUDHq { width: 50%; display: flex; height: 100%; padding: 0px 0px 0px 12px; align-items: center; direction: ltr; font-family: cursive; }   .yFTOm { flex-grow: 1; display: flex; height: 100%; padding: 0px 15px 0px 12px; font-size: 90%; align-items: center; justify-content: end; }      .jxFBG { 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;}               .yNSxw { cursor: pointer; color: #006030; height: 100%; ;}     .bmvrZ { white-space: normal !important; width: 355px; display: none !important; transition: 0s !important; }   .lRFUf { display: block !important; }   .gUSDe { font-size: 95%; color: #720; }   .jW8Fn { padding: 10px 10px 5px 8px; }   .wnxoF { 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; }     .gGCLP { padding: 2px 15px; display: flex; justify-content: center; align-items: center; }   .oGSgJ { padding: 6px 15px; background: #0050b0; color: #f0f0f0; border-radius: 4px; cursor: pointer; transition: .2s; margin: 0px 5px 0px 15px; }   .oGSgJ:hover { background: #00a0ff; color: #ffffff; }         @keyframes kQwJ7 { 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);} }   .eOJqW { line-height: 1.65; padding: 10px 12px; max-width: 600px; margin: auto; }   .uGqbo { padding: 5px 2px; }   .vPuaL { display: flex; padding: 0px 5px; height: 30px; ; margin-bottom: 8px;; }   .eV92s { height: 100%; display: flex; align-items: center; flex-grow: 1; font-size: 110%; font-weight: bold; }   .poPQa { height: 100%; display: flex; align-items: center; padding: 0px 5px; }   .cqC22 { 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;; }   .blQ2W { margin: 0px 5px; padding: 4px 10px; }   .cqC22:hover { background: #ffffff; color: #003070; border: 1px solid #0040a0; transform: scale(1.05); }       .jxJlW { font-size: 85%; opacity: .85; padding: 0px 5px; ;}   .t6gbm { font-size: 85%; opacity: .85; padding: 0px 2px; ;}   .fdItq { font-size: 85%; opacity: .85; padding: 0px 0px 2px 0px; ;}       .ysTGF { padding: 5px; overflow: auto;}     .jG1i4 { padding: 5px; overflow: auto;}   .aeXGS { padding: 10px; }     .xFXdn { display: flex; min-width: 760px;}   .oiI1E { padding: 5px 0px; ; }   .xJ2Aq { 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;; }   .eOS7N { border: solid 1px #20406020; background: #2080b0; color: #fff; min-height: 40px; display: flex; justify-content: center; align-items: center; }     .bfpui { width: 120px; }   .pi4kR { width: 170px; font-size: 85%; display: block; padding: 7px 9px; }   .cYVSc { padding: 2px 0px; display: flex; }   .uZS6W { min-width: 80px; display: block; }   .emyXb { width: 130px; font-size: 85%; display: block; padding: 7px 9px; }   .ohRpn { width: 75px; }   .nF4Nd { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100; background: #d0e0f080; backdrop-filter: blur(1px); }             .mJkch { cursor: pointer; color: #2050a0;; }     .vZGoD { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 30px 40px; background: #00005010;backdrop-filter: blur(8px);; z-index: 100; direction: rtl;}   .c1ifZ { 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; }       .prPrd { top: 0px; left: 0px; display: flex; flex-direction: column; min-width: 200px; overflow: auto; overflow-y: scroll;}   .xNEwX { top: 0px; left: 0px; background: #f0f5ff50; width: 170px; overflow: auto; }   .e74nQ { display: none !important; }       .dlP42 { height: 42px; background: #faffff80; border-bottom: 1px solid #2050a050; display: flex; box-shadow: 0px 1px 10px #20406040; z-index: 10;}   .epY8i { display: flex; justify-content: center; align-items: center; }   .iqHAJ { width: 40px; height: 40px; margin-bottom: 1px; background: #a0203020; color: #a10; border-radius: 7px; font-size: 25px; transition: .25s; cursor: pointer;; }   .kQlvQ { padding: 0px 5px; flex-grow: 1; display: flex; justify-content: start; }   .dxecm { padding: 0px 10px;border-left: 1px solid #4060a050; }   .mnbNc { display: block; padding: 4px 10px;margin: 0px 6px; border-radius: 4px; font-size: 90%;; color: #ffffff !important; background: #0090f0; border: 1px solid #0050d0; }   .mnbNc:hover { background: #0000ff; border: 1px solid #0000a0; }   .fl2zv { padding: 10px; background: #00a0f020;color: #0050b0; cursor: pointer; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .knlDB { padding: 10px; background: #ffb00020;color: #604000; border-radius: 7px; height: 40px; margin-bottom: 1px; }   .qnuZV { padding: 10px; position: absolute; top: 50px; right: 10px; left: 10px; background: #fffffff0; box-shadow: 2px 5px 20px #20406040; display: none; }   .knlDB:hover > .qnuZV { display: block;}     .e620i { position: relative; display: flex; flex-grow: 1; overflow: hidden; }     .zCMIH { height: 40px; min-width: 900px; display: flex; background: #f0f5fa50; padding: 0px 7px 0px 25px;}   .aLsMR { height: 100%; padding: 8px; display: flex; align-items: center; background: linear-gradient(to right, #ffffff20, #0080a010); border-left: 1px solid #4060a030; }   .swvLl { width: 250px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .io0x8 { width: 200px; overflow: hidden; white-space: nowrap; padding-right: 8px; }   .mDi6V { width: 100px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }   .zz8S4 { width: 60px; overflow: hidden; white-space: nowrap; justify-content: center; padding-right: 8px; }     .rMAfk { width: 90px; overflow: hidden; justify-content: center; ; }   .ebDoD { width: 90px; overflow: hidden; justify-content: center; border-left: 4px solid #4060a025 !important; ; }   .pwNnA { flex-grow: 1; min-width: 900px; }       .dSDnM { min-width: 900px; background: #ffffff80; box-shadow: 1px 2px 8px 1px #00408030; margin: 6px 6px ; border: solid 1px #30507030; border-radius: 7px; overflow: hidden;; }   .aikbF { display: none !important; }   .ur05p { 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; }   .uF11L { font-size: 85%; opacity: .85; padding: 1px 6px 0px 0px; }   .iWa6q { display: flex; border-bottom: solid 1px #20406020; font-size: 94%; }   .g9AxH { border-top: 4px solid #4060a025 !important; font-size: 85%;; opacity: .85; }   .qP1Eu { background: #f5f5ff; }   .wbw90 { height: 35px; padding: 8px; display: flex; align-items: center; border-left: 1px solid #4060a030; white-space: nowrap;}     .pa4c5 { min-width: 900px; background: #ffffffa0; display: flex; padding: 0px 7px 0px 25px; border-bottom: solid 1px #20406030;; }       .pVYYX { direction: ltr; color: #072; text-shadow: 0px 1px 12px #00ffa085; background: #00d08007; outline: 1px solid #00f00025; outline-offset: -1px }   .yNGZ1 { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff808085 ; background: #d0000006; outline: 1px solid #f0000025; outline-offset: -1px; }     .wrAqa { margin: 6px; border: 1px solid #20406050 ; border-radius: 8px; overflow: hidden; background: #ffffff80}   .tttBJ { padding: 5px 10px; color: #5000a0; background: #ffffff60; box-shadow: 0px 1px 10px #00206050; }   .yAFzk { padding: 1px 3px; color: #708080; cursor: pointer; display: flex; transition: .2s }   .qQ3Qu { padding: 4px; flex-grow: 1;; }   .jZEuC { padding: 4px; }   .asPjG { color: #038; text-shadow: 0px 1px 12px #40a0f0; }     .kOGfR{ display: flex;}   .fgNkB{ 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;  }    .eOt9F { background: #f5faff; }  .yTLjR { background: #f0f5fb; }      .cdm3G { color: #102040; }  .cE614 { color: #405060; }        .hq93X { box-shadow:2px 5px 10px #00205030, 1px 2px 3px #00305020; outline: 1px solid #5070a040; }  .hq93X > div:hover { box-shadow: inset 0px 0px 8px #b0d0f0 !important; }  .hq93X > div:nth-of-type(even) { background: #d5eaf560; background: linear-gradient(to top, #d0e0f080, #ffffff00); }  .hq93X > div:nth-of-type(odd) { background: #ffffff20; background: linear-gradient(to top, #fffffff0, #ffffff00); }  .hq93X > 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;}  .eu8Pn { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .eu8Pn:hover { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .lakEi { background: #00b0b0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }  .lakEi:hover { background: #00a0a0 !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }        .hq93X {   margin:0px !important; direction: rtl; text-align: right; transition: .2s;   align-content: center; white-space:nowrap ; height:34px;   display: flex; line-height: .9;  }  .eYwaY { position: relative; z-index: 1000; box-shadow: none; }  .mRVYL { 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;  }  .e5vbz  {   right: auto; left: 0px;;  }  .gSNWx { cursor: pointer !important; }  .jRLLb { font-size: 85%; line-height: 1 !important; }  .kxO4H { font-size: 75%; line-height: .95 !important; }    .hq93X > div:hover > .mRVYL { display: block; }      .mRVYL { background: #ffffff; box-shadow: 2px 2px 10px #a0b0c0; }      .nJUQ3:nth-of-type(even) { background: #f2f7fc85; }  .nJUQ3:nth-of-type(odd) { background: #ffffff85; }    .nJUQ3{ height: 100%; border-left: 1px solid #20406030;}        .xjjbT { border-top: dashed 1px #a0a000; font-size: 90%; color: #700080; }      .hoXD5 { 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; }  .hoXD5:hover { background: #f0a000 !important; color: #fff !important; text-shadow: 1px 2px 8px #b08000; outline: 2px solid #805000; outline-offset: -2px ; }                                        .jYa9i  {     --q3VAV : #d0e0f020;   --iyIbA : #f6fbffd8;   --nWvTJ : #f5f9fdd0;   --nBW0M : 0px 0px 15px #20406025;     --rTcjr : #ffffff10;   --kTrqy : 1px solid #a0b0c010;   --iTdyy : #ffffff;   --e0RwA : 1px solid #2050a030;       --fat3D: #f0000005;   --kwJ4Q: #a02010;   --amuUm: #d0002020;   --sBofm: #c03000;     --hzdoz: #f0a00005;   --ojQJh: #805000;   --vN0ve: #f0a00020;   --gzzl7: #a08000;     --lLIqV: #00e00005;   --wA4w9: #009040;   --rt40M: #00b04020;   --fqGfm: #00b050;     --rZ90y: #0080f005;   --i402e: #0040a0;   --jjcxt: #00a0ff20;   --jwwbw: #0050b0;       --zsSPz: #a0c0d010;       --lFlY6: #20406010;   --iqAxs: #20406020;   --cQb6l: #20406030;   --cUoFz: #20406040;   --zGYHT: #20406050;       --nYDsM: #00408020;   --js3OD: #00406020;   --yFVyO: #00406030;   --vN6sH: #00406050;       --isyLH: #20406010;   --yLmGq: #20406020;   --cZQGn: #20406030;   --rRajS: #20406040;   --n3hhh: #20406050;       --etCtd: #ffffff10;   --exLYS: #ffffff20;   --k5z1z: #ffffff30;   --kGz9d: #ffffff40;   --xdx5r: #ffffff50;   --k8lh6: #ffffff80;   --w9CkY: #ffffffa0;     --x5Mze: #f5faff10;   --jL98N: #f5faff20;   --iIVSh: #f5faff;         --nMlqE : #ffffff;   --ivWVn : #00a0ff !important;   --kujhp : inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important;         --zShyA: #0080d0;     --atIdz: #003060;    }              .e0fSy{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 7px; }  .pUQWT{ background: #00a0a0; cursor: pointer; }  .bbvrN{ color: #ffffff; font-weight: bold; text-shadow: 1px 1px 7px #005050; }      .nLR4R {   background: linear-gradient(135deg, #ffcc33, #ff6699);   color: white;   padding: 20px; border-radius: 10px;   max-width: 600px;   margin: 20px auto;  }  .qG19B { color: #fff; font-weight: bold; margin: 20px 5px; text-shadow: 1px 1px 12px #b000a080; font-size: 22px; }  .wE7YF {   font-size: 20px;   font-weight: bold;   margin: 15px 0;   color: #ff3366;  }  .hx2aB {   background: #ffffffb0;   color: #123;   padding: 15px;   border-radius: 8px;   margin-top: 15px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);  }  .zm3VW {   font-size: 16px;   color: #555;   margin: 10px 0;   line-height: 1.6;  }  .ujWjx {   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; }  .tFZRt { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }  .mCmqL { display: flex ; flex-wrap: wrap ; justify-content: center ; align-content: center; width: 100%; height: 100%; }    .dyfey { position: relative; width: 100%; height: 100%; overflow: hidden;; }      .Notification{display: none !important}  .load_spin { display: none !important; }  #ModalWindowOuter2 { display: none !important;}        .cTrS2 { padding: 0px; transition: .3s; cursor: pointer; border: 1px solid #50607020; display: flex; position: relative; }  .qmPfj { max-width: 150px; white-space: nowrap; overflow: hidden; }  .vhz5i { 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; }  .cTrS2:hover { background: #00a0ff30; color: #002070; border: 1px solid #0060a060; }  .cTrS2:hover > .vhz5i { display: block; }  .qOdn2 { width: 30px; min-height: 20px; display: flex; justify-content: center; align-items: center; opacity: .7; transform: scale(0.9) translate(1px,-2px); }  .e121A { padding: 2px 6px; font-size: 90%; flex-grow: 1; }  .eZUWR { direction: ltr; text-align: right; }          .xIAV4 { margin-bottom: 10px; }  .or3Cy { padding: 15px ; }  .sTZVC { padding: 15px 20px; }    .rfrLX { 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;;  }  .rfrLX:hover { background: #ffffff; z-index: 5; box-shadow: 1px 2px 20px #20407030; }  .qsB4g { 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; }  .jgmTS { overflow: hidden; white-space: nowrap; direction: ltr; position: relative; border-left: 1px solid #20406030; display: flex; justify-content: center; align-items: center; }  .qDT8h { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 0px; }  .nQsQw { padding: 8px 0px; }  .y4qLh { opacity: .9; font-size: 85%; padding: 5px 0px; }  .fIlHh { width: 100%; flex: 1; display: flex; align-items: center; direction: ltr; padding: 0px 6px;; position: relative; }  .kr72Y { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; padding: 0px 6px;; position: relative; }  .pPZu2 { padding-left: 10px; font-size: 90%; }  .kNPfB { font-size: 85%; }  .oTlcy { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .hjnDZ { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0f020; }  .g1RP3 { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a0ff50; }  .dFsrV { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #00a02025; }  .k3UrS { position: absolute;top: 0px; left: 0px; bottom: 0px; background: #b0002020; }  .qzlnB { z-index: 100; }  .p4lyJ { direction: rtl; font-size: 105%; color: #204070; }    .gh2vC { background: #00b03005; text-shadow: 1px 2px 10px #00a03060 ; }  .jdUDr { background: #e0100005; text-shadow: 1px 2px 10px #d0100060 ; }    .up0SI { padding: 0px; }        @media (max-width: 700px)  {  .frsct { display: none; }  }      .aX7Tq { 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 gAxCA 1; transition: .25s; transform: translate(0px,0px); outline: 1px solid #f0a0f0;  }  .oqvDZ { transform: translate(0px,-1px) scale(.9) !important; }  .qa7Vu { transform: translate(-2px,-2px) scale(.8) !important; }    .jETNs { 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; }  .jETNs:hover { height: 40px; padding: 0px 6px; opacity: 1; border: 1px solid #008050a0; background: #ffffff; color: #00a050; box-shadow: 0px 0px 8px #0040a050;}    .uADub { position: absolute; left: 0px; height: 0px; top: 40px; }  .duqn7 { 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 c6gdL 1; animation-fill-mode: forwards;   background: #fff; transform: translate(-400px,0px); min-width: 320px; max-width: 350px; }   .ef3RN { border-right: 4px solid #c00020; color: #800010; }   .u70hg { border-right: 4px solid #00a060; color: #006010; }  .fFoaL { animation: 5s c6gdL 1; animation-fill-mode: forwards; }  .cHLqm { animation: 6s fNxPj 1; animation-fill-mode: forwards; }  .vSdHD { animation: 7s fNxPj 1; animation-fill-mode: forwards; }  .ljo4T { animation-delay: 0.5s; }  .dSja6 { animation-delay: 1s; }      .w0ZMI { display: flex; height: 100%; }  .sHvMF { width: 200px; padding: 0px !important; border: 1px solid #ffa000 !important; overflow: hidden !important; }   .lGGCH { position: relative; transition: .2s; padding: 8px 2px 2px 2px !important; cursor: pointer; background: linear-gradient(to bottom,#ffa0e0e0, #fff0e0e0); }   .lGGCH:hover { background: linear-gradient(to bottom,#f080e0, #ffead0); }   .deXeb { padding: 3px 2px !important; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); }  .jwYB4 { height: 100%; }  .vzIPE { height: 100%; border-radius: 10%; }  .aQNbt { height: 100%; aspect-ratio: 1/1; min-width: 30px; transition: .2s; color: #506070; }  .p7OPI { height: 100%; padding: 0px 5px; min-width: 35px; overflow: hidden; display: flex ; flex-wrap: nowrap ; align-items: center; justify-content: center; }    .p0zwS { font-size: 85%; }  .lFRDz { opacity: .5 ; }  .gN8XG { opacity: .85 ; color: #00a030; }  .eSbHy { opacity: .85 ; color: #d0c000; }  .nFE2j { opacity: .85 ; color: #d01000; }    .vTrc5 { position: absolute; top: 5px; left: 5px; color: #d02000; animation: 1.5s vTrc5 1; opacity: 0; }  .e1Owq { position: absolute; z-index: 1000; top: 5px; left: 8px; color: #008040; animation: 1.2s e1Owq 1; opacity: 0; }      .myExitIcon1 { transition: .2s; color: #a06070; height: 100%; width: 40px; }  .myExitIcon1:hover { color: #b00020; background: #f0405020 }  .ruf9Z { height: 100%; }  .u8JIM { height: 100%; transition: .2s; min-width: 35px; }  .yGBgs { transform: scale(1.1) translate(0px, 2px) !important; opacity: .7; }  .u8JIM:hover { background: #f0e0ff; }  .myExitExtraItem1 { padding: 5px 10px; background: #ffffff20 ; transition: .2s; cursor: pointer; white-space: nowrap;}  .myExitExtraItem1:hover { background: #f0405030 ; color: #600000; }                  .k3Sui{ z-index: 14000; position: absolute; top:0px !important; left:0px !important; right: 0px ; bottom: 0px; overflow: hidden;}  .tiIhU{ z-index: 14000; position: absolute; top:30px !important; left:0 !important; right: 2px ; bottom: 26px; }  .bbcik{ z-index: 14000; position: absolute; top:32px !important; left:0px !important; right: 0px ; bottom: 0px;}  .yyMlL{ bottom: 0px; top: 0px !important; }  .yiE7T{ overflow: auto; }    .v3Zbd{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}  .qmQlM{ width: 100%; height: 100%; position: relative;}  .cEVee{   z-index: 2;   background: #f5fcffd0;   box-shadow: 0px 12px 15px -12px #20406020;  }  .exGta{ z-index: 2; }  .xxnv3{ flex-grow: 1; overflow: hidden; z-index: 1; position: relative; }    .jFxFO { 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;}  .idwdd { position: relative; z-index: 2;height: 30px; font-size: 85%; margin: 3px 0px; max-width: 90%;display: flex; direction: rtl; text-align: right;}    .lfksx { 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;}    .lfksx:hover{ background: #ffffff50; border: 1px solid #a0b0c050; z-index: 10;}    .wiO28 { min-width: 20px; animation: .4s wiO28 1 ; max-width: 180px;}  .lfksx:hover > .wiO28 { max-width: fit-content}  .uMLFP { min-width: 20px; animation: .4s wiO28 1 ; max-width: 225px;}  .izwsV { font-weight: bold;}  .frsct { font-size:75%; animation: .4s wiO28 1 ; }  .wvJE7 { font-size:85%; animation: .4s wiO28 1 ; }    .gbifV { display: flex; height: 100%; padding: 1px; }     .eB69V{   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;   }   .eB69V::after { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -2; background: #ffffffa0; }   .eB69V::before { position: absolute; top: -20px; right: -10px; bottom: -20px; left: -10px; content: ""; z-index: -1; opacity: 0.6; transition: .2s; }   .eB69V:hover{ opacity: 1; }   .eB69V:hover::before{ animation: xcOpt 3s linear 1; opacity: 1; }     .lNEIf{ outline: 1px solid #c000a050; color: #600040; }   .lNEIf::before{ background: #00a0ff30; background:linear-gradient( -45deg,#ffa0f0,#ffffff,#ff80e0 ); }   .lNEIf:hover{ background: #00a0ff30; outline: 1px solid #d000a0a0; }     .oq5dd { position: relative; }     .cXJMf { outline: 1px solid #0050a050; color: #001070; }   .cXJMf::before { background: linear-gradient( -45deg,#80c0ff,#ffffff,#b0d0ff ); }   .cXJMf:hover { outline: 1px solid #0050f0a0; }     .fwf7H { outline: 1px solid #00a05050; color: #006000; }   .fwf7H::before { background: linear-gradient( -45deg,#50f0e0,#ffffff,#a0f0e0 ); }   .fwf7H:hover { outline: 1px solid #00d050a0; }   .i4LVd { opacity: 0.6;}     .kViWZ { outline: 1px solid #90600060; color: #605000; }   .kViWZ::before { background: linear-gradient( -45deg,#e0a000,#ffffff,#f0d080 ); }   .kViWZ:hover { outline: 1px solid #a05000a0; }     .pqnxX { 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 ; }   .udwBA { display: block; transform: translate(0px,0px); }   .nOIcq { padding: 5px ; display: flex; justify-content: center; }   .rFwc9 { padding: 10px 10px; }   .svZOk { 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; }   .svZOk:hover { z-index: 22; }   .zb5ps{ opacity: 0.7; }   .a3qdU { display: flex; z-index: 10; height: 32px; position: relative;; border: 1px solid #20406020; background: #e0f0ff10; }     .xslvh { border-right: 3px solid #b000b0 !important; }   .wHEQG { border-right: 3px solid #00a0ff !important; }   .iB3ws { border-right: 3px solid #00c050 !important; }   .rRZXe { border-right: 3px solid #ff2030 !important; }     .hHraI { opacity: 1 !important; color: #d00000 !important; }   .hHraI > .gg-heart { background: #ff7080; }   .hHraI > .gg-heart::after { background: #ff4050; }   .hHraI > .gg-heart::before { background: #ff4050; }     .vsf1a { 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 ); }   .vsf1a:hover { background: linear-gradient(to right, #e0f0ff00, #ffffff50, #00a0ff30 ); padding-right: 16px; }   .fGS6h { 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; }   .cW7mE { height: 100%; }   .w6wVL { 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; }   .kVkUT { display: flex; height: 100%; transition: .5s; opacity: .65; width: 25px; justify-content: center; align-items: center; }   .oMUDj { display: flex; height: 100%; padding: 0px 2px 0px 4px; justify-content: center; align-items: center; }   .w6wVL:hover { background: #00a0ff20; opacity: 1; }   .w6wVL:hover > .kVkUT{ color: #0020f0; transform: scale(1.2) rotate(360deg); }   .w6wVL:hover > .oMUDj{ color: #0020b0; }     .k3Xyd { display: flex; transition: .2s; padding: 0px 7px; height: 25px; font-size: 90%; cursor: pointer; overflow: hidden; opacity: .75; background: #ffffff30; }   .k3Xyd:hover { opacity: 1; background: #ffffff50; }   .b8Vdq { white-space: nowrap; padding: 0px 5px; display: flex; align-items: center; height: 100%; background: linear-gradient(to right,#ffffff50, #a0d0ff10); }   .gMyAh { padding: 2px 0 0 3px; font-size: 85%; }     .rlZen { display: none; padding: 7px; flex-wrap: wrap; }     .w9uri { border: 1px solid #0040a050; margin: 12px 5px; background: #fff; box-shadow: 2px 5px 15px -5px #20406020; }   .w9uri > .k3Xyd { display: none; }   .w9uri > .rlZen { display: flex; }        .b5t1u{ background: #ffa00000; cursor: pointer; outline: 1px solid #f0002010; margin: 0 5px; padding: 0px 6px; outline-offset: -1px; }  .hktsu{ background: #ff005000 !important; opacity: 1; cursor: auto; outline: 1px solid #f0002020 !important ; }  .b5t1u:hover{ background: #ff000015; opacity: 1; }          .qkWNY { display: flex; height: 100%; padding: 1px 0px; align-items: center; }   .sCVw7 { padding: 6px; color: #204060 !important; background: #ffffffe0; width: 275px; }   .ngoUS { 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; }   .rQvEl { border: 1px solid #f050c0a0; background: #fff5fa; color: #800000; }   .nYmiP { border: 1px solid #20a0c0a0; background: #f0faff; color: #006030; margin-right: 5px; }   .tUuql { color: #004080; }   .ngoUS:hover { border: 1px solid #0000f0; }   .rQvEl:hover { border: 1px solid #f050c0; }   .nYmiP:hover { border: 1px solid #20a0c0; }   .olAwm { border: 1px solid #0000f0 !important; background: #fff !important; }     .yXgQ7 { display: flex; height: 100%; padding: 1px 0px; align-items: center; transition: .3s; width: 0px; }   .lZNkW { padding: 1px 5px; width: 100px; }   .yeate { height: 100%; min-width: 35px; padding: 0px 4px; display: flex; justify-content: center; align-items: center; }   .iD2me { width: 50px !important; }      .ikGWi { display: flex; flex-wrap: nowrap !important; align-items: center; padding: 0px 6px; }  .ioqQR { display: flex; flex-wrap: nowrap !important; white-space:nowrap }  .bb7uJ { display: flex; flex-wrap: nowrap !important; height: 100%; }  .yUdsb { font-size: 90%; }  .p1p6W { font-size: 80%; }    .dJRH9 { display: flex; padding: 0px 5px; }  .wvbw0 { display: flex; align-content: center !important; justify-content: center; padding: 0px 5px; line-height:1.1; flex-wrap: wrap; }  .iou5V { position: relative; cursor: pointer; }  .x46QC { position: absolute; opacity: 0; animation: rirl4 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; }  .wvbw0:hover > .x46QC { display: flex; }    .zk9eb { padding: 0px 6px 1px 8px; font-size: 90%; white-space: nowrap; border-radius: 0px 5px 5px 0px; }  .enWxg { color: #065; padding: 2px 5px 0px 5px }  .lDE1s { color: #05a; background: linear-gradient(to left, #00aff020,#00aff010) !important; border: 1px solid #0050af40; border-left: none; border-right: none; border-top: none; }  .lDE1st { margin-right: 4px !important; border: 1px solid #0050af40; border-left: none; border-top-style: dashed; }  .lDE1sb { background: #00aff010; }  .oSH7z { color: #082; background: linear-gradient(to left, #00b05020,#00b05010) !important; border: 1px solid #00803040; border-left: none; border-right: none; border-top: none;}  .oSH7zt { margin-right: 4px !important; border: 1px solid #00803040; border-left: none; }  .oSH7zb { background: #00b05010; }  .wTwtY { color: #c01; background: linear-gradient(to left, #ff500020,#ff500010) !important; border: 1px solid #c0001040; border-left: none; border-right: none; border-top: none;}  .wTwtYt { margin-right: 4px !important; border: 1px solid #c0001040; border-left: none; }  .wTwtYb { background: #ff500010; }  .vMlgl { color: #554; background: linear-gradient(to left, #a0a08020,#a0a08010) !important; border: 1px solid #60605040; border-left: none; border-right: none; border-top: none; }  .vMlglt { margin-right: 4px !important; border: 1px solid #60605040; border-left: none; }  .vMlglb { background: #a0a08010; opacity: .85; font-size: 85%; }        .s0MeY{ margin-right: 8px !important }    .ciugt{ left: 355px !important; }      .iB2Bl { padding: 14px; }  .lzlhw { display: flex; font-size: 105%; padding: 2px 5px; }  .vehTN { display: flex; margin: 10px 7px; justify-content: center; padding: 4px 10px; }   .hQVMu { max-width: 50% !important; height: 28px !important; }    .dvyA6 { display: flex; flex-wrap: wrap; min-width: 202px; }  .nLjXW { width: 30px; display: flex; justify-content: center; align-items: center; }    .mcSBi { padding: 4px; cursor: pointer; display: flex; position: relative; }   .rPMW2 { min-width: 55px; padding-top: 2px; font-size: 85%; }   .nvGNc { min-width: 90px; font-size: 105%; }   .yiys1 { min-width: 50px; text-align: left; direction: ltr ;}        .vH9gX{ z-index: 1 !important; font-size: 14px; }  .vH9gX > div { position: relative; display: flex; flex-wrap: wrap; flex-direction:column; padding-top: 5px;; }  .h2jjD{ z-index: -1 !important; position: absolute !important; top: 0px; right: 0px; bottom: 0px; display: flex; background: #ffffff35;}  .xzMIm{ right: 3px !important }    .vH9gX  {   background: #f0faff60;   direction: rtl !important; text-align: right !important;   width: 100%; height: 100%; overflow: auto;  }  .njMLm { left: 355px !important; }                        .l1aTL { height: 100%; display: flex; align-items: center; width: 100%; }  .jWjpx { height: 100%; display: flex; padding: 0px; }   .qZpLP { height: 100%; flex-grow: 1; position: relative; }   .o8gur { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; }   .edQvA { height: 100%; width: 100%; position: relative; display: flex; }   .lYf6T { transform: translate(0px,30px); transition: .8s; background: #f6fafe; z-index: 2; }   .rEFgl { transform: translate(0px,0px); }   .pmlmE { 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; }   .pmlmE:hover { border-right: 1px solid #2040a060; background: linear-gradient(to right, #ffffff, #a0e0ff); }   .iFXb8 { display: flex; cursor: pointer; position: relative; padding: 0px 4px; height: 100%; align-items: center; }   .eJJn5 { display: flex; justify-content: center; cursor: pointer; position: absolute; left: 0px; top: 0px; height: 100%; align-items: center; }    .skkat { height: 100%; display: flex; padding: 0px 5px; background: #f6fafe; }  .zCztk{ 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 bC01J 1;  }    .toEww { display: flex; line-height: 1 ; height: 100%; align-items: center; padding-right: 9px;position: relative; }  .c739l { padding: 4px 6px !important; white-space: nowrap; }   .fzHmi { align-items: center; white-space: nowrap; display: flex; }    .kM9bw {display: flex; height: 100%; max-height: 40px; justify-content: center; align-items: center;}    .dI0U1 { left: 355px !important; }  .hyxrF { display: flex; height: 100%; position: relative; font-size: 110%;; }   .y0rRS { padding: 0px 7px !important; }   .jpfoH { position: absolute; bottom: 0px; height: 5px; }  .yQIIJ { 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;  }  .dOX2r { background: linear-gradient(to top, #5060ff, #00a0ff); padding: 0px 0px 0px 8px; font-size: 115%; }  .srnIU { position: relative; height: 100%; }   .bj6D7 { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; }  .o3CH9 { height: 100%; min-width: 80px; width: auto; padding: 0px 5px; justify-content: flex-start; direction: ltr; }  .e5z7G { height: 100%; width: auto; direction: ltr; }  .sazaY { color: #007090; }  .sCI4M { 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;}  .ct6QD { position: absolute; padding: 3px; left: 1px; bottom: -5px; border-radius: 50%; background: #ffffff50; z-index: 100; ; }  .yQIIJ:hover { z-index: 2;}  .hVs2t { font-size:75%; opacity: .9; padding-left: 5px; }   .ypEcZ { color: #fff; }   .qvXLH { padding: 0px 5px; margin-left: 6px; background: #ffffff50; height: 100%; display: flex; justify-content: center; align-items: center; }  .xXgQA { width: 42px; min-width: 40px; }  .gjvvg { opacity: 0.7; transform: scale(.9); }  .iVMU7 { transform: scale(.95) translate(8px,0px); }  .xXgQA:hover >div > .gjvvg { opacity: 1; }  .gjvvg:hover { opacity: 1; }    .zX4uL { padding: 7px 10px !important; font-size: 110%; color: #002050; background: #ffffffa0 !important; display: flex; justify-content: center; align-items: center; }  .yWMbe { padding: 0px 9px 5px 9px !important; font-size: 94%; opacity: .95; white-space: normal !important; }  .oL01d { display: flex; border-bottom: 1px dashed #20406030; padding: 0px !important; background: linear-gradient( to right, #ffe0f050,#ffffff80 ,#d0fafa80 ) !important;}  .lMInc { justify-content: center; align-items: center;}  .mwZ41 { display: flex; width: 105px; padding: 5px 10px; border-left: 1px dashed #20406030; }  .rQDuF { display: flex; padding: 5px 10px; white-space: normal; width: 150px; }    .p2z6C{ color:#607090; opacity: .3; }  .zHNM1{ color: #f00000; }  .re58G{ color: #f0a000; }  .wmqbx{ color: #008020; }      .usWth{ white-space: nowrap; display: flex; justify-content: center; align-items: center; }  .bpXI3 { cursor: pointer; transition: .2s; opacity: .8; padding: 0px 10px 0px 0px; transform: scale(.9) translate(0px, -2px); }  .bpXI3:hover{ opacity: 1; transform: rotate(-45deg) translate(0px, -3px); }      .yQIIJ:hover > .thDDm{ display: block; bottom: 100%; ; }      .uchU6 { padding: 0px 6px; font-size: 95%; display: flex; justify-content: center; align-items: center; }  .nwVYv { width: 10px; height: 10px; border-radius: 50%; background: #e00000; margin: 2px 2px 4px 3px; opacity: .6; }  .oVp1R { width: 10px; height: 10px; border-radius: 50%; background: #e0b000; margin: 2px 2px 4px 3px; opacity: .6; }  .c0OcF { width: 10px; height: 10px; border-radius: 50%; background: #c000c0; margin: 2px 2px 4px 3px; opacity: .6; }  .aiIfq { width: 10px; height: 10px; border-radius: 50%; background: #008020; margin: 2px 2px 4px 3px; opacity: .6; }  .xr3wB { width: 10px; height: 10px; border-radius: 50%; background: #f0f020; margin: 2px 2px 4px 3px; opacity: .6; }  .hL0ly { width: 10px; height: 10px; border-radius: 50%; background: #c05050; margin: 2px 2px 4px 3px; opacity: .6; }  .g7cv3 { width: 10px; height: 10px; border-radius: 50%; background: #708090; margin: 2px 2px 4px 3px; opacity: .6; }  .ueT0B { color: #e00000; padding: 3px 2px 2px 2px; font-size: 80%; }  .xLBYR { color: #204060; padding: 3px 2px 2px 2px; font-size: 80%; }  .b2FdB { padding-right: 4px; }              .h231G { position: relative; overflow: hidden; }  .lztP4 { position: absolute; opacity: 0; transition: .2s; max-height: 500px;overflow: auto; padding: 1px; }    .lztP4 { background: #fffffff0; box-shadow: 2px 3px 8px #80a0b0a0; border: 1px solid #ffffff60; }  .abUEx { padding: 7px; }  .ggXLk { white-space: nowrap; }    .egEMq { background: #201040f0;border: 1px solid #f0f0f050; box-shadow: 5px 10px 30px #004040}  .lztP4 > div { padding: 5px 10px; transition: .2s; }  .cRuNS { padding: 0px; }  .u56kC { padding: 5px 10px; transition: .2s; white-space: nowrap; }  .duDIH { opacity: .6; background: #50607010;}  .tnDMv { opacity: .8; background: linear-gradient(to right, #ffffff00, #ffffff00, #50a0ff20); padding-right: 6px !important; border-right: 3px solid #00a0ff; border-radius: 4px; }  .wAJuS { cursor: pointer; transition: .2s; }  .wAJuS:hover { background: #e5f2ff; background: linear-gradient(to top, #00a0f020, #a0c0f010, #00a0f010) !important; outline: 1px solid #80b0ff; outline-offset: -1px ; }  .vfHQ0 { opacity: .7; }    .oisC0 { display: flex;}    .xjjbT { margin-top: 5px; width: 300px; padding: 5px; white-space: normal; }    .lMyyR { top: 99%; right: 0px; transform: scale(.9) translate(20px, 8px); }  .iX60X { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .gOIkW { top: 99%; left: 0px; transform: scale(.9) translate(-20px, 8px); }  .ytOcx { top: 125%; }  .fCG2h { bottom: 99%; right: 0px; transform: scale(.9) translate(20px, -8px); }  .qbxH3 { bottom: 99%; left: 0px; transform: scale(.9) translate(-20px, -8px); }  .cZe9j { bottom: 125%; }  .mubrX { top: 125%; }    .h231G:hover { overflow: unset; }  .ugjBX { overflow: unset; }  .h231G:hover > .lztP4 { opacity: 1 !important; transform: scale(1) translate(0,0); }  .h231G:hover > .gOIkW { opacity: 1 !important; transform: scale(1) translate(-100px,0); }  .omzug { opacity: 1; transform: scale(1) translate(0,0); }    .egEMq { white-space: nowrap; font-size: 80%; }      .otiC0 { width: 100%; padding: 5px 0px 1px 0px; flex-direction:column; position: relative; display: flex; }  .lXxWI { width: auto !important; padding: 5px 0px 1px 0px; flex-direction: row !important; position: relative; display: flex; }  .lAQMP { }  .tSxs1 { flex-direction: column-reverse !important; }  .zxx0Y { 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 }    .aMTeg { border-right: 4px solid #0010f060 }  .oUJxq { border-right: 4px solid #00e01060; }  .w2jQj { border-right: 4px solid #f0002060; }    .dsq3m { border: 1px solid #20406050; border-radius: 4px; overflow: hidden; margin: 4px;; }    .fnA6d { align-content: center !important;display: flex !important;   background: #f8fafcd0;   outline: 1px solid #00204025;  }  .b8iCu {   box-shadow: 0px 0px 5px #20406020; margin: 2px 0px;   outline: 1px solid #00205050;  }    .fnA6d:hover { background: #2080ff20 !important; }  .tzMR5 { background: #ffe0e8; display: flex; overflow: hidden; }  .eV46D { display: flex; align-items: center; padding: 0px 6px; height: 100%; }  .m5ZF6 { background: #fff0ff50; width: 50px; font-size: 90%; color: #d00000; justify-content: center; }  .ySQaY { background: #ffffff50; width: 100px; }  .clegh { background: #ffffff50; font-size: 85%; }    .wLqhN { outline-offset: -1px; ; }    .zRFDj {   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;  }      .z2GkU { animation: .2s z2GkU 1 ;padding: 10px 8px; }  .q0UAM { display: flex; flex-wrap: wrap; padding: 7px 1%; }  .c2qYs { display: flex; flex-wrap: wrap; padding: 15px 12px 10px 10px; }  .j9M4v{ margin: 5px; border: 1px solid #50607030; box-shadow: 3px 3px 5px #5070a020; background: #fff; }  .n8DX1{ border: 1px solid #a0000020; box-shadow: 3px 3px 5px #a000a020; background: #f0f0f5; }  .oaEtj{ padding: 10px 7px 5px 7px; font-size: 95%; color: #405070; }  .eugvP{ padding: 0px 5px 5px 5px; font-size: 65%; color: #708090; }  .sqgvk{ display: flex; flex-wrap: wrap; position: relative; }  .pqbxM{ 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; }  .pqbxM:hover { border: 1px solid #50607050; opacity: 1; color: #004080; }  .cOSTT{ 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; }  .pqbxM:hover > .cOSTT{display: block;}  .zHJii { border: 1px solid #5060a0; box-shadow: 3px 3px 5px #0070a050; }  .prWeW{ 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; }   .aBxaQ { display: flex; height: 30px; cursor: pointer; border: 1px dashed #20406030; transition: .2s; white-space: nowrap; }   .ruzis { color: #800010; }   .aBxaQ:hover { border: 1px solid #2040a0a0; color: #5000a0; }   .u4H7n { display: flex; height: 100%; opacity: 0.8; width: 30px; justify-content: center; align-items: center;; ; }   .xYEga { display: flex; height: 100%; padding: 0px 5px 0px 8px; align-items: center; white-space: nowrap;; ; }   .suwtw { height: 25px; font-size: 90%; border-radius: 4px; margin: 0px 1px; }   .suwtw > .xYEga { padding: 0px 5px; }   .suwtw > .u4H7n { width: 25px; opacity: .5; transform: scale(.9); }  .uWblX{display: block;}  .opTaN{ animation: .3s opTaN 1 }  .yqf7k { animation: .3s yqf7k 1 }  .zphYP{ color: #406080; transition: .2s; padding: 10px 15px; cursor: pointer; }  .zphYP:hover{ color: #0000a0; outline: 1px solid #40a0f0; }    .nPf5Y{ padding:10px 15px; font-size: 95%; color: #405060; width: 100%; line-height: 1.7; }    .wzuaR{ padding:10px; color: #405060; width: 100%; max-width: 700px; }  .jROV4{ padding:2px; width: 100%; }  .eX7O5{ padding-left: 8px; }  .j9uuz{ color: #a00000; cursor: pointer; transition: .2s; font-size: 100%; font-weight: bold; padding: 0px 4px;; opacity: .9;; }  .gAQWr{ color: #058; cursor: pointer; transition: .2s; font-size: 92%; opacity: .9; padding-right: 10px; font-weight: bold; }  .gAQWr:hover{ color: #05a; opacity: 1; }  .j9uuz:hover{ color: #b00050; opacity: 1; }    .rC5Uz { 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; }  .voOTy { display: none !important; }  .aNdkX { padding: 6px; min-width: 80px; }  .yi5hy { flex-grow: 1; }  .tAVfC { display: flex; flex-wrap: wrap; padding: 7px 5px 6px 5px; font-size: 90%; }  .qCMx9 { display: none !important; }  .uxcWa { white-space: nowrap; opacity: .9; min-width: 100px; }  .uYgfh { color: #304060; flex-grow: 1; padding: 0px 10px; margin: 0px 8px 0px 0px; border-right: 1px dashed #506070a0; min-width: 100px; }  .nElLe { color: #402020 !important; opacity: .5 !important; }  .nSUel { position: relative;; }  .iCLzT { 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; }  .iCLzT:hover { opacity: 1; }  .t5fJh { width: 100%; padding: 7px 10px 4px 5px; line-height: 1.6; font-size: 95%; border-radius: 4px; border-right: 4px solid #ffa000c0; }  .aVWRQ { padding: 7px 9px 10px 15px; font-size: 85%; }  .dHAqt { display: none; }    .ceHHP { border: 1px dashed #00408080; outline: none !important; padding: 4px 7px; border-radius: 5px; box-shadow: 2px 2px 5px #40506020; }  .cnUwv { width: 100%; max-width: 800px; height: 300px; ; }  .xrhry { text-align: left; direction: ltr; }  .wvZOI { width: 50px; }    .gxsER { padding-right: 7px; }        .bs5rL { display: flex; }  .l8eQn { display: flex; justify-content: center; align-items: center; padding: 5px;; }  .qNr4n { display: flex; justify-content: center; align-items: center; padding: 5px;; }    .xPTFa { width: 100%; max-width: 500px;;;}  .z1nj0 { padding: 5px; margin: 5px; }  .mjVNv { padding: 5px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }  .mjVNv:hover { padding: 5px; margin: 5px; border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }  .cqSXh { display: flex; padding: 2px; width: 100%; max-width: 200px; height: 34px; align-items: center; ; }  .cZdJX { display: flex; min-width: 100px; padding: 0px 5px;; }  .rGj4C { width: 50px; height: 100%; direction: ltr; }  .vI6jC { outline: 3px solid #00a0ff; outline-offset: -1px; border-radius: 4px; overflow: hidden; }  .yV5ho { width: 100%; height: 100%; background: #ffffffa0; outline: 1px solid #20406030 ; display: flex; justify-content:center; align-items: center; }      .tkcQ4 { width: 100%; display: flex; flex-wrap: wrap; }      .wlC8A { display: flex; padding: 7px; }   .kRRSz {padding: 7px 10px; margin: 5px; border: 1px solid #20405040; background: #ffffffa0; box-shadow: 2px 3px 10px #20406030; cursor: pointer; transition: .2s; }   .kRRSz:hover { border: 1px solid #2040a0a0; background: #ffffff; box-shadow: 3px 4px 15px #2040a050; }   .lCnSX { border: 1px solid #2040a0a0 !important; outline: 2px solid #2040f0a0; background: #ffffff !important; box-shadow: 3px 4px 15px #2040a050; cursor: auto; }      .z2elU { display: flex; flex-direction: column; border: 1px solid #20406020; width: 100%; max-width: 450px; height: 600px; background: #ffffff50; }   .bHeFG { 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; }   .e8BsM { flex-grow: 1; padding: 5px; overflow: auto; }   .nY9SE { display: none; }   .h0ui7 { display: block; animation: eu7t1 0.25s 1; }   .eulnA { display: flex; padding: 3px 10px; border: 1px solid #20406020; cursor: pointer; transition: .2s; }   .eulnA:hover { padding: 2px 15px; border: 1px solid #2040a040; }   .ww1Qy { padding: 2px 5px; flex-grow: 1; }   .w6O8j { padding: 2px 5px; direction: ltr; text-align: left; flex-grow: 1; }        .wIsth { display: flex; justify-content: center; align-items: center; padding: 0px 4px; position: relative; }  .ykjyf { 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; }  .d14qa { opacity: 1; z-index: 2; }  .lxRpt { height: 20px; border: 1px dashed #50607050; width: 20px; border-radius: 5px; background: #f0f0f0; cursor: pointer; position: relative; }  .lxRpt:hover { border: 1px solid #5060a0e0; }  .lxRpt:after , .lxRpt:before { content: ""; position: absolute; display: none;}  .zrzO5 { background: #e0f0ff; }  .iUfVZ { background: #fff0e0; }  .xMUgr { background: #2196F3; }  .vFRgI { background: #ff5050; }  .xMUgr:after , .vFRgI:after , .vFRgI::before { display: block; }  .xMUgr: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);  }  .vFRgI: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);  }  .vFRgI::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);  }      .y9Bop{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .pindivleft1 { z-index: 19300; }  .opdivleft1 { z-index: 19200; }  .fljAV { z-index: 19200; }  .sLiC9 { z-index: 19100; }    .zCztk{ z-index: 1900000; }    .bSFn4 { z-index: 18000 }            #ModalWindowOuter1{display: none !important;}  #infop{ display: none !important; }        .p1AUV { padding:10px; display:flex; flex-wrap: wrap; }  .jxX0T { min-height: 200px; }  .rL2qX { margin: 5px; display:flex; flex-wrap: wrap; position: relative; overflow: hidden; }  .zmUJT { padding: 5px 5px 5px 20px; font-size: 95%; color: #404060; }  .ypxEg { display: none; }  .pUc7d { min-width: 145px; }  .wQYAM { padding:6px; border: 1px dashed #c0c0c0; margin-left: 2px; cursor: pointer; transition: .2s; font-size: 90%; opacity: .7; border-radius: 8px; transition: .2s;}  .wQYAM:hover { border: 1px dashed #50a0c0; opacity: 0.8; }  .wQYAMA { border: 1px solid #50a0f0 !important; color: #5080c0 !important; background: #ffffff; opacity: 1 !important;}  .emPop { border: 1px solid #50a0f000 !important; color: #a0a0a0 !important; background: #ffffff; opacity: .8 !important;cursor: auto !important; }    .rE3lL { border: dashed 1px #1050a030 !important; padding: 5px; margin: 0px 2px; outline: none !important; max-width: 40px; color: #5070a0; }  .rE3lL:focus { border: dashed 1px #1050a050 !important; border-bottom: solid 1px #0050a070; color: #002050; }  .k6ghQ { 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; }  .k6ghQ:hover { border: solid 1px #1050a0a0 ; color: #0050a0; }  .x0Zhj { display: block !important; opacity: 1; transform: translate(0,0) scale(1) ; }    .odsnj { display: flex; justify-content: center; align-items: center;}  .yocSV { padding: 5px 8px 5px 0px;;}  .s6h0d { max-width: 80px !important;}    .wmIns {   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;  }   .pQsAn { position: absolute; z-index: 102; }   .pQsAn:hover { position: absolute; z-index: 102; background: #80a0e0; }   .yZ7YF { top: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .leVRC { bottom: -4px; right: -2px; left: -2px; height: 5px; cursor: row-resize; }   .ySGNB { top: -2px; right: -4px; bottom: -2px; width: 5px; cursor: col-resize; }   .yLpgz { top: -2px; bottom: -2px; left: -4px; width: 5px; cursor: col-resize; }  .uws4H { min-height: 85%; }    .ohkDP {   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;  }  .ohkDP > .pQsAn { display: none !important; }  .ohkDP > .lIqDE > .y0mm3 { display: none !important; }    .wawP0 { 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;  }    .glx5e { display: flex; }  .rV12Y { animation: .35s hJyrk 1 ; }  .sis7V { animation: .3s ktJRl 1 forwards ; z-index: 50315477 !important; }  .wvIvT { animation: .35s o1YUp 1 ; }  .z2YDt { animation: .3s t2aII 1 ; }  .qeZ43 { display: none !important; }      .xFD7g { opacity: 1; }    .riZhx  {   direction: rtl !important; text-align: right !important; top: 80px; bottom: 0px;;   display: flex; flex-wrap: wrap; position: absolute; overflow: auto; right: 0px; left: 0px;  }    .tsGO9 { height: 40px; z-index: 10; position: absolute; }  .xftVI { height: 40px; min-height: 40px; z-index: 5;   position: absolute; top: 40px; right: 0px; left: 0px;  }  .viMzz { flex-grow: 1; z-index: 1; overflow: auto; padding: 6px 0px; }                    .sLiC9 { 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;  }  .sLiC9A { transform: translate(0,0); opacity: 1; }  .sLiC9A { left: 0px;}    .oP0cS {   position: absolute; width: 100%; top: 0px;height: 25px; right: 0px; z-index: 100;; display: flex;   background: #f0f5ff; padding: 0px 0px;  }  .jcwsh { flex-grow: 1; display: flex; justify-content: flex-end; padding: 0px 3px;; }  .fDRaU { 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; }  .fDRaU:hover { border-radius: 4px; border: 1px solid #0040a050; color: #0050b0; background: #ffffff }  .uf71n { 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; }  .kU288 { background: #50a0ff; color: #fff; opacity: 1; }    .y5jJ4 { 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; }  .pMNA0 { background: #50a0ff; color: #fff; opacity: 1; }      .xon1z { position: absolute; top: 25px;bottom: 0px;overflow: auto; display: none; width: 100%; }  .izPw1 { display:flex;flex-direction: column; animation: lFS35 .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%}    .qAoP2 { display: flex; flex-wrap: wrap; max-width: 720px; }  .ywJXD { flex: 1; flex-grow: 1; max-width: 350px; }    .qiTxb { 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; }  .jENhr { margin: 25px 10px 10px 10px; min-width: 300px; flex-grow: 1; max-width: 350px; }  .oH2mI { position: absolute; top: -12px; right: 8px; border: 1px solid #5000a080; padding: 4px 8px; border-radius: 6px; background: #f0faff;}  .wg5Bb { overflow: hidden;}  .eYOYF { margin: 25px 8px 10px 8px; }  .mTvsv { font-size: 90%; }        .kfZYd { 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 }    .rDcCb { height: 35px; width: 35px; transition: .2s; cursor: pointer; display: flex; justify-content: center; align-items: center; }  .zlSzU { opacity: .9; transition: .2s; color: #304050; }  .zlSzU:hover { opacity: 1; }  .zlSzUActive01 { 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); }    .fwYXq { position: absolute; left: 0px; top: 0px; background: #ffffffa0; border-radius: 5px; outline: 2px solid #00a0f0a0; outline-offset: -2px;; }  .wEF5m { position: absolute; left: -40px; }  .fwYXq:hover { background: #0090f0; color: #fff; }  .ooApM { position: static !important; }    .uIpAy { left: -50px; }    .whdJn{ position: absolute; left: 0px; top: 0px; transform: translate(-41px,0); background: #ffa0ff10; }  .bQx57{ transform: translate(40px,0); ; }  .whdJn:hover{ background: #ffa0ff20; }  .jb95X{ background: #0080c020 ; color: #000050; transform: translate(0,0) !important; }    .oSrEq { width:96%; margin:10px 2% 2% 2%; height:50px; border: 1px solid #20406040; background: #ffffff40; }    .rnkg5 {flex: 1; ;  }  .lDQaN {   box-shadow: inset 0px 0px 20px 5px #ffffff50, 0px 0px 3px #00105020,0px 0px 15px #00105030;   background: #c0d0ff10;}  .p7Z9Y { display: flex; }  .dpJfp {   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;  }  .rvXMa { position: relative; height: 100%; }  .vLgi7 {   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;  }  .mLqyu {   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;  }  .xbiq0 { position: absolute; top: 60px; left: 0px; right: 0px; bottom: 0px; overflow: auto; overflow-x: hidden;}    .pYXWg { display: block; }  .bzwlb { display: flex; padding: 6px 7px; height: 35px; align-items: center; }  .lWkr6 { display: flex; padding: 0px 5px;; }  .pykPt { display: flex; padding: 6px 8px; height: 100%; font-size: 85%; background: #00a0ff05; margin: 0px 8px; transition: .2s; border-radius: 4px; cursor: pointer; }  .pykPt:hover { background: #0080f0; color: #fff; }  .aCYgV { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; }  .qPzT3 { display: flex; height: 100%; justify-content: center; align-items: center; }      .rp0UD { 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;  }    .n8UGF { display: none; padding: 10px 2%; line-height: 1.7 ; white-space: normal !important; }  .b9SpT { display: block; }  .dhxdh { padding: 5px 2px;; }    .g5n2L { height:100%; white-space: nowrap; display: flex;flex-wrap: wrap;align-items: center ; transition: .2s; justify-content: center; }  .rm2fM { min-width: 50px; animation: wIpuB 0.2s 1; height:100%; white-space: nowrap; display: flex;flex-wrap: wrap; align-items: center ; transition: .2s; cursor: pointer;}  .iP7XC { cursor: pointer; border-radius: 4px; padding: 0px 5px; white-space: nowrap; display: flex; align-content: center ; height: 100%; }  .xAsPV { display: block;}  .iP7XC:hover { background: #0090ff; color: #fff; }  .oIrIx { display: flex; width: 45px; height: 100%; }  .gwEgB { display: flex; font-size: 90%; justify-content: center; align-items: center; width: 45px; }  .l0lnS { display: flex; width: 25px; height: 100%; justify-content: center; align-items: center; font-size: 95%; }  .ksLde { width: 20px; padding: 3px 2px; font-size: 70%; opacity: .8; }  .t2qRo { display: flex; align-items: center; height: 100%; padding-right: 4px;}  .vV3ut { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; }  .bQf2X { transform: scale(.85); opacity: .9;}  .uLNYt { opacity: .7;}  .krnjh { cursor: pointer; background: #f5faff80; width: 30px; margin-left: 1px; height: 100%; border: 1px solid #0050a050; border-radius: 3px; }  .krnjh:hover { background: #00a0f030; border: 1px solid #0050a050}  .ypL85 { cursor: not-allowed !important; background: #a0b0c010 !important; opacity: .5; border: 1px solid #50404020}  .sfLfJ { font-size: 90%; display: flex; flex-grow: 1; height: 100%; justify-content: flex-end; align-items: center; }   .sW7Ur { height: 100%; padding: 0px 4px; display: flex; align-items: center; cursor: pointer; }   .kenOF { padding: 0px 6px; color: #007020; white-space: nowrap; animation: wIpuB 0.2s 1; background: #00ffd020; height: 100%; display: flex; align-items: center;}   .hkpNG { padding: 0px 6px; color: #700010; white-space: nowrap; animation: cEn9w 0.2s 1; background: #ff50a020; height: 100%; display: flex; align-items: center;;}    .piGpA { height:100%; opacity: .9; display: flex;flex-wrap: wrap;align-content: center ; transition: .2s; justify-content: center; padding: 0px 10px;}      .rfx2c { display: flex; flex-wrap: wrap; width: 290px; }  .vIDOo { display: flex; flex-wrap: wrap; padding: 5px; }  .qc06e { min-width: 80px; padding: 4px; display: flex; white-space: nowrap; }  .mDGhB { font-size: 80%; opacity: .9; padding: 0px 0px 0px 4px; width: 42px; ; }  .tfWJC { font-size: 65%; opacity: .6; padding: 0px 2px 0px 0px;; }  .abMP1 { width: 100%; padding: 5px; margin: 4px 2px 2px 2px; background: linear-gradient(45deg,#e0f0ff00, #e0f0ff ); }    .v70uB { padding: 9px; white-space: nowrap; }        .fljAV { 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;  }  .eZcUe { 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; }              .bBSFv { padding: 5px 4px;; }  .jMgJY { padding: 15px 10px 5px 5px; }  .mB14b { 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; }  .pdjqW { margin: 10px 0px; height: 32px; }  .mB14b:hover { border: 1px solid #0040a060; background: #fff; box-shadow: 0px 5px 11px -4px #20407020; }  .pgMiz { margin: 5px 12px;; font-size: 90%; height: 28px; }  .w6YtI { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; opacity: .6; }  .xaVxC { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; }  .bS7Ri { display: flex; white-space: nowrap; height: 100%; align-items: center; padding: 0px 9px; direction: ltr; flex-grow: 1; }  .zoO6m { display: flex; height: 100%; align-items: center; width: 30px; min-width: 30px; padding: 1px; border-radius: 4px; overflow: hidden;; }  .gVIoA { height: 100%; border-radius: 20%; }  .pgMiz > .zoO6m { width: 26px; }  .pgMiz > .w6YtI { transform: scale(.9); }                                  .t05aV { 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; }  .iNEF2 { transform: translate(0,0); opacity: 1; display: block !important; animation: ivnVM .3s 1; }  .ryuAr { animation: j4BIm .3s 1; }  .vewn4 { 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 ; }    .bpMlV { 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; }  .rA15j { right:0%; opacity: 1; }  .tjrwY { height: 40px; min-height: 40px; width: 100%; display: flex; border-bottom: 1px solid #a0f0f0 }  .wfVot {flex-grow: 1; width: 100%; overflow: hidden; }   .knxAi { overflow: auto; width: 100%; padding: 10px; height: 100%; }   .qeMTQ { padding: 14px 6px;; }   .lcIkC { padding: 3px 5px;; }   .qbzd4 {display: flex; padding: 6px 5px; }   .wTYbT { width: 10%; height: 40px; opacity: .6; justify-content: center; display: flex; align-items: center; }   .qRtXM { width: 90%; }     .rUBMl { padding: 7px 5px; }   .knn5o { font-weight: bold; }   .dPWJH { padding: 2px 7px 5px 2px; }   .dVvdp { 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; }  .gmRYn { height: 40px; width: 40px !important; }    .nGwHp { 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}  .nGwHp:hover { border: 1px solid #a0d0ff; color: #0020a0; }      .myFilterBoxHeader2 { display: flex; flex-wrap: wrap; padding-top: 4px;}  .kxZx2 { padding: 5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }  .l2Qk5 { display: none; padding: 0px 5px 5px 5px; transform: scale(.9); width: 100%; justify-content: center; align-items: center; }  .paXY8 { display: flex; animation: zUBx1 0.3s 1; }        .pueTC { 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; }  .pueTC:hover { background: #e0f0ff; color: #0000a0; transform: translate(0,1px); }  .lahtd { 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%; }  .sXrnR { 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}  .xr0pb { height: calc(100% - 84px); }  .tDzSz { height: calc(100% - 44px); }  .oppBA { height: calc(100% - 40px); padding-bottom: 10px; overflow: auto !important; }    .ghafv { width:100%; transform: translate(100px,50px); position: absolute; top:0px; right:0px; overflow: auto; z-index: 1; height:100%; transition:.3s; display: none; }  .basHj { padding: 20px 30px; font-size: 90%; opacity: .85; line-height: 1.7; }  .fxNrk { padding: 15px 30px 5px 10px; }  .fdShow { display: block; transform: translate(0px,0px); animation: eu7t1 0.25s 1 }    .vvMt2 { width:100%; transition:.3s; display: none; }  .qGkiT { width:100%; transition:.3s; display: block; animation: hsvg3 0.25s 1; }      .gpUl2 { padding: 10px 30px 5px 10px; }   .a5LmO { padding: 0px 10px; }  .yvQup { padding: 10px 12px 5px 12px; }  .tLDdp { padding: 10px 12px 5px 12px; line-height: 1.8; }      .phIw2 { 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; }    .gbCTR { padding: 5px; }  .rdvQZ { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .rdvQZ:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .t3EF3 { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .t3EF3:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .whLgR { padding: 5px 10px; display: none; }  .s0AO4 { margin: 7px; background: #e4f0ff00; }  .pkJW1 { margin: 5px; }  .joQcl { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .eQkc4 { 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;}  .sy9Vq { 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; }  .kWrAu { font-family: 'Calibri' ; background: #ffffffa0; outline: none !important; border: 1px dashed #00a0a0a0; padding: 2px 4px 2px 4px; border-radius: 5px; width: 65px}  .kWrAu:focus { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .kWrAu:active { border: 1px solid #0090b0 !important; box-shadow: 1px 1px 5px #5070a060 !important; border-radius: 2px !important}  .zARGh { width: auto; padding: 3px 7px;}  .prel { position: relative; background:#ffffffa0 }  .oSImT{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .lAz1g{ 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; }                  .fbnGD{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-right: 10px;}  .dOdsr{ padding: 5px 8px; opacity: .6; color: #505040; cursor: pointer; transition: .2s; margin: 0px 4px; white-space:nowrap; display: flex; }  .dOdsr:hover{ opacity: 1; }  .svOet{ opacity: 1; color: #004080 !important ; }  .bBaXX{ padding-right: 5px; }      .bM7Ih { 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; }  .piV9B { margin: 30px; font-size: 120%; padding: 20px; background: #fff; border: 1px solid #00306025 !important ; box-shadow: 3px 6px 10px #40506015 !important; }  .bM7Ih:hover { border: 1px solid #00307030; box-shadow: 3px 6px 10px #40506020; }  .pi76o { border: 1px solid #00206050 !important; background: #ffffffa0; }  .awyS0 { display: flex; cursor: pointer; width: 100%; padding: 8px 10px; box-shadow: 0px 0px 15px #40608080; background: #ffffff50; }  .e2yJw { display: flex; cursor: pointer; width: 100%; min-width: 120px; font-size: 110%; padding: 0px 5px; }  .eC2fc { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .x13uF{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .xgoON { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #20406005; }  .qzrMG { padding: 8px 25px; font-size: 89%; opacity: .9; }  .xDwes { 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; }  .pi76o > .xgoON{ display: block !important; }      .h8COk { background: linear-gradient(to bottom, #ffffffb0,#ffffff80); border-bottom: solid 1px #20406010; margin: 0px 4px; }  .taooE { height: 32px; display: flex; flex-wrap: wrap; padding: 0px 4px; transition: .2s; position: relative; align-items: center; }  .pZSbf { 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; }    .taooE:hover { background: linear-gradient(to bottom, #00a0ff20, #ffffff20,#ffffff20,#ffffff20, #00a0ff20); }  .fQt4n { 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; }  .fQt4n:hover { opacity: .8; }  .tgVxk { opacity: 1; color: #0050a0; border: 1px solid #0050a050; box-shadow: 0px 0px 8px #40506030; background: #fff; transform: scale(1.05); }  .qBA83 { opacity: 1; color: #c00020; border: 1px solid #c0000050; }  .nUtd7 { transform: scale(1.7) !important; }  .tgVxk > .nUtd7 { transform: scale(1.9) !important; }  .ye4gi { 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; }  .ye4gi:hover { opacity: 1; color: #004080; }  .lhrf2 { opacity: 1; color: #0050a0; border: 1px solid #0050a0a0 !important; box-shadow: 0px 0px 5px #40506020; background: #fff !important; }  .taooE:hover > .ye4gi { border: 1px solid #4050a050; margin: 0px 5px 0 1px; opacity: 1; background: #ffffff50; box-shadow: 0px 0px 5px 1px #2040a020; }  .gyB5G { margin: 0px 5px 0px 5px; font-size: 85%; opacity: .85; height: 30px; display: flex; align-items: center; border-top: none; }  .kilFJ{ border: 1px solid #20406040; border-bottom: 1px solid #20406050; margin: 4px 5px 5px 5px; box-shadow: 0px 2px 7px -2px #20406040; }  .itBWL { display: flex; align-items: center; direction: ltr; padding: 2px 10px; font-size: 90%; opacity: .9; }   .vTjHf { direction: ltr; text-align: left; padding: 2px 10px; }      .vmqMd { 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; }  .vmqMd:hover { opacity: .7; }  .mBl9Q { opacity: 1; color: #2050b0; }   .mBl9Q > .gg-bookmark::after { box-shadow: 0px 0px 1px 10px; }  .oAkTp { opacity: 1; color: #c00020 !important }   .oAkTp > .gg-heart { background: #ff7080; }   .oAkTp > .gg-heart::after { background: #ff4050; }   .oAkTp > .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;}    .xQ1vt{ padding: 5px 5px 5px 10px; }    .iMtLm { border: 1px dashed #40506050; margin: 0px; min-width: 70%; overflow: hidden; background: #ffffff50; transition: .2s; }  .iMtLmmo { background: linear-gradient(to right, #50f060b0,#e0ffe0b0,#00ffa050); }  .iMtLmma { background: linear-gradient(to right, #ff8050b0,#ffe0e0b0,#ff00a050); }  .iMtLmo { background: linear-gradient(to right, #a080ffb0,#e0e0ffb0,#00a0ff50); }  .iMtLm:hover { border: 1px solid #00306030; box-shadow: 3px 6px 10px #40506020; }  .pNIkQ { border: 1px solid #00206050 !important; margin: 7px 0px; }  .qnxi6 { display: flex; cursor: pointer; width: 100%; padding: 6px 10px; box-shadow: 0px 0px 15px #40608080; }  .xmqev { display: flex; width: 200px; white-space: nowrap; overflow: hidden; padding: 0px 7px; }  .dJTZG { display: flex; width: 100px; padding: 0px 7px; }  .vEu2u { font-size: 85%; opacity: .8; padding: 0px 5px; }  .xT5m1 { width: 50px; padding: 0px 6px; direction: ltr; }  .zyLya { font-size: 75%; opacity: .8; padding: 2px 6px 0px 0px; }    .aULT1{ padding: 0px 5px; opacity: .5; color: #001020; margin: 0px 5px; white-space:nowrap; display: flex; transform: scale(0.9); align-items: center; }    .qV6VN { border-top: 1px solid #40506030; padding-top: 8px; display: none; background: #ffffffc0; }  .pNIkQ > .qV6VN{ 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;}  .s5zmY {  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}  .kWTmD { display: flex; width: 100%; align-items: center; padding: 1px 5px;}   .sATuF { padding: 6px 10px 1px 10px ; display: flex; text-align: left; direction: ltr; }   .k3EnF { flex-grow: 1; font-size: 120% ; }  .rxcbJ { font-size:140%; padding:9px 12px 0px 0px; color: #600070;}  .fcWsm { animation: aGbex 0.3s 1; }  .egwwq { font-size:70%; padding:1px 10px 6px 0px; color: #5080a0;}  .vk2BT { animation: x4emI 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;}    .cphWC { color: #00a040; }  .s4ijv { color: #ff0040; }            .e4DD2 { margin: 1px 0px 0px 0px; padding: 3px 8px; position: relative; }  .wowRz { position: absolute; top: 0px; left: 0px; bottom: 0px; animation: n4qZh 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;}  .e4DD2: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; }  }      .bSFn4 { 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;}  .bSFn4o { opacity:0; z-index: -1; }  .bSFn4h { color: #300080; font-weight: bold;}  .bSFn4hi { color: #506080; font-size: 80%; }    .ol9Y5 { 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}  .hSqNH { position: absolute;}  .ol9Y5:hover { background: #e0f0ffd0 ; box-shadow: 0px 0px 20px #405080a0; border: 1px solid #50a0f0}  .ol9Y5h { background: #a0e0ff50 ; padding: 5px; transition: .4s ; color:#200080 }  .ol9Y5:hover > .ol9Y5h { background: #a0d0ffa0 ; color:#4000b0 }  .ol9Y5c { font-size:85%; padding: 5px 7px; }  .ol9Y5ct { color: #806070 }  .ol9Y5i { 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; }    .cOH29c { width: 100%; position: relative; }  .cOH29cs { padding: 15px; color: #00a050}  .cOH29l { 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};    .cOH29 { flex-grow:1; overflow:auto; background:#e0f0ff ; }  .cOH29T { padding: 10px; font-size: 90%; color: #008050 }    .cOH29u { padding: 8px 17px 2px 17px; color: #003080; }  .cOH29f { padding: 3px 15px 8px 15px; }  .cOH29i { width: 100%; border: 1px solid #50e0a0; padding: 7px; border-radius: 7px; color: #206040; font-size: 90%; font-family: inherit;}  .cOH29it { min-height: 150px; max-width: 100% !important; min-width: 100%; }  .cOH29o {padding:0px 17px; font-size: 85%;}    .cOH29rm { padding: 0px 15px 8px 15px; font-size: 90%; }  .cOH29rmt { padding: 0px; font-size: 13px; color: #8080a0; padding: 0px 5px; cursor: pointer;}  .cOH29rmc { color: #104070; display: none; transition: .3s}    .cOH29b { 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}  .cOH29b:hover { color: #5060b0; background: #ffffff; box-shadow: 0px 2px 15px #80a0c0a0; }      .fpGCT { padding:10px; display:flex }  .bWjgm { padding:8px 12px; border: 1px solid #b0b0c0; border-radius: 8px; margin: 5px; cursor: pointer; transition: .2s;}  .bWjgmA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; cursor: auto !important;}  .bWjgmE { margin-right: 15px; border: 1px solid #00d0a0; background: #e0fff0; padding: 8px 18px; border-radius: 0px; font-weight: bold;}  .bWjgmE:hover { border: 1px solid #00a050; background: #c0ffe0; color: #006030; }    .sPlYg { padding:10px; display:flex; flex-wrap: wrap; }  .jNfPN { padding:6px; border: 1px solid #b0b0c0; margin: 5px; cursor: pointer; transition: .2s; font-size: 90%; border-right: 3px solid #00000040 }  .jNfPNA { border: 1px solid #50a0f0 !important; color: #2040a0 !important; background: #ffffff; box-shadow: 0px 0px 8px #a0a0f0a0; border-right: 3px solid #50a0f0 !important}    .y9Bop { 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}  .y9BopA { display: block; opacity: 1;}    .y9BopC { position: absolute; left: 0px; top: 0px; height: 40px; width: 40px; font-size: 22px; background: #f0000020; color: #700020;cursor: pointer;}    .y9BopH { 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}  .jNfPN:hover > .y9BopH { right: 0%;opacity: 1}  .bWjgm:hover > .y9BopH { right: 0%;opacity: 1}                .cymZRD{ padding: 8px 10px; font-size: 15px}  .cymZRT{ font-size: 90%; color: #008040}    .cymZRN { padding: 5px; margin: 8px 0px 0px 0px}  .cymZRNT { font-weight: bold; color: #002070}  .cymZRNC { padding-right: 10px; color: #404050}              .giYgn { width: 100%; height: 40px; margin-top: 8px; position: relative; background: #ffffff; color: #fff; border: 1px solid #80b0f0}  .giYgnB { top: 0px; bottom: 0px; position: absolute; color: #303050; z-index: 100; }  .giYgnR { right: 0px; top: 0px; bottom: 0px; position: absolute; background: #00c050; color: #d0ffd0; justify-content: flex-start; padding-right: 6px; z-index: 10}  .giYgnL { 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; }        .nBvHn { padding: 5px; }  .adETE { padding: 0px 5px 6px 5px; font-size: 85%; opacity: 0.9; color: #d00000; }  .b47Yf, kGlE6 { 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; }  .b8OHf { max-width: 100%; width: 100%; }      .d7VtA { 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; }  }            .g7IY8 { background: var(--iIVSh); display: flex; padding: 0px !important; }  .beInJ { border: 1px solid var(--cQb6l); position: relative; min-width: 175px;   background: var(--k5z1z); box-shadow: 1px 3px 12px var(--yLmGq);   margin: 12px 2px 14px 2px; padding: 28px 4px 5px 4px;  }  .g2peP { min-width: 150px;}  .ulx29 { border: 1px solid var(--cUoFz); padding: 5px 7px; backdrop-filter: blur(10px);   background: var(--xdx5r); box-shadow: 1px 3px 5px var(--cZQGn);   position: absolute; right: 7px; top: -10px;;  }  .rAIQo { color: #840; font-size: 80%; padding-right: 4px; }    .nssxU { padding: 6px 10px; color: #702000; text-align: center; opacity: .9; font-size: 90%; }  .oOxJO { width: 100%; position: relative; white-space: nowrap; overflow: hidden; padding-left: 75px;}  .guvTc { padding-left: 30px;}  .mukA1 { padding-left: 5px; }  .tY6yy { position: absolute; left: 0px; top: 1px; bottom: 1px; display: flex; z-index: 100; }                  .ux4RL { 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);  }  .fTGcq { background: #ffffff50; box-shadow: 0px 5px 5px -3px #20406020; font-size: 110%; font-weight: bold; padding: 10px 15px;; }  .s8WLw { padding: 16px 22px 12px 30px; line-height: 1.6; }  .m6gLq { padding: 10px 11px; display: flex; }  .vlZky { padding: 5px 10px; opacity: .7; transition: .2s; cursor: pointer; border-radius: 5px; border: solid 1px #2040a050; }  .vlZky:hover { opacity: 1; background: #ffffff50; border: solid 1px #2040a0a0; }                      .siIzw { padding: 15px; ; }  .jfpXR { padding: 8px; display: flex ; font-size: 90%; }    .ny2CJ { border: 1px solid #20406000; transition: .2s; }  .kZ1uZ { border: 1px solid #20406000; margin: 2px; padding: 2px 4px; border-radius: 5px;; }    .axRMb { display: flex; padding: 2px 5px; width: 200px; border-radius: 5px; overflow: hidden; cursor: pointer;; }  .bsM9M { padding: 4px 6px; flex: 1; flex-grow: 1; }  .cG5D9 { padding: 4px 6px; font-size: 90%; }    .t6evF { display: none; padding: 5px; border-radius: 7px; background: #ffffff50; }  .qH2C7 { display: flex; flex-wrap: wrap; }  .m13mr { padding: 3px 5px; cursor: pointer; background: #ffffff70; border-radius: 4px; border: 1px solid #20406020; margin: 2px; }  .gzXH6 { padding: 3px 5px; cursor: pointer; background: #ffffff50; border-radius: 4px; border: 1px solid #20406000; margin: 2px; }  .zzEvB { border: 1px solid #0040d060; color: #0040d0; }  .jnniw { border: 1px solid #00903060; color: #009030; }  .dFj18 { border: 1px solid #a0200060; color: #a00000 }        .bW3io { display: flex; padding: 0px; }  .oeFHL { display: flex; padding: 0px; flex-wrap: wrap; }  .doxq8 { font-size: 90%; }  .klBaF { font-size: 90%; display: flex; padding: 1px 4px; }  .d9xnD { font-size: 90%; display: flex; padding: 1px 0px 0 0; }   .y2w6c { text-align: center; padding: 4px; color: #fff; width: 33.33%; flex-grow: 1; }   .h5iR5 { flex-grow: 1; text-align: center; padding: 4px; margin: 0px 2px; border-radius: 4px; cursor: pointer; color: #fff; opacity: .9; transition: .2s; }   .h5iR5:hover { opacity: 1; }   .nZnPn { border: 1px solid #800000; background: #a00010; }   .eJqWs { border: 1px solid #005020; background: #008020; }   .f0sgB { border: 1px solid #001050; background: #002080; }    .nGGBj { display: flex; flex-wrap: wrap; padding: 10px 5px; }  .mhFXj { 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;  }  .taqDi { max-height: 90%; max-width: 500px; cursor: auto; }  .ps96V { min-width: 180px; }  .nXhHn { flex-grow: 1; cursor: pointer; }  .mhFXj:hover { border: solid 1px #2040a0a0; background: #ffffffc0; transform: translate(0px, -3px); box-shadow: 0px 12px 25px -10px #20406080; }  .eA2P7 { display: flex; height: 26px; justify-content: center; align-items: center; background: #ffffff; border-bottom: solid 1px #20406030; box-shadow: 0px 6px 10px -4px #20406030; }  .l4hLN { display: flex; flex-wrap: wrap; height: 70px; border-bottom: solid 1px #20406030; }  .jnTOc { display: flex; justify-content: center; align-items: center; background: #a0c0ff20; height: 100%; width: 25%; border: solid 1px #20406030; }  .gPYss { background: #f0f0ff10; width: 75%; height: 100%; padding: 1px;}  .wff37 { padding: 2px 10px; white-space: nowrap; }  .uLlG4 { text-align: left; direction: ltr; }  .jspkh { font-size: 85%; padding-left: 10px; }    .xSP1C { display: flex; height: 30px; }   .hZG8S { display: flex; height: 100%; width: 50%; cursor: pointer; transition: .2s; font-size: 85%; border: solid 1px #20406030; background: #f5faff; }   .hZG8S:hover { background: #fff; color: #0020a0; border: solid 1px #2040a0a0; }   .zWqfu { background: #50608050 !important; opacity: 0.3; color: #506070 !important; border: solid 1px #20406010 !important; cursor: not-allowed; }   .dPCig { display: flex; height: 100%; width: 30px; justify-content: center; align-items: center; }   .xwOCf { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }   .rQ6Nf { display: flex; height: 100%; flex-grow: 1; padding: 0px 0px; justify-content: center; align-items: center; }      .yJ0ci { display: flex; height: 25px; margin: 5px; justify-content: center; align-items: center; font-size: 90%; }    .wRN9J { width: 94%; position: relative; }  .vsGeU { position: absolute; left:45%; width: 10%; background: #909090; top: 0px; bottom: 0px; }        .hnoNz { min-height: 180px; width: 100%; }  .cg5Js { width: 100%; }  .z0kSd { width: 100%; }  .hHzHU { bottom: 2px; left: 0px; right: 3px; padding: 5px 8px; position: absolute; z-index: 300;; background: #f0faffd0; }    .ajl2j { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50000000; }  .jo21S { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);   background: #f5faff60;  }    .t11HD { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }    .gMGoG { height: 50px; padding: 7px; display: flex; background: #00f08008; justify-content: center; align-items: center; }  .l5hA5 { 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; }  .lHMkC { margin: 0px 20px; opacity: 1; color: #a00030; ; }  .ab7EQ { opacity: 1; background: #0080ff; color: #ffffff; }  .yWQbE { flex: 1; display: flex; background: #0000f020; justify-content: center; align-items: center; flex-wrap: wrap; overflow: auto; }      .vnhuE { padding: 7px; font-size: 110%; }  .nie8G { padding: 6px 15px; cursor: pointer; margin: 6px; border-radius: 4px; border: 1px solid #20406040; background: #fdffff; display: block; display: flex; }  .qwybB { justify-content: flex-end; font-family: cursive !important;}  .xyXml { font-size: 95% ; white-space: nowrap;}  .wsmgv { display: flex; justify-content: center; align-items: center; padding: 0px 15px; opacity: .7; transform: scale(.95); }      .jQoyL { max-width: 400px; min-width: 200px; margin: 15px 15px; border: 1px solid #20406030; border-radius: 4px; box-shadow: 0px 10px 20px -8px #20406050; }  .jwbMs { padding: 5px 9px; font-weight: bold; }  .v7Tfd { display: flex; height: 30px; border-top: 1px solid #20406020; }  .oDnub { display: flex; align-items: center; padding: 0px 8px; }  .dXost { display: flex; align-items: center; padding: 0px 8px; justify-content: flex-end; flex-grow: 1; }  .fw4pP { display: flex; align-items: center; padding: 0px 3px; direction: ltr; flex: 1; flex-grow: 1; }   .h2dmR { display: flex; align-items: center; padding: 0px 3px; min-width: 100px; }   .t6bgQ { display: flex; align-items: center; padding: 0px 3px; direction: ltr; min-width: 40px;; }        .lqaZk { padding: 15px; line-height: 1.5; }  .sejIc { padding: 5px; margin: 10px 4px; box-shadow: 0px 3px 8px -2px #20406050; line-height: 1.5; background: #ffffff50; border: solid 1px #20406030; }   .jmbIM { padding: 4px 6px; margin: 2px 0px; font-size: 110%; color: #007070; font-weight: bold; }   .uZBLk { padding: 3px 10px; margin: 2px 0px; opacity: .9; }   .gFIBe { padding: 5px 15px 5px 5px; margin: 1px 0px; box-shadow: 0px 3px 7px -2px #20406020; }   .dpqkd { padding: 3px 5px; margin: 0px 0px; border: solid 1px #20406020; background: linear-gradient(to top, #ffffff80, #c0e0ff10); }   .nDiHO { padding: 4px 5px; margin: 2px 0px; font-size: 110%; color: #005080; }   .yxSHd { padding: 2px 8px; margin: 1px 0px; opacity: .9; }                .tHsA2 { display: flex; height: 23px; padding: 1px 2px !important; border-bottom: 1px solid #20406020; }  .e9YfP { display: flex; height: 100%; align-items: center; width: 154px; }   .fbThW { width: 100%; }   .xP1og { padding: 2px 7px;; }  .bzwNz { display: flex; height: 100%; border-right: 1px solid #20406020; align-items: center; width: 32px; justify-content: center; opacity: .8; font-size: 90% ; }                .r5b7Z { margin: 5px 8px; border-radius: 4px; overflow: hidden; border: 1px solid #20406035; background: #ffffff60; }   .iYA7S { background: #ffffff50; cursor: pointer; display: flex; height: 35px; padding: 0px 5px; box-shadow: 0px 4px 10px -5px #20406050; border-bottom: 1px solid #20406030; }   .xc554 { display: flex; height: 100%; align-items: center; }   .m3CUy { padding: 0px 8px; }   .qHpj8 { padding: 2px 5px 0 0; font-size: 90%; opacity: .85;; }     .qr264 { }   .v2wYq { display: flex; height: 30px; }   .xwesq { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; border-right: 1px solid #20406020; }   .pTnUl { justify-content: start; padding-right: 8px; ; }   .jaLtA { border-left: 3px solid #20406020 ; }   .e0ezA { justify-content: start; padding-left: 8px; direction: ltr; }     .kn2YR { text-shadow: 0px 1px 12px #00f080a0; color: #071; outline: 1px solid #00f00020; outline-offset: -1px; background: #00d08004; }   .yhE0L { text-shadow: 0px 1px 12px #f0505080; color: #710; outline: 1px solid #00f00020; outline-offset: -1px; background: #d0000004; }     .p2NaF { position: absolute; z-index: -1; background: #0070c020; border-left: 1px solid #0050c050; top: 0px; right: 0px; bottom: 0px; }       .dn65b { margin-top: 3px; border-top: 1px solid #00408020; background: #00c0ff20; font-size: 94%; color: #003070; height: 28px; }        .n05B6 { border-bottom: 1px solid #20406035; background: #ffffff60; display: flex; height: 30px; }  .lb93T { border-top: 2px solid #20406020; background: #ffffff60; display: flex; height: 30px; }  .kCLIO { border-bottom: 2px solid #00407030; background: #f0f8ff50; display: flex; height: 28px; margin-bottom: 0px; font-size: 90%; ; }            .gqSaJ { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406020; }  .wEmEo { border: solid 1px #20406050; background: #ffffffb0; margin: 4px 0px; }  .iiwv6 { border: solid 1px #20406050; background: #ffffffb0; }  .gqSaJ:hover { z-index: 100; }   .y2o5a { padding: 0px 10px; display: flex; align-items: center; cursor: pointer; width: 100%; }   .w0ASs { 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; }   .eO5uo { cursor: auto !important; background: #a0c0e005; opacity: .7; }      .t35Ir { 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; }  .bzVCD { font-size: 90%; opacity: .9;;}   .rHgJb { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-left: solid 1px #20406020; }   .gGBTL { direction: ltr; width: 30px; font-weight: bold; }   .rwsQL { width: 250px; white-space: nowrap; overflow: hidden; }   .hzEe8 { height: 100%; display: flex; align-items: center; padding: 0px 10px; border-right: solid 1px #20406020; }   .jXCdd { font-size: 105%; font-weight: bold; padding: 0px 5px; }  .lGWOC { height: 45px; overflow: auto; margin: 0px 5px 0px 5px; border: solid 1px #20406040; border-top: none; background: #ffffff30; }    .jRele { display: flex; align-items: center; flex-wrap: wrap;}      .vO5mz { margin: 2px 0px; }  .gMAqI { margin: 2px 0px 7px 0px; }   .pVT3d { height: 36px; z-index: 1; display: flex; background: linear-gradient(to top, #ffffff10,#ffffff50); position: relative; border: solid 1px #20406050; }     .mcSSi { 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; }   .prJLO { direction: ltr; text-align: left; }      .lYqF0 { width: 100%; line-height: 1.7; padding: 80px 1%; display: flex; flex-wrap: wrap; justify-content: center; }    .cl1CX { width: 100%; max-width: 1600px; display: flex; flex-wrap: wrap; justify-content: center; }  .wZfY5 { width: 100%; max-width: 2000px; display: flex; flex-wrap: wrap; justify-content: center; }      .aphSB { padding: 30px 0px; }   .mQa2Y { width: 100%; max-width: 400px; }   .gxRrL { width: 100%; max-width: 1000px; }    .usQaw { padding: 10px 0px; }        .hg5QR { width: 100%; line-height: 1.7; padding: 50px 1%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; }  .wkZlp { width: 100%; max-width: 1100px; overflow: auto; }      .hYRjj { width: 100%; min-width: 600px; background: #ffffff50; padding: 16px;; }   .juL8J { display: flex; align-items: center ; padding: 1px 0px; }   .fuTIP { padding: 4px 8px;; }   .eiU06 { padding: 4px 8px !important; margin: 0px 5px 0 0; font-size: 95%; display: flex; }   .ppI0j { display: flex; align-items: center ; padding: 5px;; }   .cpWRt { 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; }   .cpWRt:hover { background: #fff; outline: 2px solid #00a0f0a0; }   .uZF1c { font-size: 110% ; padding: 5px; white-space: nowrap; }   .hNXzw { font-size: 80% ; padding: 0px 4px; white-space: nowrap; }   .minlW { font-size: 85% ; padding: 0px 5px; white-space: nowrap; }   .sms7l { color: #5080b0; }   .wz2vk { color: #20b050; }   .nOzuF { color: #b06050; }    .vr8cm { width: 100%; min-width: 600px; display: flex; flex-wrap: wrap; justify-content: space-around; }   .k9wMo { border: 1px solid #20406040; border-radius: 4px; overflow: hidden; width: 510px; margin: 0px; background: #ffffff80; }   .nbL0X { min-height: 35px; display: flex; }   .cCika { border: 1px solid #20406030; display: flex; justify-content: center; align-items: center; width: 65px; overflow: hidden; white-space: nowrap; }   .s572N { color: #007040; direction: ltr; padding: 2px; }   .rs7Ak { background: #b0d0f020; }   .eyt14 { width: 120px; }   .j0hYW { font-weight: bold; }   .n87yV { width: 100%; padding: 5px 12px; font-size: 90%; margin-bottom: 8px; }   .mLGbn { color: #002040; cursor: pointer; transition: .2s; }   .mLGbn:hover { color: #fff; background: #00a0c0; }            .ydyLf { width: 100%; padding: 1%; position: relative; line-height: 1.8; overflow-x: hidden; }  .rd3eb { display: flex; justify-content: center; align-items: center; width: 100%; }  .fs2eE { position: relative; width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; }  .twTbf { position: relative; width: 100%; overflow: auto; margin: 10px 0px;; }   .e5X82 { padding: 5px 30px; font-size: 120%; }  .t1lGS { display: flex; justify-content: center; padding: 10px 5px; }  .grvle { display: flex; padding: 10px 5px; }    .tGHcx { 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; }   .mpjrl { display: flex;width: 250px; height: 64px; }   .rrP1v { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; position: relative; transition: 1s; border-radius: 50%;}   .rrP1v:hover { transform: scale(1.2) rotate(400deg); }   .fs2eE:hover > .mpjrl > .rrP1v { transform: scale(1.2) rotate(400deg) }   .rdjun { padding-right: 14px; }   .ifApz { font-size: 130%; }   .xJqJ5 { font-size: 90%; opacity: .8; top: -5px; position: relative; }     .k4wW6 { display: flex; min-width: 250px; height: 64px; align-items: center; padding: 0 30px 0 0; flex-grow: 1; flex-wrap: wrap;}   .rLbmO { padding: 0 25px 0 22px; position: relative; }   .tnJOi { 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; }   .xn9fT { padding: 4px 6px; border-radius: 4px ; }   .iwhbl { display: flex; flex-grow: 1; direction: ltr; height: 100%; max-height: 40px; align-items: center; flex-wrap: wrap; overflow: hidden; }    .wf1rB { min-height: 100vh; padding-top: 60px; overflow: hidden; font-size: 17px; }  .uhcFn { padding-top: 20px; font-size: 17px; }    .uQmyj { min-height: 600px; }  .yv8i4 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 700px; min-height: 400px; }   .xEqC3 { 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; }   .xEqC3:hover > .lursd > .kbmPi { transform: rotate(3deg) translate(0,-7px) scale(1.06); }   .xEqC3:hover > .lursd > .quFFd { transform: rotate(-3deg) translate(0,-7px) scale(1.06) }   .xEqC3:hover > .lursd { color: #b0c0d0; font-weight: normal; }   .xEqC3:hover > .wGv7M > .wsaAJ { outline: 1px solid #0000a0; }   .xEqC3:hover > .wGv7M > .sEdZr { outline: 1px solid #00a000; }   .xEqC3:hover > .wGv7M > .zUrBI { color: #00b050; font-weight: bold; transform: scale(1.05) translate(3px,0); text-shadow: 2px 5px 12px #00f05080; }  .z7fv9 { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }    .mP14V { 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);  }    .rjn5s { font-size: 130%; color: #405060; font-weight: bold; padding: 0px; opacity: .9; }  .lursd { font-size: 170%; color: #002040; font-weight: bold; padding: 7px 0px; display: flex; transition: .3s; flex-wrap: wrap; }   .kbmPi { 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); }   .quFFd { 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) }  .u4awt { font-size: 125%; color: #002040; padding: 8px 0px; }  .wGv7M { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 10px; }   .zUrBI { color: #00a070; padding-left: 10px; transition: .3s; }   .nJbml { color: #fff; padding: 3px 15px; margin: 0px 10px; cursor: pointer; transition: .2s; border-radius: 5px; }   .nJbml:hover { transform: scale(1.1); box-shadow: 0px 4px 12px -3px #005080a0; }   .wsaAJ { background: #50a0f0; transition: .3s; }   .sEdZr { background: #00d080; }    .firstBoxTitleB { font-weight: bold; font-size: 105%; color: #0080ff; }      .wJxMy { background: #ffffff80; padding: 5px 10px; border-radius: 4px; margin: 2px; }  .kR0Om { box-shadow: 0px 10px 20px -8px #50402020; color: #a07000; border: 1px solid #80002060; }  .yGpsq { box-shadow: 0px 10px 20px -8px #00408020; color: #204060; border: 1px solid #00406060; }    .mztND { justify-content: center; padding: 40px 0px; }    .eGtDB { 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; }  .tY4t1 { 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;  }  .tY4t1: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);  }  .tY4t1:hover > .hRtCU { font-weight: bold; color: #0040a0; transform: scale(1.1) translate(0px,-5px); }  .s7C3e { 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; }    .hRtCU { padding: 5px 5px 10px 5px; color: #205080 ; text-align: center; transition: .3s; }  .bmpMD { padding: 5px 5px 10px 5px; text-align: center; color: #005090; font-weight: bold; }    .p5Xcf { display: flex; padding: 5px 10px;; }  .kwIui { width: 25px; height: 25px; margin: 3px 4px; position: relative; z-index: 1;; }  .m4Pim { display: none; position: absolute; white-space: nowrap; top: 0px; right: 120%; background: #fafcffe0; padding: 3px 4px; font-size: 70%; border-radius: 5px; }  .kwIui:hover { z-index: 50;}  .kwIui:hover > .m4Pim { display: block; z-index: 100; }    .t5O6j { opacity: .2; }  .kVkg9 { width: 100%; height: 100%; }      .ultfm { 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;  }  .dem53 { padding: 10px; display: flex; justify-content: center; font-size: 120%; font-weight: bold; color: #007030; }  .cCUzw { padding: 3px; }      #gUrD3 { scroll-behavior: smooth; }    .ctJX6 { padding: 0px 0px 0px 0px; background: #e0f0ff20; color: #304050; position: relative; }    .b6Bf0  {   padding: 60px 1%; display: flex; justify-content: center; align-items: center; position: relative;  }  .ehqAX { opacity: .92; transform: scale(.92);}    .ozn5Q { display: flex; padding: 10px 2% 10px 7%;   perspective: 200px; position: relative; }  .oukQA { justify-content: end; }  .gkftI {   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;;  }  .n1Yqk { 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; }  .qzi1Q { min-width: auto; }  .pVLfd { width: 100%; display: none; }  .xH6un { color: #808890; position: absolute; top: 108%; right: 40px; display: none; z-index: 2; white-space: nowrap; }  .dcOcd { display: block; animation: qM5Zk .4s 1; }  .ut4WU { display: block; animation: bnikO .4s 1; }    .yIL6u  {   min-height: 300px;   font-size: 110%; width: 100%; max-width: 350px;   position: relative; transition: .2s; display: flex; flex-wrap: wrap; z-index: 2;  }  .aqfhI { display: flex; align-items: center; padding: 3px 10px 3px 5px; }    .yIL6u:hover  {  }        .dSF9j  {   flex-grow: 1; padding: 15px 2% 15px 2% ; font-size: 110%;  }  .ozdpi  {   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;  }  .yWqX1 { font-weight: normal; opacity: .9; transform: scale(.9); border-right: none !important; padding-right: 20px; }  .uGRFE  {   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;  }    .ozdpi:hover { opacity: 1;   border-right: 8px solid #00a0f0d0; color: #2070e0;  }  .anCGq  {   position: absolute; height: 100%; left: 15px; top: 0px; display: flex; align-items: center;   font-family: monospace; font-size: 85%; opacity: .85;  }  .pzxfq  {   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;  }  .ozdpi:hover > .pzxfq { opacity: 1; box-shadow: -5px 5px 1px #00a0ff80 ; }  .soz1M  {   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;  }      .uPegq  {   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;  }  .uPegq:hover {   background: linear-gradient(to left, #0070fff0, #0070ffb0); color: #ffffff;  }  .gzSQb { background: #507090 !important; cursor: auto !important }  .kyiOO { padding: 0px 2%; }      .vJQBc { 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);  }  .oH9iz { display: flex; width: 100%; justify-content: center; }  .pSkwT { display: flex; justify-content: center; align-items: center; }  .qB7rY { 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;  }  .qB7rY:hover { background: #fff; border: 1px solid #50a0d0; }        .mZUZf { background: #304050; color: #f5faff; padding: 30px 1% 50px 1%; display: flex; justify-content: center; }  .l49s9 { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; }    .hotf7 { flex: 1 0 300px; padding: 5px 10px; }  .o4YuT { display: flex; padding: 5px; }  .bj3nC { display: flex; }    .x95kN { min-width: 270px; display: flex; justify-content: center; }  .bfabb { padding: 5px 0px; width: 100%; }  .vhqAP { font-size: 115%; color: #b0ffe0; padding: 0 0 6px 0; }  .uHWEq { display: flex; padding: 4px 1px; }  .oiEOF { flex: 1; padding: 0px 5px; }  .llgq3 { padding: 0px 5px;; }      .jfmuo { position: absolute; top: -25%; right: -20%; bottom: -25%; left: -20%; z-index: -10;   display: flex; justify-content: center;   transform: rotate(-15deg);  }   .ek9ih { 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%;  }  .vCAXk { 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;  }  .v5ReF { 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 );  }    .yZCVZ  {   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) } }      .gTJuV { 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;}              .u2DmI { padding: 20px 10px 50px 10px; height: 150px;;}  .rS2qJ { margin: 10px; height:100px; max-width: 80px; }  .w9XvD { height: 100%; cursor: pointer; }  .q0de4 { height: 100%; }              .kfpUR { width: 100%; position: relative; padding: 50px 0px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }  .qIJa3 { 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);  }  .iY3Ua { width: 100%; position: relative; overflow: hidden; min-height: 400px; }    .oJ2f9 { width: 90%; max-width: 900px; padding: 10px; margin: 10px 6px;   overflow: hidden;  }  .zd51F { padding: 5px 5px 0px 5px; white-space: nowrap; font-size: 120%; }  .qLOPS { padding: 5px 0px 5px 5px; white-space: nowrap; font-size: 80%; }        .epcZs {   width: 90%; max-width: 900px; position: relative; min-height: 500px; overflow: hidden; display: flex; flex-wrap: wrap;  }  .kd9Ot { background: red; height: 500px; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }  .tpHb3 { background: blue; padding-top: 5px; }      .jm6TM { font-weight: bold; color:#002060; padding: 6px 2px 2px 1px }        .bigger { font-weight: bold; }            .tnNN8 { position: relative; padding: 50px 2%; }  .eFdbD { overflow: auto; }      .y2aVs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }    .iiXnP { margin: 5px 10px; padding: 8px 15px; font-size: 120%; background: #ffffffa0; color: #002060; }  .izjrb { width: 100%; }  .wticH { margin: 5px 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }  .y6bEg { margin: 5px 10px; padding: 5px 10px; font-size: 120%; background: #fff; color: #002060; display: flex; flex-wrap: wrap; }    .pEHol { 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);; }  .tlNkJ { width: 400px; height: 100%;; }   .aw5XO { font-size: 130%; margin: 10px; padding: 7px; }   .qo9Tu { font-size: 100%; margin: 10px; padding: 7px; }   .by9ba { font-size: 100%; margin: 10px; padding: 7px; }   .rogue { font-size: 100%; max-width: 100px; margin: 4px 20px; display: flex; justify-content: center; align-items: center; }  .ahvzk { width: 300px; height: 300px; position: relative; overflow: hidden;; }   .hY9eI { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; opacity: 1; transform: translate(-310px,0); transition: .25s;}   .naxsS { opacity: 1; transform: translate(0,0); }   .xOIwk { height: 100%; border-radius: 5px; border: 1px solid #0080c040; }     .x8v4Y { position: absolute; height: 20px; left: 8px; right: 8px; bottom: 2px; z-index: 11; display: flex; justify-content: center; align-items: center; }   .i00Cs { 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; ; }   .mrnOg { display: flex; justify-content: center; align-items: center; width: 30px; height: 100px; cursor: pointer; transition: .2s; }   .z55Hl { width: 20px; height: 20px; border-radius: 50%; background: #a0b0c0; margin: 0px ; transform: scale(.5) ; cursor: pointer; transition: .2s; }   .cVRsf { transform: scale(.9); background: #0050c0; margin: 0px 4px; }          .tqUzE { 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;}  .p89mX { width: 100%; max-width: 1400px; }    .zhO0V { display: flex; flex-wrap: wrap; padding: 0px 20px 0 0;}  .qemUj { display: flex; flex-wrap: wrap; justify-content: center;}    .nTEDu { 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;}  .nTEDu:hover { background: #ffffff; box-shadow: 0px 5px 18px -4px #20406060; outline: 2px solid #20a0ff; }  .o7Mgr { font-size: 120%; padding: 5px; max-width: 222px; }  .b1N3F { font-size: 85%; padding: 0px 4px; }  .zeMrW { font-size: 100%; padding: 2px 5px; border-radius: 4px; background: linear-gradient(to left, #f0b00040, #f0b00000); }  .iiHaH { max-width: 205px; font-size: 100%; padding: 3px 5px; border-radius: 4px; background: #ffa0f050; text-align: center; font-weight: bold; }  .kqrvG { font-size: 90%; color: #502060; padding-left: 4px; }   .iQpdi { 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; }   .nTEDu:hover > .iQpdi { opacity: 1;}        .rgzCi { padding: 10px; width: 200px; background: #fafbfd; border-radius: 5%; outline: 1px solid #a0b0c0a0; margin: 10px; }   .l0Cn9 { padding: 2px; font-size: 120%; display: flex; justify-content: center; align-items: center; }   .lVn1m { 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; }    }            .yI3I0 { padding: 50px 3%; width: 100%; display: flex; justify-content: center; }  .o7A2W { width: 100%; max-width: 1250px; display: flex; flex-wrap: wrap; line-height: 1.6; }  .ckzgF { width: 100%; max-width: 900px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffffa0; box-shadow: 10px 0px 50px #20408020; }  .wARFj { width: 100%; max-width: 300px; margin: 10px; border-radius: 10px; padding: 20px; background: #ffffff50; box-shadow: 0px 0px 50px #20408010 }      .yf3nS { padding: 8px 5px;; }  .mgPzC { 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;}  .mgPzC: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); }  .mgPzC::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; }  .x7y4d::after { border: 20px solid #e0900060; }  .mgPzC:hover::after { border: 20px solid #0070f0b0; border-right: none; border-top: none; left: -12px; }  .x7y4d:hover::after { border: 20px solid #e09000b0; border-right: none; border-top: none; left: -12px; }  .opYCp { text-align: center; white-space:nowrap }    .hC9J5 { 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;}  .hC9J5: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); }  .hC9J5:after { display: none !important;}      .cRBHy { display: none !important; }    .qsyTP { margin: 30px 20px; font-size: 15px; line-height: 1.7; }  .kAViZ { padding: 10px 25px; border-radius: 8px; background: linear-gradient(to left, #0080f020, #b0fff030, #0080f000); font-size: 120%; cursor: pointer; }  .wkwB1 { padding: 15px; border-radius: 8px; background: #ffffff50; }  .rf2UV { display: none; }   .wZEwJ { padding: 10px; font-size: 110%; line-height: 2; }   .qzorc { padding: 10px; border-radius: 8px; background: #ffffff50; color: #007030; }  .fPJEk { padding: 10px; display: flex; flex-wrap: wrap; }          .pFF6N{ 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;  }   .loJnw { width: 95%; max-width: 1000px; background: #ffffff; border-radius: 5%; padding: 20px; border: 3px solid #0080f0; font-size: 16px; line-height: 1.7; }   .sYuZr { padding: 5px; }   .yD5ut { padding: 6px 0px; }   .ydZoy { padding: 15px; display: flex; justify-content: center; width: 100%; }   .x2H9L { padding: 5px 12px; cursor: pointer; border-radius: 5px; border: solid 1px #00a0f0; cursor: pointer; opacity: .5; }   .x2H9L:hover { opacity: 1; }                    .iTTsh { width: 100%; padding: 20px 40px 20px 10px; line-height: 1.7; }  .uesRL { width: 100%; padding: 5px 1%; line-height: 1.7; }   .qrAtt { padding: 5px; font-size: 120%; display: flex; position: relative; display: flex; }   .ylDyr { color: #00b030; }   .tSsg9 { padding: 5px; display: flex; flex-wrap: wrap; }   .bnV5U { padding:0px 8px; display: flex; color: #204060; font-size: 85%; }   .fzBJ3 { padding:0px 5px; min-width: 50px; }     .iyUiu { padding:10px 5px; }   .y8kgA { display: none; }       .qSSNc { padding:10px 5px; }     .vUUqk { padding: 5px;; }   .kNSmf { display: flex; height: 50px; align-items: center; background: linear-gradient(to left, #00a0ff30, #ffffff20); border-radius: 8px; }   .hmp7W { height: 100%; width: 40px; justify-content: center; align-items: center; display: flex; }   .wN1GU { width: 200px; display: flex; padding: 0px 15px; font-weight: bold; color: #000040; position: relative; }   .ld7G7 { padding: 0px 8px; display: flex; margin-right: 8px; height: 100%; align-items: center; }   .eachInstaPostHeaderSendDiv0Sent1 { background: #00a020 !important; opacity: .7 !important; cursor: auto !important; }     .aiwWJ { display: flex; height: 90px; align-items: center; }   .lzMoB { display: flex; height: 100%; align-items: center; margin: 0px 4px; position: relative; }   .pZZ9Q { position: absolute; top: 0px; right: 0px; left: 0px; height: 100%; background: #0060f040; animation: ktp4R 4s linear 1 ; animation-fill-mode: forwards; }   .xq7Ar { outline: 2px solid #00a030; outline-offset: -2px; }   .tT8n6 { height: 100%; }                                      myBG{ position: absolute; top:-20px;left: -20px;bottom: -20px;right: -20px; }      .kGlE6 { font-family: IRANSansWeb; }        .ylAab { 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;  }  #hCn5r { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100% }    .pPJmi { display: flex ; flex-wrap: nowrap ; align-content: center; height: 100%; padding: 0px 2px;}  .dR67m { }  .mR0ar { flex-grow: 1; }  .xhsdk { }    .wawMY { margin-left: 4px; ;}    .k0x6f { height: 22px; }  .zo216 { height: 18px; }  #myDate { font-size: 13px; padding: 0px 5px; }  #uQVWj { padding: 0px 5px 0px 8px; direction: ltr; text-align: left; }  .uQVWj { 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;}                          .cL6wA{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 1000000; transition: .3s; color: #204060; overflow: auto; }  .vPnH4 { font-size: 50px; padding: 0px 10px 30px 10px; width: 100%; }  .eueTT { width: 90%; max-width: 700px; font-size: 18px; }  .v2iUN { font-size: 90%; padding: 12px; background: #ffffffa0; }  .f4bPq { margin: 20px 0px; background: #ffffffda; border-radius: 8px; color: #304050;   box-shadow: 3px 4px 7px #40608030,8px 10px 15px #40608030;  }  .ogNzA { margin: 20px 0px; background: #ffffff; border-radius: 7px; color: #203040;   box-shadow: 1px 2px 7px #40608010, 3px 5px 15px #40608030; line-height: 1.75;  }  .inYBW { border-right: 10px solid #00d0d0; padding: 10px; }  .e3mCV { border-right: 10px solid #50a0ff; padding: 10px; }  .pWo8O { border-right: 10px solid #00e090; padding: 10px; }  .o22fX { border-right: 10px solid #f000a0; padding: 10px; }  .r1IQ9 { padding: 10px; font-size: 120%;width: 100%; }  .c8PDN { padding: 10px; border: dashed 1px #506080a0; transition: .2s; cursor: pointer; border-radius: 8px; }  .c8PDN:hover { border: dashed 1px #0060a0; background: #fff; }  .dylz3{ position: relative; width: 100%; height: 100%; padding: 20px; overflow: auto;; }      .m19d8{ position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 100000000; display: none; transition: .3s; }  .h5aHc{ display: block; animation: qmkHL 0.4s 1 ; background: radial-gradient(#a0b0c0, transparent); }  .i9EGe{ position: relative; width: 100%; height: 100%; overflow: auto;; }    .uYqfU{   opacity: .85;   background: #f0f8ff60;   position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1;  }  /* .uYqfU{ 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"); } */  /* .uYqfU{ 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-t1JdJ 493L539 269 237 261 370 ebXhU 382L539 269M390 b3rTh 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 tOxcM 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"); } */  .q9HsW{  }          .kRlq9 { position: relative; }    #myShakhesKolTaghir1 { display: flex; white-space: nowrap;; }  .qkQjW { height: 22px; font-size: 13px; padding: 0px 5px; }  .jOrO8 { height: 18px; font-size: 12px; padding: 0px 5px; }  .myShakController1 { width: 40px; background: #00f0f020; display: none; font-size: 20px; flex-wrap: wrap;}  .h1xOq { display: flex; flex-wrap: wrap; padding: 0px 8px; }  .kRlq9:hover > .h1xOq { display: flex;}    .gcbUC { display: flex ; flex-wrap: nowrap ; flex-grow: 1; }  #fVt0u { display: none; }  #pSJ0T { height: 40px; width: 40px; background: #f0a0f030; display: none; font-size: 20px; flex-wrap: wrap; }  #kQsI3 { display: flex ; flex-wrap: nowrap ; }  .gcbUC:hover > #kQsI3 { display: flex }          #x6vub { 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}  .zt8mt { width: 100%; text-align: center; font-weight: bold; font-size: 20px; justify-content: center; display: flex; align-items: center; }  .r22ry { 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; }                                  #crnTF { direction: rtl; text-align: right; margin:0px !important; position: absolute; display: flex !important; flex-wrap: wrap !important; transition: .3s ; }  .s7LBO{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; }                #ybvhb {position: absolute; transition: .3s; }        #sDU2N {position: absolute; transition: .3s; overflow: hidden; box-shadow: 3px 2px 15px #40608020, 1px 1px 4px #40608025; }    .rjoaY{ min-width: 40px; padding:0px 5px; cursor: pointer; transition: .2s; z-index: 21; position: relative;}  .rjoaY > .inf{ display:none; position: absolute; top: 100%; right: 0px; background: #0080b0d0; padding: 8px; white-space: nowrap;}  .rjoaY > .infI{ padding:0px 5px; font-size: 22px; }  .rjoaY:hover{ border: 2px solid #0080f0; background: #0050a0; color: #ffe0ff }  .rjoaY:hover > .inf{ display:block }  .d7Zq7 { background: #00a0ff !important; color: #fff0ff !important; cursor: auto !important;border: 2px solid #0050e0 !important }  .d7Zq7 > .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; } }                                      #iHx9G {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; }                .y0mm3 { padding: 0px ;}  .ecMS5 { 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; }  .eZUEy { animation: eZUEy 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)  {   #kQsI3 { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .gcbUC:hover > #kQsI3 { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #pSJ0T { 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; }   .h1xOq { 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%; }                          .sO3HA { padding: 5px; background: #fff0ffa0; border: 1px solid #e0000020; text-align: center; font-size: 95%; border-radius: 4px; color: #800000; }  .i8LxR { width: 100%; padding-top: 15px; }  .yqkPU { width: 100%; height: 180px; }  .ba6ho { width: 100%; height: 300px; }  .iGmTj { width: 100%; padding: 4px 7px; font-size: 85%; }  .yCcxt { width: 100%; height: 70px; }  .bPnCC { width: 100%; height: 77px; padding: 0px 5px; z-index: 10; }    .zUxqD { display: flex; align-items: center; }  .b0B3N { display: flex; align-items: center; margin: 0px 15px; transform: scale(1.1); }   .uqBRz { border: 1px solid #20406030; padding: 4px 6px; margin: 0px 1px; cursor: pointer; background: #fff; border-radius: 4px; }   .b13ry { 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 }  .psGMy { 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;}    .yemmY {color: #fff; background:linear-gradient(to bottom, #00f050,#00c050,#00f050); ; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .ip4QZ { background: linear-gradient(to bottom, #ff5040,#c04040 ,#ff5040);; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }  .ip4QZ { 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;}      .w4lor { background:#00ff0020; color: #00d050; }  .c0tl1 { background:#00ff0030; color: #00d050; ; font-weight:bold;}  .guTez { background:#ff000020; color: #e08080; }  .bClAl { background:#ff000030; color: #e08080; ; font-weight:bold; }        .tnI7e { 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: wUOMx 0.25s 1;   box-shadow: 3px 3px 10px #40608030, 15px 20px 30px #40608030; border: 1px solid #4060a040;  }  .eD63T { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }  .zpi63 { height: 100%; text-shadow: 1px 1px 10px #00000050; font-size: 120%; padding: 10px 20px; line-height: 1.7 !important; }  .f3kSR { background: #a00050e0; color: #fff; }  .kQy1z { background: #00a050e0; font-size: 110%; color: #fff; }  .zTTeI { background: #0050a0e0; font-size: 110%; color: #fff; }    .v6v5B { padding: 10px; font-size: 150%; font-weight: bold; color: #2050a0; }  .ci5uO { padding: 10px; font-size: 90%; font-weight: bold; color: #800040; }    .lCxzT { padding: 10px; line-height: 1.6 !important; }    .qHqwt { padding: 10px 5px 8px 2px; }  .ze4wm { padding: 2px 5px 0px 5px; font-size: 80%; color: #a20; }  .iDUgY {   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;  }  .cbrBp { text-align: center !important; width: 100px; font-size: 140%; }    .pQMe1{ padding: 5px 20px; color: #fff; background: #0090e0; transition: .2s; cursor: pointer; border-radius: 4px; font-size: 120%; }  .pQMe1:hover { color: #fff; background: #00a080; }    .aiQou { padding: 5px 20px; color: #607080; background: #fff; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50607020; border: 1px solid #50607020 ; }  .aiQou:hover { color: #005080; border: 1px solid #50607020 }    .j9mr9 { padding: 5px 20px; color: #a02000; background: #fff0fa; transition: .2s; cursor: pointer;   box-shadow: 2px 2px 5px #50007020; border: 1px solid #50007020 ; }  .j9mr9:hover { color: #a00000; border: 1px solid #50007050 }    .kfRkO { transform: scale(.6); opacity: .85; }    .bz75L {border: 16px solid #f3f3f3;border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: dxbTF .6s linear infinite; }    @keyframes dxbTF { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }        .d0l42 { display: flex;flex-wrap: wrap; padding: 0px 0px 10px 10px; min-width: 150px; min-height: 150px; position: relative; }  .lPejr { height: 200px; }  .aMSej { margin: 10px 10px 0px 0px; }  .ggDki { background: #5050a0e0; color: #fff; display: flex; }  .swob0 { height: 100%; }  .p5Ls0 { height: 100%; }  .kgVaz { }  .pBCPI { font-size: 120%; padding:5px 5px 0px 5px; }  .p4HcN { font-size: 90%; padding:0px 5px 5px 5px; }    .f9OUZ{ width: 100%; height: 80px; font-size: 200%; font-weight: bold; color: #a0ffe0; overflow: hidden; transition: .3s; }  .wBhaT { height: 0px !important; opacity:0 !important; }      .o8FRz { background: #5050a0e0;border: 1px solid #adf; background: linear-gradient(to left, #007090, #70209050); color: #fff; display: flex; transition: .3s; cursor: pointer;;}  .o8FRz:hover { background: #5050a0e0;border: 1px solid #fff; background: linear-gradient(to left, #5050a0, #5050f0 ); box-shadow: inset 0px 0px 20px #ffffffa0; }  .bzxv2 { height: 100%; }  .egVH1 { height: 100%; }    .elt7k { display: flex; flex-direction: column; min-width: 180px; }  .m15uy { flex-grow: 1; }  .wChLP { height: 40px; padding: 0px 5px; overflow: hidden; transition: .3s;}  .bOLLL { height: 0px; opacity: 0;}  .tdu8H { padding: 0px; height: 0px; color: #fff; box-shadow:inset 0px 0px 200px #a0ffe0; opacity: 0;overflow: hidden; transition: .3s }  .dq8Dj { padding: 5px; height: 40px; color: #a0ffd0; box-shadow:inset 0px 0px 50px #50ffa050; opacity: 1; }                              #pkzqv { display: flex; flex-direction: column-reverse; }  .spADA { animation: csqHf 0.2s 1; }  .k39dH { animation: ieaA6 0.2s 1; opacity: 0; height: 0px; }    .pkzqv { overflow: hidden; }  .jJ6fm { padding: 8px 10px; font-size: 95%; margin: 5px 10px; border-radius: 8px; }  .b5dbP { border: 1px solid #005020; background: #007050c0; color: #fff; }  .gfRwl { border: 1px solid #500020; background: #a02030c0; color: #fff; }  .dl2R2 { border: 1px solid #5050a0; background: #ffffffe0; color: #08c; }    .tsjUj { border: 1px solid #b0b000; background: #fffff0d0; color: #705000; border-right: 5px solid #a08000; font-size: 90%; }                  .maISe { width: 100%; display: flex; flex-wrap: wrap; padding: 5px;; }    .bXFhY { border: 1px solid #20406030; margin: 1%; background: #fafcfea0; box-shadow: 2px 3px 10px #20406020; box-shadow: 3px 15px 20px -8px #00306025; }  .nJLQS { border: 1px solid #20406030; margin: 2px auto; }  .wAb2z { width: 100%; height: 2px; }  .hA8Nm { height: 35px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .tfRLw { height: 30px; display: flex; background: #ffffff50; align-items: center; padding: 0px 8px; }  .xu6g9 { height: 30px; display: flex; align-items: center; padding: 3px 6px 1px 0; box-shadow: inset 0px 8px 8px -8px #00406040; font-size: 90%; }   .r5iCI { 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; }   .ld4Am { font-size: 85%; opacity: 85%; padding: 2px 1px 0px 5px; }   .k364M { cursor: pointer; border: solid 1px #20406020; transition: .2s; }   .k364M:hover { cursor: pointer; border: solid 1px #0040a030; background: #00a0ff10; color: #002080; }  .gn3sg { height: 35px; display: flex; position: relative; z-index: 100; }  .ngXrG { width: 100%; position: relative; padding: 4px 0px 1px 0px; background: #ffffff50; }              .g5I4f { display: flex; }  .hUyZe { padding: 4px 8px; min-width: 100px;; }            .eyPIM { padding: 0px 4px; height: 100%; white-space: nowrap; position: relative; z-index: 100; }  .tQ9zg { white-space: nowrap; display: flex; align-items: center; padding: 0px 2px ; height: 100%; }  .kFJYo { font-size: 90%; }  .iQrtX { background: linear-gradient( to left, #fbf6a480, #fbf6a450, #a0c0f000 ); }  .d0cGo { background: linear-gradient( to left, #ffb55080, #ffb55050, #a0c0f000 ); }  .ey0SL { background: linear-gradient( to left, #ff607060, #ff706040, #a0c0f000 ); }   .vGQ9G { padding: 0px 12px; height: 100%; display: flex; align-items: center; background: linear-gradient(to left, #00205005, #ffffff10); border-right: 1px solid #20406015; }   .eCskD { padding: 0px 7px 0 2px; text-align-last: left; direction: ltr; }   .hMt5A { padding-top: 1px; font-size: 90%; }   .d9bIm { box-shadow: inset 0px 0px 20px 2px #ff800040; color: #900000; }   .xSLMF { padding-right: 5px; color: #008020; }   .dh7J3 { padding-right: 5px; color: #b00000; }     .c22b7 { cursor: pointer; }     .gkoDH { padding: 5px; color: #302010; }              .h6duI {top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; }   .onoo1 { 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; }   .uF72d { 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; }   .qvu8i { width: 100%; min-width: 300px; height: 100%; display: flex; }   .oiW7x {height: 100%; flex-shrink:0; min-width: 100px; margin-left: 8px; }   .in9vG { z-index: 10; width: 100%; position: absolute; right: 0px; left: 0px; top: 60px; bottom: 0px; overflow: hidden; }   .qEaBm { width: 100%; min-width: 300px; position: relative; overflow: auto; height:100%; }   .j6277 { height: 30px; display: flex; align-items: center; white-space: nowrap; min-width: 300px; }   .jwzrF { padding: 4px 8px; margin: 0px 0px; height: 90%; display: flex; align-items: center ; position: relative; }   .yuotb { opacity: 0.5 !important; position: relative; }   .s7hxp { 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; }   .yuotb:hover > .s7hxp { opacity: 1 !important; }   .dju5j { height: 25px; width: 25px; transform: scale(0.8); color: #600010; border-radius: 10px; background: #ffffffc0; display: flex; justify-content: center; align-items: center; }   .chMXv { width: 100%; display: flex; ; }       .dsHe9 { box-shadow: none !important; background: transparent !important; }   .pEel0 { box-shadow: none !important; background: linear-gradient(45deg, #fff0a000, #fff0a050, #fff0a000) !important; }   .up4Jj { min-height: 500px; }       .wfAI0 { transition: .3s; }                 .rVxrR { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; display: flex; flex-direction: column; }   .auRYd { width: 100%; height: 5%; z-index: 100; display: flex; position: relative; }   .kpFzO { width: 100%; flex: 1; flex-grow: 1; z-index: 10; }   .k33Ea { width: 100%; height: 9%; }   .vHuRG { width: 100%; height: 9%; }       .fsBOq { max-width: 1000px; margin: 7px 4px; }   .b0zQJ { display: flex; height: 30px; position: relative; z-index: 200;; }   .itNz8 { 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; }   .k0zM3 { cursor: pointer; border: 1px solid #2040a040; }   .qeGlF { display: none; padding: 0px 6px; }   .jGSdV { cursor: pointer; border: 1px solid #2040a040; background: var(--ivWVn) !important; box-shadow: var(--kujhp); text-shadow: 1px 1px 5px #0000a070; color: var(--nMlqE) !important; }   .jGSdV > .qeGlF { display: block ;}   .keGzZ { 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;; }   .ryZO5 { display: block; }   .qXIpk { font-weight: bold; padding: 2px;; }   .m7CB5 { padding: 4px 5px 8px 5px; }     .pXtkC { display: flex; padding: 8px 7px 10px 7px; position: relative; }   .dpOyV { position: absolute; top: 2px; right: 5px; bottom: 2px; left: 5px; border-radius: 4px; z-index: 100; cursor: not-allowed; background: #d0e0f0a0; }   .lbtls { display: flex; padding: 4px 7px; justify-content: center; width: 44%; margin: 0px 3%; cursor: pointer; border-radius: 4px; background: #ffffff50; border: 1px solid #20406030; }   .riGMy{ background: var(--ivWVn) !important; box-shadow: var(--kujhp); text-shadow: 1px 1px 5px #0000a070; color: var(--nMlqE) !important; opacity: 1;; cursor: default !important; border-radius: 4px; }     .bAvgo { padding: 8px; display: flex; }   .sTouo { padding: 8px 3px; flex-grow: 1; max-width: 40px; }   .xp0Mi { width: 100%; height: 170px; border-radius: 4px 4px 0 0; background: #0050f005; box-shadow: inset 0px 0px 5px #0060a010; position: relative; }   .p38Yo { 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; }   .krC0i { background: linear-gradient(to left, #a0b0f0, #d0e0ff) }   .iZwtz { width: 100%; height: 120px; display: flex; justify-content: center; padding: 5px 1px; position: relative;; }   .x7L6h { transform: rotate(90deg); white-space: nowrap; position: absolute; top: 110px; left: 0; right: 0; bottom: -10px ; }       .moStt { 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; }   .moStt:hover { z-index: 100 !important; }   .c1btc { 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; }     .moStt > .q7oQp { padding: 0px !important; }   .ksfF2 { padding: 24px 5px 8px 5px ; background: #e0eaf5; border: 1px solid #20406050; margin: 15px 10px; box-shadow: 1px 4px 15px -6px #20406050; }     .rHA7B { padding: 0px !important; background: #ffffffb0; margin-top: 7px; width: 100%; display: flex; height: 30px; border: 1px solid #20406050; }   .kLDuW { height: 100%; display: flex; align-items: center; padding: 0px 12px; background: linear-gradient(to right, #ffffff40, #50f0ff10); }   .q7zQk { font-size: 90%;opacity: .9; width: 110px; border-left: 1px solid #20406030; }   .sFmzl { font-size: 90%;opacity: .9; width: 50px; min-width: 50px; border-left: 1px solid #20406030; }   .vS4iX { font-size: 80%;opacity: .9; padding: 0px; justify-content: center; width: 170px; min-width: 170px; border-left: 1px solid #20406030; }   .m9I4L { flex-grow: 1; direction: ltr; }   .m9I4L { flex-grow: 1; direction: ltr; }   .uu9z9 { flex-grow: 1; }   .gdNiW { flex-grow: 1; justify-content: center; font-size: 90%; box-shadow: 0px 5px 10px -5px #20406070; }   .ik4X3 { flex-grow: 1; background: #ffffff50; padding: 0px; }   .gmJ5Z { width: 50%; color: #004010; box-shadow: inset 3px 0px 1px -2px #00a02010; background: linear-gradient(to right, #00f0a010, #00ffa000); position: relative; }   .dMOyW { 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; }   .eod3G { background: linear-gradient(45deg, #a0f0e0c0, #90f0c0c0); box-shadow: inset 45px 0px 40px -20px #00d00050; }   .mzxk7 { z-index: 10;; position: relative; direction: ltr; }   .x6CTe { position: absolute; top: 0px; bottom: 0px; z-index: 1; }   .hplIo { 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; }   .jJvDC { 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; }   .lD3kV { background: linear-gradient(-45deg, #ffc0d0c0, #ffb0b0c0); box-shadow: inset -45px 0px 40px -20px #ff000040; }   .mqkov { border-bottom: 1px solid #20406008; }   .kjPVq { border-top: 1px solid #20406008; margin-top: 0px; }      .x0vlO { margin: 6px; border: 2px solid #20406030; background: #ffffffa0; display: flex; padding: 5px; }   .lGaZ0 { display: flex; justify-content: center; align-items: center; width: 150px; }   .hzldC { }   .kgDe5 { height: 120px; }   .vEqer { height: 80px; font-size: 90%; }   .saEic { height: 150px; }   .h9gq1 { display: flex; border: 1px solid #20406020; }   .bHdTn { position: relative; width: 28px; white-space: nowrap; border-right: 1px solid #20406020; }   .x7jqw { 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;; }   .c8ROc { display: flex; }   .fbw7X { font-size: 90%; opacity: .9;;}   .nll8f { direction: ltr; padding-right: 10px;}   .bHdTn:hover > .x7jqw { display: block; }   .hWPDc { margin-left: 25px; }   .koryy { box-shadow: -10px -5px 15px -8px #20406030; border-left: 1px solid #20406030; }   .m4BAY { box-shadow: 10px 5px 15px -8px #20406030; border-right: 1px solid #20406030; }   .ku3Ex { 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 }   .cBmRg { position: absolute; right: 1px; left: 1px; bottom: 0px; }   .onIca { bottom: auto; top: 0px; }   .lqyG2 { background: #00a0f0; }   .zpTtp { background: linear-gradient( to top, #b0ffe0a0, #b0ffd0a0); box-shadow: inset 0px -45px 40px -20px #00d00020; border-radius: 2px 2px 0 0; }   .r1bAL { background: linear-gradient( to top, #a0f0e0c0, #90f0c0c0); box-shadow: inset 0px -45px 40px -20px #00d00050; border-radius: 2px 2px 0 0; }   .v6AT2 { background: linear-gradient( to bottom, #ffd0c0a0, #ffd0d0a0); box-shadow: inset 0px -45px 40px -20px #ff000020;; border-radius: 0 0 2px 2px; }   .ar1fX { background: linear-gradient( to bottom, #ffc0d0c0, #ffb0b0c0); box-shadow: inset 0px -45px 40px -20px #ff000040;; border-radius: 0 0 2px 2px; }   .dFhCH { display: flex; border: 1px solid #20406010; overflow: hidden; padding-left: 30px; }   .a7fAq { 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; }        .mJn6g { position: absolute; top: 6px; right: 0px; bottom: 6px; left: 0px;; }    .vTa7m { display: none; overflow: auto; position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px; background: #f0faff; z-index: 200; }  .vY9bp { display: block; }   .v3Z39 { display: flex; max-width: 400px; padding: 7px 20px; }   .w3QJk { min-width: 700px; padding: 10px 20px; }   .tUoIc { margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .bWi1L { background: #f0faff50; cursor: auto; bottom: 0 5px 5px 0; font-size: 80%; line-height: 1; }   .dIJsq { height: 40px !important; font-size: 105%; }   .gTMPC { display: flex; background: #ffffff10 !important; padding: 8px; flex-wrap: wrap; }   .u5OEz { min-width: 500px; margin: 0px 5px; background: #ffffff50; overflow: hidden; box-shadow: 1px 3px 8px -3px #20406040; border: 1px solid #0050a020; }   .hx2sa { display: flex; background: #ffffff50; height: 35px; cursor: pointer; }   .gGSTt { cursor: auto; }   .z9h5j { display: flex; justify-content: center; height: 100%; align-items: center; text-align: center; width: 70px; border-left: 1px solid #20406020;}   .cg5Bv { padding: 0px 15px; font-size: 110%; width: 125px; }   .r7gCo { flex-grow: 1; }   .usSGX { direction: ltr; }   .k6y9y { font-size: 90%; }   .cRMe5 { padding: 0px 0px 0px 5px; font-size: 80%; opacity: .8; font-weight: normal !important; }   .ilWex { width: 85px; border-right: 4px solid #20406020;border-left: 4px solid #20406020; }   .m8W4W { width: 130px; width: 130px; }   .lb9Dd { width: 120px; width: 120px; }   .iH2sW { width: 100px; position: relative; }   .zFkHv { width: 75px; }   .doXZT { background: #00e05005; }   .h2Ma0 { background: #e0203005; }   .xvFP2 { display: none; background: #f0faff50; padding: 8px; flex-wrap: wrap; overflow: auto; }   .oiwuW { background: #ffffff50; box-shadow: 1px 3px 8px -1px #20406050; border: 1px solid #0050a050; margin: 14px 5px; }   .oiwuW > .hx2sa { background: #ffffff80; box-shadow: 1px 3px 8px -3px #20406050; }   .oiwuW > .xvFP2 { display: block; }       .bD4bg { display: flex; flex-wrap: wrap; }   .k4dxt { 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; }   .qr1He { border-radius: 0px; height: 30px; border: 1px solid #20406020; background: #f0faffa0; }   .gQNLg { background: #fff; cursor: pointer; border: 1px solid #2040a040; height: 60px; display: block; box-shadow: 1px 3px 8px -3px #20406030; }   .gQNLg:hover { border: 1px solid #2040a070; box-shadow: 1px 3px 8px -3px #20406050; }   .cGlb8 { display: flex; height: 30px; justify-content: center; align-items: center; font-size: 110%; color: #0050a0; background: #fff; cursor: pointer; }   .hQMe6 { display: flex; height: 30px; justify-content: center; align-items: center; }   .jsCMw { direction: ltr; height: 100%; display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #20406020; }   .yFDMc { font-weight: bold; }   .qPFdQ { width: 100%; }          .uJs9D { padding: 6px; }   .vOyfI { padding: 30px 30px 20px 10px; }   .o43Zy { padding: 10px; display: flex; flex-wrap: wrap; }   .lA07Q { margin: 10px; cursor: pointer; min-width: 200px; max-width: 250px; border-radius: 4px; border: 2px solid #20406020; transition: .2s; }   .lA07Q:hover { border: 2px solid #2040f0a0; ; }   .k0vo7 { font-size: 110%; color: #004080; padding: 15px; background: #fff; transform: .2s; }   .lA07Q:hover > .k0vo7 { color: #fff; padding: 15px; background: #2040f0a0 }     .jP3EQ { padding: 10px 25px; }   .p0T55 { font-size: 85%; color: #007020; padding: 5px 0px; }   .dMzyQ { padding: 2px 5px; }     .hTos5 { padding: 1px; display: flex; flex-wrap: wrap; animation: cMFJ8 0.3s 1; z-index: 10; }   .qqy28 { padding: 4px 7px; width: auto !important; margin: 1px 5px !important; }    .pphyX { padding: 10px; }   .eMQOT { display: none; }   .xXoLN { display: block; animation: cDi0R 0.2s 1; }     .z73kt { padding: 20px 20px }   .lJsRB { padding: 10px 16px; line-height: 1.8; color: #804000; background: #ffd0a010; border: 1px solid #a04000; border-radius: 4px; }       .tFD0o { padding: 2px 10px 3px 10px; }   .uyZvk { padding: 2px 15px; width: 145px; margin: 5px 20px 0px 0px ; border: 1px solid #20406050; border-bottom: none; border-radius: 5px 5px 0 0; }   .fTkmm { display: flex; border: 1px solid #20406040; border-radius: 4px; }   .sczX1 { border-left: 1px solid #20406030; cursor: pointer; }   .m6Xai { border: 1px solid #20406070; background: #ffffff; margin: 0px 12px; transform: scale(1.1); box-shadow: 0px 5px 12px -4px #20406040; }   .zScoG { display: flex; justify-content: center; align-items: center; height: 25px; width: 100px; border-bottom: 1px solid #20406020 ; }   .gWYps { display: flex; justify-content: center; align-items: center; height: 25px; width: 36px; border-bottom: 1px solid #20406020 ; direction: ltr; }   .m8zPa { height: 100%; background: #a0008010; }   .iQYDJ { position: relative; height: 100px; padding: 5px; background: #20406010; }   .f4sLC { font-size: 85%; }   .vaipx { color: #008020; background: #00f02010 }   .oj3kc { background: #00f02030; }   .z9oXX { color: #a00000; background: #ff000010; }   .aVfVj { background: #ff000030; }     .a8t9b { margin: 10px; border: 1px solid #20406050; border-radius: 5px; display: flex; }   .rnEbc { min-width: 75px; border-left: 1px solid #20406030; }   .eE3VP { width: 200px; }   .bp10Y { height: 36px; border-bottom: 1px solid #20406030;direction: ltr; display: flex; justify-content: center; align-items: center; }   .yCY4i { opacity: .7; font-size: 80%; padding: 1px 1px 0px 1px;; }       .wd9yy { display: flex; height: 30px; position: relative; padding: 4px 0px; }   .gkuoV { cursor: pointer !important; }     .kIn88 { margin: 10px 4px; }   .oLsuk { margin: 5px; padding: 5px; background: #ffffff70; display:flex; flex-wrap: wrap; border-radius: 5px; border: 1px solid #20406030; max-height: 150px; overflow: auto; }   .w4XyO { padding: 5px 8px; }   .b0PNo { padding: 1px; }   .fFBJf { padding: 5px; }       .l9Cqw { margin: 15px; max-width: 1000px; }     .lDwp7 { display: none; }   .xYAEI { display: block; }   .p5NdC { padding: 15px 0px; display: flex; flex-wrap: wrap; }   .yVriv { padding: 15px 0px; }   .aJ86l { margin: 0px 10px; border-bottom: 1px solid #20406050; display: flex; height: 30px; }   .h4ZU0 { height: 85px; background: #fff !important; }   .y0oFG { 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; }   .hqUSW { width: 120px; min-width: 120px; max-width: 120px;}     .yVriv > div:nth-of-type(odd) { background: #fffffa60; }   .yVriv > 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; }              .vjU8a { padding: 4px; }  .dkxiN { margin: 12px 10px; width: fit-content; border: 1px solid #20406040; box-shadow: 1px 4px 14px -5px #20406050; background: #ffffff50; overflow: hidden; }   .d6T49 { display: flex; height: 50px; margin: 0px 0px 6px 0px; box-shadow: 0px 5px 14px -5px #20406050; }   .aO0HL { display: flex; width: 50px; border: 1px solid #20406020; justify-content: center; align-items: center; font-size: 140%; font-weight: bold; }   .dN2oc { padding: 0px; display: flex; flex-grow: 1; background: linear-gradient(to right, #ffffff20, #ffffff20, #00a0ff20); }   .tJhH8 { display: flex; align-items: center; height: 100%; padding: 5px 14px 5px 6px; font-size: 110%; font-weight: bold; color: #0050a0; }   .uHJGl { display: flex; align-items: center; height: 100%; padding: 5px 5px 0px 20px; font-size: 90%; opacity: .9; }   .o23CL { display: flex; align-items: center; height: 100%; padding: 5px 10px; ; }   .lhTip { padding: 5px 10px; }   .hxgqx { display: none; }     .t5czu { display: flex; padding: 4px 10px; }   .vLoZG { display: none; }   .lmYSU { margin: 6px 6px; border: 1px solid #20406050; background: #fafeff; overflow: hidden; }   .tOmQl { margin: 0px 0 8px 0; border: none; border-bottom: 1px solid #20406050; background: #fafeff; box-shadow: 0px 5px 10px -5px #20406050; }   .qkwAP { display: flex; height: 40px; }   .fBxNi { font-size: 125%; font-weight: bold }   .yE3sf { border: 1px solid #20406020; background: #ffffff20; }   .yrmsi { color: #204060; padding: 5px 10px 5px 5px; font-size: 100%; white-space:nowrap; font-weight: bold; }     .fIfXH { font-size: 95%; opacity: 0.9; }   .xremy { display: flex; height: 28px; border-top: 1px solid #20406030; }   .tcqbE { height: 45px; }   .esYzy { width: 70px; border-left: 1px solid #20406020; display: flex; justify-content: center; align-items: center; }   .xR49E { flex-grow: 1; text-align: center; direction: ltr; display: flex; justify-content: center; align-items: center; min-width: 50px; }     .qq9t0 { border: 1px solid #c00020a0; color: #c00020; background: #ff508010; direction: ltr; }   .h5O4a { border: 1px solid #f0a000a0; color: #907000; background: #ffa00010 }   .gbTOW { border: 1px solid #008020a0; color: #008020; background: #00e02010 }     .uICGH { 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(--q3VAV); }    .aiDaJ { background: var(--rTcjr); 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; }  .aiDaJ:hover { background: #ffffffa0; background: linear-gradient(to left, #d0f0ff, #ffffff); color: #0000a0; opacity: 1; }  .gRDgM{ background: var(--ivWVn) !important; box-shadow: var(--kujhp); text-shadow: 1px 1px 5px #0000a070; color: var(--nMlqE) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }  .h2BG0{ background: var(--ivWVn) !important; box-shadow: var(--kujhp); text-shadow: 1px 1px 5px #0000a070; color: var(--nMlqE) !important; opacity: 1 !important; cursor: default !important; border-radius: 0px; }   .gRDgM > .s7hxp{ opacity: 0; }   .h2BG0 > .s7hxp{ opacity: 0; }          .uxJI6 { position: relative; top: 0px;left: 0px; bottom: 0px; display: flex; z-index: 40; }  .gcmvX { width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;}  .x7V5b { color: var(--kwJ4Q); background: var(--fat3D); }  .x7V5b:hover { color: var(--sBofm); background: var(--amuUm); }  .g2i38 { color: var(--wA4w9); background: var(--lLIqV);; }  .g2i38:hover { color: var(--fqGfm); background: var(--rt40M) }  .avB71 { color: var(--ojQJh); background: var(--hzdoz); }  .avB71:hover { color: var(--gzzl7); background: var(--vN0ve); }    .v8IzI { color: var(--i402e); background: var(--rZ90y); cursor: move !important; opacity: .5; transition: .2s; }  .v8IzI:hover { color: var(--jwwbw); background: var(--jjcxt); opacity: 1; }          .myTabsContent1 { z-index: 10; overflow: auto; flex: 1; position: relative; overflow: auto;}  .myTabsContentDefaultBg1 { background: var(--iyIbA); box-shadow: var(--nBW0M); }    .myTabsContentLightBg1 { background: var(--nWvTJ);    }    .sjR6b { transition: .2s; display: none; ; }  .t9yrL { display: block; }    .pageContentItems { transition: .2s; }  .pageContentItemOff { display: none !important; }  .pageContentItemON { animation: myTabContentItemONAnime 0.3s 1; }        .kzigX { transition: .2s; display: none; ; }  .i21XF { display: block; }                                                        .l7hjh{ display: none !important;}  .mySampleField { display: flex ; flex-wrap: wrap ; align-content: center; }        .nXIW1 { 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; }  .nXIW1:hover { background: #ffffff30; opacity: 1; box-shadow: 0px 0px 8px #5070a005 }  .mgIPV { 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;  }  .wNefs { animation: alqzT .3s 1;}    .wIXo4 { width: 100%; display: flex; height: 100%; }  .rqIgR{ animation: orO8a 0.3s 1; }    .ppczx { width: 100%;height: 100%; position: relative;}  .cBaAu { }    .pLzmu { 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; }  .pLzmu:hover { opacity: 1; }  .tMrS5 { background: #fff; outline-offset: -1px; outline: 2px solid #0080ff70; border-radius: 3px; }      .w7dmj { width: 100%;height: 100%; position: relative; display: flex; flex-direction: column; }  .f2HMj { animation: pNeop .3s 1 }    .lIqDE { 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;    }  .nl1tg { height: 100%; margin-right: 5px; display: flex; align-items: center; padding-left: 10px; flex-grow: 1; }  .rn4Ip { overflow: auto; }    .c0WEb { 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;  }   .l5pV6 { display: flex; height: 100%; flex-grow: 1; }    @media (max-width: 570px)  {   #kQsI3 { display: none ; position: absolute !important; top: 40px; display: none; background: #204060c0 !important; z-index: 250; background: red;}   .gcbUC:hover > #kQsI3 { display: block }   .myMainTabStyle1 {min-height: 35px;}   .myMainTabExtraOption1 {display: none !important;}   #pSJ0T { display: flex; }   .myMainTabsAnime1 { animation: none !important; }  }          .gCgG9 { width: 40px; height: 100%; overflow: hidden; cursor: pointer; position: absolute; z-index: 999; left: 40px; text-align: right !important; direction: ltr !important; transition: .2s;}  .gCgG9:hover { width: 170px; background: #d0000020; }  .wchb0 { width: 130px; font-size: 15px; display: flex; justify-content: center; align-items: center; }              .zDkgI { display: flex; min-width: 500px; padding: 0px; transition: .2s; }  .bIBQT { background: #f0b00050 !important; }  .c7htQ { background: #ff002050 !important; }  .iQORb { background: none !important; box-shadow: none !important; }  .zDkgI:hover { background: #ffffffa0; box-shadow: 1px 2px 7px #20407020; }    .c9j4T { 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; }  .c9j4T:hover { border: 1px solid #2040a060; box-shadow: 0px 0px 5px #0050a020; background: #ffffffa0; }  .gA2Qa { padding: 5px 0px; display: flex; justify-content: center; align-items: center; width: 50%; box-shadow: inset 0px 0px 20px #ffffff80; }  .wV4kj { background: #00f08010; color: #007030; border-right: 1px solid #00702030; text-shadow: 1px 1px 10px #00703020; }  .g9Dp5 { background: #0090ff10; color: #003060; text-shadow: 1px 1px 10px #00307020 }    .niO5S { cursor: auto !important; padding: 8px;; display: flex; justify-content: center; align-items: center; color: #fff; background: #0080d0; }  .o7Ejc { background: #00a0b0; }  .uL9SC { background: #00a070; }  .tfoBh { width: 100px; display: flex; justify-content: center; align-items: center; background: #0080d010; }      .vfjvU { display: flex; height: 200px; width: 900px; padding: 10px; align-items: flex-end; margin: 5px 5px 30px 5px;; }  .ktjXQ { background: #2060b0a0; border-radius: 5px; background: linear-gradient(45deg,#a0c0f0,#0070b0); position: relative;; }  .mynwl { position: absolute; bottom: -22px; font-size: 90%; right: 0px ; }    .zP1M4 { padding: 5px; margin: 5px;; direction: ltr; }  .hZ3DR { display: flex; padding: 2px 4px;; }  .fnk88 { width: 110px; padding: 0px; }  .wHTCb { width: 50px; padding: 0px; }          .qUSeQ { display: flex; flex-wrap: wrap; padding: 10px; }  .jxU3q { width: 350px; height: 250px; position: relative; background: var(--zsSPz); margin: 10px ; border-radius: 10px; }   .jRjS2 { margin: 10px 0; width: 100%; }  .zLRTR { width: 100%; height: 100%; margin: 10px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; }   .p7VTw { width: 300px; height: 300px; position: relative; }   .ej81k { position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 5px 0px; background: #ffe0a050; color: #502030; }  .dx0Mh { 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; }   .dx0Mh { width: 100% }  .j96zN { width: 28.57%; height: 100%; position: relative; background: linear-gradient(to right, #ffffff20,#a0b0e020) ; border-right: 1px solid #20406010; }  .y6zP8 { width: 14.29%; }  .cPPSp { position: absolute; top: 102%; left: -2px; opacity: .85; font-size: 85%; }  .cuU3V { position: absolute; width: 5px; height: 5px; border-radius: 50%; z-index: 20; }  .mE4ar { background: #0050d0; }  .r75cM { background: #d01000; }  .jXqTU { background: #00a050; }  .rLfEp { position: absolute; left: 0px; bottom: 0px;; z-index: 10; opacity: .1; }    .mWguH { border: 1px solid #20406020; background: #ffffff20; height: 35px; margin-bottom: 6px; font-size: 110%; box-shadow: 1px 3px 10px #20406020; display: flex; }  .nSoH0 { width: 100px; height: 100%; display: flex; padding: 0px 12px 0 5px; flex-grow: 1; align-items: center; white-space: nowrap; }  .vpJFC { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; direction: ltr; }  .vAHo7 { width: 100px; height: 100%; display: flex; justify-content: center; align-items: center; }   .v0PYB {font-size: 85%; opacity: .85;}            .zxNb5 { margin: 10px 20px; padding: 10px; font-size: 110%; color: #600010; text-shadow: 2px 2px 7px #ff500050; }    .zYX4P { margin: 10px 20px; min-height: 40px; display: flex; flex-wrap: wrap; }  .zYX4P > div { padding: 8px; margin: 2px 0px; }  .ktlRt { padding: 10px; min-width: 580px; margin: 5px;}    .gSkzQ { padding: 5px 8px; display: flex; align-items: center; z-index: 1000; }   .b79Tn { display: flex; padding: 2px 6px; }   .zGQx4 { display: flex; padding: 2px 4px; font-size: 90%; opacity: .8; }      .s66gc { padding: 5px; z-index: 5; border: 1px solid var(--iqAxs); display: flex; margin: 7px 0px ; background: var(--xdx5r); box-shadow: 0px 2px 15px var(--yLmGq); position: relative; transition: .2s; }  .bcUQi { padding: 0px; }  .s66gc:hover { z-index: 10; border: 1px solid var(--cQb6l); background: var(--w9CkY); box-shadow: 0px 2px 15px var(--cZQGn); }  .eWfSy { border: 1px solid var(--zGYHT); background: var(--xdx5r); box-shadow: 1px 3px 12px var(--cZQGn); }  .uOzLn { border: none !important; transform: scale(.9) ; background: var(--etCtd); opacity: .6; }  .uOzLn::after { position: absolute; z-index: 10; content: ""; top: 0px; right: 0px; left: 0px; bottom: 0px; cursor: not-allowed; }    .tMsMV { padding: 5px; width: 40px; min-height: 80px; }  .iC4W5 { border: 1px solid var(--iqAxs); 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; }  .iC4W5:hover { border: 1px solid var(--zGYHT); background: var(--xdx5r); box-shadow: 0px 1px 4px var(--cZQGn) }    .klejO { padding: 5px; width: 100px; min-height: 80px; }  .l4DQg { padding: 5px; width: 55px; min-height: 80px; }  .fWdzF { padding: 5px; width: 120px; min-height: 80px; }  .xYQPB { padding: 5px; min-width: 200px; flex-grow: 1; min-height: 80px; }    .jMW60 { padding: 5px; width: 105px; height: 35px; }  .a71S2 { display: flex; }  .q5p5R { padding: 5px 0px; }  .sAIlN { margin:6px 2px 0px 2px; font-size: 80%; padding: 5px; border: 1px solid var(--iqAxs); cursor: pointer; border-radius: 5px ; transition: .2s; display: flex; justify-content: center; align-items: center; }  .sAIlN:hover { border: 1px solid var(--zGYHT); background: var(--xdx5r); box-shadow: 0px 1px 4px var(--cZQGn) }    .pxU6m { padding: 5px; flex-grow: 1; }  .gGTOy { width: 100%; display: flex; flex-wrap: wrap; max-width: 300px; max-width: 500px; }  .xFFPk { width: 100%; display: flex; flex-wrap: wrap; width: 800px; }  .ytMAx { width: 100%; display: flex; flex-wrap: wrap; }  .ns2ue { padding: 10px 4px; font-size: 92%; }  .s7voV { display: none !important; }  .ip8fl { padding: 5px 8px; width: 60px; display: flex; align-items: center; opacity: .85; }  .d0HgB { color: #0030a0; background: linear-gradient(to left, #0000ff10, #00a0ff15); border-radius: 0px 5px 5px 0px; }  .v9glp { padding: 5px; flex: 1; max-height: 500px; overflow: auto; ; }  .oW7as { font-size: 85%; opacity: .85; }  .k9oXO { background: linear-gradient(to left, #00a0ff15, #00ffff10, #ffffff00); color: #0030a0; }  .nj0Nq { padding: 5px 7px 5px 5px; opacity: .9; width: 100%; background: var(--isyLH); font-size: 90%; margin: 3px 0px; border: 1px solid var(--iqAxs); border-radius: 5px; }  .vtESL { direction: ltr; text-align: left; width: 100%; display: flex; padding: 1px; box-shadow: 0px 1px 4px var(--yLmGq); padding: 1px; background: var(--w9CkY); border-radius: 5px; }  .byDSt { width: 20px; padding-top: 1px; justify-content: center; font-size: 85%; opacity: .85; display: flex; align-items: center; ; }  .iDxQC { width: 25px; opacity: .5; ; display: flex; align-items: center; justify-content: center; }  .hL8cC { flex: 1; font-family: monospace !important; border-left: 2px solid var(--cQb6l); padding: 1px 5px; }    .xuLrx { padding: 5px; background: #00d07010; width: 100%; border-radius: 7px; margin: 5px; min-width: 700px; }  .iX131 { padding: 5px; }  .wYbqT { width: 100%; border-radius: 5px; ; border: 1px solid var(--iqAxs); height: 500px; display: flex; flex-direction: column; overflow: hidden; }  .exEAo { display: flex; background: var(--zShyA); box-shadow: 1px 3px 7px var(--yLmGq); height: 40px;; }  .tqagz { 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 }  .tqagz:hover { color: #ffffff }  .hXXdC { color: #ffffff }  .s6hyT { flex: 1; overflow: auto; position: relative; margin: 10px; }  .d0k24 { width: 100%; display: none; padding: 5px; }  .uWdcT { display: block !important; }    .bqQOj { margin: 5px; border-radius: 5px; border: 1px solid var(--cQb6l); box-shadow: 1px 2px 7px var(--isyLH); overflow: hidden; background: var(--xdx5r) }  .yA6Th { padding: 7px 10px; cursor: pointer; box-shadow: 1px 3px 7px var(--isyLH); background: var(--xdx5r) }  .hTy6W { padding: 2px 5px; display: none; }  .ny8Vb { display: block; }  .cHWlr { padding: 5px 10px; cursor: pointer; transition: .2s; }  .idAl1 { opacity: .5; cursor: not-allowed !important; background: #e0e0e0 !important; box-shadow: none !important;}  .cHWlr:hover { background: var(--xdx5r); box-shadow: 1px 3px 7px var(--isyLH) }    .z04n3 { padding: 5px; width: 100% !important; max-width: 100%; border: 1px solid var(--cQb6l) !important; outline: none !important; background: var(--xdx5r); box-shadow: 1px 3px 7px var(--yLmGq); }  .u8fDE { 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(--cQb6l) !important; outline: none !important; background: var(--xdx5r); box-shadow: 1px 3px 7px var(--yLmGq); }  .gYz1D { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; height: 50px; text-align: right; direction: rtl; border: 1px solid var(--cQb6l) !important; outline: none !important; background: var(--xdx5r); box-shadow: 1px 3px 7px var(--yLmGq); }  .tMkPc { padding: 5px; width: 100% !important; max-height: 350px; overflow: auto; font-family: monospace !important; text-align: left; direction: ltr; background: var(--xdx5r); border: 1px solid var(--lFlY6) !important; box-shadow: 1px 3px 10px var(--isyLH); }  .dY0W2 { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; height: 100px !important; border: 1px solid var(--cQb6l) !important; outline: none !important; background: var(--xdx5r); box-shadow: 1px 3px 10px var(--isyLH); }  .v9qy4 { padding: 5px; width: 100% !important; max-height: 100px; overflow: auto; background: var(--xdx5r); border: 1px solid var(--lFlY6) !important; box-shadow: 1px 3px 10px var(--isyLH); }  .rNTYc { }    .lQHCE { padding: 10px;;}    .a8VGp { border: 1px solid var(--iqAxs); display: flex; ; }  .fOGNB { border: 1px solid var(--iqAxs); display: block; padding: 10px; }  .jvrBf { height: 30px; display: flex; justify-content: center; align-items: center; padding: 0px 8px; margin: 10px; }  .eeRwf { padding: 5px 8px; margin: 10px; }  .tMNZW { border: 1px solid var(--iqAxs); border-radius: 3px; cursor: pointer; background: var(--exLYS); transition: .2s; }  .tMNZW:hover { border: 1px solid var(--vN6sH); background: var(--w9CkY); transition: .2s; color: var(--atIdz); }          .kdCDa { min-height: 100%; min-width: 300px;}  .jsrnf { background: linear-gradient(45deg,#f59700,#fae864); }    .j9Y0U { height: 730px; background: linear-gradient(to right, #ffd050, #c00000); position: relative; overflow: hidden; z-index: 1; }  .br44n { height: 200px; max-width: 700px; }  .quY0J { 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;;  }  .quY0J:hover { box-shadow: 0px 0px 200px #fff00070, 0px 0px 1px 125px #fff0ff50, 0px 0px 1px 400px #fffff060; background: #ffffa0b0; }  .uIVtS { 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);  }  .kjSZ9 { 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;  }  .kjSZ9:hover { transform: rotate(-1deg) scale(1.2) }      .g06H2 { 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;  }  .g06H2:hover { background: #c0f0ff60; padding: 15px 20px; border: solid 1px #ffffffa0; transform: translate(-10px, 0px) scale(1.05); box-shadow: 5px 10px 20px #0050b040; }  .qE2cc { padding: 12px 0px 0px 0px; font-weight: bold; }  .uY4Y8 { padding: 2px 55px 0px 2px; font-size: 85%; font-weight: normal; }      .chA8u { background: #ffffffa0; padding: 30px 20px; position: relative; box-shadow: 0px 4px 25px #20406050; }  .e8fpj { display: flex; }  .eYAm8 { 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;; }  .rlpOj { 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 }        .ugYW5 { 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; }  .wGZHP { padding: 15px; color: #fff; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 6px #f59700;   background: linear-gradient(to left, #f59700, #fae864); }  .wW1VA { padding: 25px 10px; display: flex; flex-wrap: wrap; }  .o9SU5 { padding: 20px 20px 0px 20px; min-height: 200px; position: relative; max-width: 450px; }  .qPFdM { padding-left: 10px; perspective: 200px;; }  .nbeil { max-width: 500px; max-height: 200px; overflow: hidden; }  .uvaU0 { width: 100%; }  .qN14R { 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%;; }  .i4cbQ { 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; }      .h0wiv {   /* 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;  }  .ixEXW { background-color: #fafffd; }  .v7Prd { 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; }  .fJQag { padding: 10px 50px 40px 60px; font-size: 115%; display: flex; flex-wrap: wrap; width: 100%;   background: linear-gradient(to right, #f0ffff00, #ffefff50,#f0ffff00);  }  .yvAcA { 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;  }  .fYtOU { display: flex; flex-wrap: wrap; width: 100%; font-size: 110%; }  .va2FJ { 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); }      .dQH0q { padding: 15px 0px; width: 100%; }  .s6SWq { padding: 4px 0px; font-weight: bold; font-size: 110%; color: #009030; position: relative; }  .jlViu { position: absolute; top: 4px; bottom: 10px; right: -40px; width: 40px; display: flex; justify-content: center; align-items: center; }  .tw9QI { 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); }    .oMNnX { padding: 4px 0px; ; position: relative; max-width: 900px; }            .zUkdh { background: #ffffffe0; padding: 30px 2%; position: relative; z-index: 100; box-shadow: 0px 0px 20px #2040a020; font-size: 110%; }  .pq5l1 { padding: 15px; margin: 1%; font-size: 120%; }    .fG105 { 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; }  .rBYAL { color: #0060c0; font-size: 105%; padding: 5px 0px; font-weight: bold; }  .o8l6h { opacity: .9; font-size: 85%; padding: 3px; }    .qIeoH { padding: 12px; display: flex; }  .akMXE { padding: 5px 10px; display: flex; margin: 0px 7px; border: dashed 1px #0060c0a0; transition: .2s; background: #f0f5fa; cursor: pointer; border-radius: 3px; }  .akMXE:hover { color: #0060c0; border: solid 1px #0060c0; background: #ffffff }          .anaZB { padding: 0px !important; overflow: hidden;}  .cDAz1 { padding: 50px 0px !important; overflow: hidden;}  .xSJr6 { border-radius: 5px; box-shadow: 2px 8px 25px #a0008080; }  .jOItT { display: flex; justify-content: center; align-items: center; height: 450px; position: relative; overflow: hidden; cursor: pointer; }  .czkEN { height: 100%; transition: 1.5s; }  .xHV1i { height: 100%; max-width: none !important; }  .ojzzT { position: absolute; bottom: 20px; padding: 10px; left: 50px; right: 50px; display: flex; justify-content: center; align-items: center;   z-index: 10; ;  }  .mgxbg { 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;  }    .jOItT:hover > .czkEN { transform: scale(1.2) rotate(3deg);}  .jOItT:hover > .ojzzT > .mgxbg { transform: scale(1.1) }            .c2hHv { width: 100%; max-width: 1000px; padding: 5px; }    .wIF0M { display: flex; border: 1px solid #20406030; width: 100%; height: 340px; }  .sE8sh { flex: 1; }  .aMVOB { width: 40px; position: relative; padding: 0px 7px; z-index: 101; }  .bCbVV { position: absolute; left: 6px; direction: ltr; font-size: 90%; }  .rpD1j { font-size: 85%; padding: 0px; }  .iMOh6 { font-size: 85%; padding: 1px 5px 0px 4px; direction: ltr; }  .q8la5 { top: 5px; }  .o9aAl { top: 121px; }  .oWUAi { top: 240px; }    .f3a7F { width: 100%; height: 300px; position: relative; margin: 10px 0px 0px 0px; border-top: 1px solid #20406030; }  .qMkAE { width: 90%; height: 250px; position: relative; margin: 10px 0px 0px 0px; }  .cFhUB { width: 100%; height: 50px; position: relative; background: #00b04005; z-index: 1000; display: flex; justify-content: center; align-items: center; }   .s0enC { transform: rotate(50deg); color: #0000a0; }   .yww1n { position: absolute; right: 150%; bottom: 28%; width: 430px; display: none; background: #fffffff0; padding: 7px 10px; box-shadow: 2px 6px 10px -3px #20406030; }   .cFhUB:hover > .yww1n { display: block; }    .iTBDQ { 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; }  .aOrXQ { 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; }  .n5riT { flex: 1; }   .n4IWc { background: linear-gradient(to top, #ffffff05, #00a05005); border-top: 1px solid #00802030; }   .mN2AS { background: linear-gradient(to top, #c0000005, #ffffff05); border-bottom: 1px solid #b0000030; }    .h2nvh { width: 100%; height: 100%; left: 0px; top: 0px; direction: ltr; position: absolute; z-index: 1; display: flex; overflow: hidden; ; }  .kxx1v { width: 28.57%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }  .hN80F { width: 14.286%; height: 100%; background: linear-gradient(to right, #ffffff20, #20406005); border-right: 1px solid #20406010; }    .rWkoq { height: 100%; position: absolute; top: 0px; width: 0.9524%; z-index: 10; }  .rWkoq:hover { z-index: 200; }  .a7ejR { position: relative; width: 100%; height: 100%; z-index: 1; transition: .2s; }  .a7ejR:hover { background: #ffffffa0; z-index: 2; box-shadow: 0px 0px 5px #20406010; }    .lbdkE { 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;  }  .tYTgB { display: flex;}  .a7ejR:hover > .lbdkE { display: block; }  .vYoLN { left: 180%; }  .bXDQU { right: 180%; }   .pbpLm {display: flex;}   .cwU5C {min-width: 85px;}   .qD6vj {min-width: 45px;}   .vp2Bz {min-width: 45px;}   .n1Ebe {min-width: 35px;}      .mT2QL { width: 100%; height: 240px; position: relative;}  .fhPhU { width: 100%; background: #00a0ff10; position: relative;}    .rPuwJ { width: 100%; height: 50px; position: relative;}  .tbmSk { position: absolute; left: 0.5px; right: 0.5px; bottom: 0px; border-radius: 2px 2px 0px 0px; background: #0050c0a0; }    .hyq6L { width: 100%; height: 28px; position: relative; display: flex; direction: ltr; }  .bmhJD { text-align: left; white-space: nowrap; padding: 4px 6px; border-left: solid 1px #20406020; }  .s0G0v { font-size: 80%; padding: 5px 7px; ;}                            .o02BN { padding: 5px; min-width: 500px; width: 100%; }  .xrQMi { margin: 7px 0px; border: 1px solid #20406020; border-radius: 6px; overflow: hidden;; }  .cLbk2 { padding: 10px; background: #f0faff; transition: .2s; cursor: pointer; transition: .2s; }  .cLbk2:hover { padding: 10px; background: #fff; font-weight: bold; }  .rupaX { padding: 5px; margin: 7px 0px; background: #f0fffa; display: none; border-radius: 5px; overflow: hidden;; }  .mj1sN { display: flex; flex-wrap: wrap; }    .s0yX7 { }  .eDT3o { font-size: 85%; opacity: .85; padding: 4px 15px 4px 5px; ; }      .lmYNB { width: 100%; display: flex; margin: 6px 2px; border: 1px solid #20406020; background: #e0f0ff; padding: 5px; border-radius: 5px;   transition: .2s; max-width: 500px; }  .lmYNB:hover { border: 1px solid #2040a050; background: #c0f0ff; }  .bmJWq { width: 120px; margin: 0px 0px 0px 6px; background: #fffaff; overflow: hidden;   border: 1px solid #20406050; border-radius: 3px; ;  }  .u1mBo { padding: 4px 0px;}  .s5HNv { cursor: pointer; transition: .2s; }  .s5HNv:hover { background: #ffffff; border: 1px solid #2040f0a0; }  .b88vl { display: flex; padding: 2px 7px; }  .noUFA { height: 1px; margin: 5px 0px; background: #20406030; }  .q4N0d { padding: 0px 2px; color: #0040f0; font-weight: bold; }  .i1PJV { opacity: .85; font-size: 85%; padding-top: 2px; }  .ocf5G { flex: 1; direction: ltr; font-family: monospace !important; word-spacing: nowrap; }  .gjUXj { flex: 1; direction: ltr; font-size: 85%; opacity: .85;; }  .hbMvG { flex: 1; direction: rtl; }  .lsqmj { flex: 1; margin: 0px 0px 0px 0px; background: #f5ffff; padding: 0px; overflow: hidden;   border: 1px solid #2040f030; border-radius: 3px; ;  }    .svAPb { padding: 10px 15px; font-size: 110%; color: #004060; background: linear-gradient(to left , #00a0ff30 ,#d000ff10,#f000ff00) }  .wcMS0 { cursor: pointer; position: relative; transition: .2s; overflow: hidden; }  .wcMS0:hover { transition: .2s;   color: #0040a0;   text-shadow: 1px 1px 1px #ffffff, 1px 2px 10px #ffffff;   font-weight: bold;  }  .wcMS0::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;  }  .wcMS0:hover::before { width: 110%; }  .aIki5 { padding: 8px; font-size: 85%; ; }  .wEW7Y { display: flex; flex-wrap: wrap; }   .gIRf7 { width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -2px; right: -2px; z-index: 1; background: #ffc050e0;; }   .vZu7A { top: auto; right: auto; left: 4px; bottom: 2px; background: #ffc050b0;; }   .nwysn { width: 100%; display: flex; flex-wrap: wrap; padding: 6px 0px 0 0 !important; min-width: 208px; }   .w6FSk { width: 100%; }   .uMTOd { display: flex; flex-wrap: wrap; border: 1px solid #20406020; border-radius: 4px; margin: 2px 3px; position: relative; }   .wJZPW { padding: 4px 6px 4px 8px; }   .hN2ta { padding: 4px 8px 4px 6px; direction: ltr; }   .euzsw { padding: 4px 8px 4px 6px; }  .zNmjL { padding: 1px 3px; background: #fff; direction: ltr; text-align: left; }  .iLuUz { direction: ltr; text-align: right;}                      .toXNu { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; direction: ltr; }  .aIq7j { height: 32px; margin: 2px 0px; border: 1px solid #204060a0; width: 100%; background: #fff; }      .b8MLG { display: flex; justify-content: center; align-items: center; padding: 4px; background: #a0c0f0; height: 100%; }  .gqqUb { height: 100%; margin: 2px 2px; border: 1px solid #204060a0; width: 32px; background: #fff; }                      .vTBDF { padding: 10px 2%; }  .nvaey { 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);  }   .mNQaz { font-size: 120%; padding: 7px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }   .mlIPF { font-size: 90%; padding: 5px 8px; }     .uvVY1 { padding: 5px 8px; border-top: 1px solid #20406020; display: flex; }   .jLiqU { padding: 0px 8px; display: flex; align-items: center; min-width: 100px; ; }        .lHPV7 { margin: 3px; flex-grow: 1; border: 1px solid #20406030; border-radius: 4px; background: linear-gradient(to top, #f0faff, #ffffff50);}  .sbYti { font-size: 105%; padding: 3px 12px; background: linear-gradient(to left, #50b0ff30, #ffffff00, #ffffff00); ; }    .h7CEb { padding: 4px 7px; display: flex; font-size: 90%; }  .g29g9 { padding: 0px 7px; display: flex; align-items: center; min-width: 80px; ; }            .l8eqS { padding: 5px; width: 100%; min-width: 350px; min-height: 100%; position: relative; line-height: 1.7; background: #fafdffa0; font-size: 110%;}    .lunjR { padding: 7px 4%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-width: 350px; }  .hoWgL { width: 100%; max-width: 1100px; }      .jEGaW { padding: 30px 2% 10px 2%; font-size: 120%; font-weight: bold; }  .ytF4h { padding: 10px 2% 30px 2%; font-size: 110%; }    .hZrA6 { padding: 5px 1%; }                  .auLCO { display: flex; flex-wrap: wrap; padding: 10px 3% ; }  .rQZAs { padding: 10px 20px; cursor: pointer; border: solid 1px #20406040; margin: 10px; background: #ffffff; box-shadow: 2px 10px 20px -4px #20406020; border-radius: 4px; }    .xr1cu { padding: 10px 3% ; }   .nzRSo { max-width: 300px;; }            .qNWBE { padding: 5px 1%; }   .oLpU6 { min-width: 470px; display: flex; flex-wrap: wrap; }   .fMXA9 { padding: 4px 8px; }   .uiQNj { 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); }   .ki3U6 { width: 460px; border: 1px solid #20406030; border-radius: 4px 0px 4px 4px; overflow: hidden; }   .ez8QR { display: flex;; border: 1px solid #20406030; font-size: 90%; line-height: 1.2; }   .lO508 { width: 200px; min-height: 25px; padding: 5px 10px 5px 5px; border-left: 1px solid #20406020; }   .ephYQ { width: 160px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; border-left: 1px solid #20406020; }   .lYHer { width: 100px; display: flex; justify-content: center; align-items: center; padding: 0px 5px; text-align: center; background: #fff; }   .jokyT { width: 22px; height: 100%; display: flex; justify-content: center; align-items: center; }   .v2u9m { width: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 5px; }   .rZyif { transform: scale(1.4) !important; }   .keTAQ { transform: scale(1.15) !important; }   .drLFS { background: #00ff8040; color: #008020; }   .lMAtH { background: #ffa05040; color: #805000; }   .ohMvP { background: #ff205015; color: #c00000; }   .knthF { display: flex; line-height: 1.2; padding: 3px 5px; justify-content: center; align-items: center; text-align: center; }   .wftTz { color: #805000; }          .gtCLq { display: flex; flex-wrap: wrap; justify-content: center }   .oydmi { width: 100%; max-width: 1200px; }   .juy5m { width: 100%; max-width: 1400px; }   .spuUR { width: 100%; max-width: 1800px; }  .iofVr { padding: 5px; min-width: 1200px; }   .dugtp { padding: 5px; display: flex; min-width: 1200px; }   .loAQH { margin: 5px 1%; flex-grow: 1; min-width: 350px; border: 1px solid #20406030; height: 500px; overflow: hidden; display: flex; flex-direction: column; }   .nmZeR { background: #00f05040; color: #004010; }   .pywm5 { background: #f0002040; color: #400010; }   .e2ZSs { background: #0050f040; color: #001040; }   .nkDZu { height: 40px; min-height: 30px; box-shadow: 0px 0px 10px -2px #20406020 ; display: flex; }   .ahWzl { height: 100%; display: flex; align-items: center; padding: 0px 15px; background: linear-gradient(to right, #ffffff50, #10305010); }   .oh2ax { height: 100%; display: flex; align-items: center; padding: 0px 10px 0px 5px; font-size: 90%; opacity: .8;; }   .rWjkt { height: 100%; display: flex; align-items: center; padding: 0px 5px 0px 5px; font-weight: bold; direction: ltr; }   .ylolu { flex-grow: 1; overflow: auto; background: #ffffffa0; padding: 4px 0 5px 0; }   .vZPMZ { display: flex; height: 30px; margin: 0px 2px; border: 1px solid #20406020; }   .mWfZ3 { display: flex; height: 100%; align-items: center; margin: 0px 0px 0px 2px; border-left: 1px solid #20406020; }   .gxChN { width: 50px; padding: 2px 2px 2px 4px; }   .r4JUq { width: 100% !important; direction: ltr; color: inherit !important; background: #ffffffb0; }   .rRrDD { padding: 2px 0px 2px 0px; }   .cT5EI { 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; }   .mlMkP { display: flex; position: relative; padding: 0px 0px ; width: 65px; min-width: 65px; white-space: nowrap; overflow: hidden; }   .suHyI { border: 1px solid #ffffff00; }     .qSypf { 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; }   .vznOm { width: 100%; height: 80px; padding: 5px 0px; box-shadow: 0px 0px 10px -2px #20406020 ; }   .dV6n1 { width: 100%; height: 50%; justify-content: center; display: flex; padding: 4px; }   .qEvgb { width: 100%; flex-grow: 1; overflow: auto; padding: 4px 5px; }   .dQX3p { height: 29px; margin: 1px; display: flex; padding: 0px 5px; }   .hOFQl { padding: 0px 5px; min-width: 40px; height: 100%; border-radius: 4px; justify-content: center; align-items: center; display: flex; cursor: pointer;; }   .wYAg8 { color: #00a020; }   .mhEyi { color: #fff; background: #00a020; }   .eGdmY { color: #b00010; }   .jpsEf { color: #fff; background: #b00010; }   .dQiNc { color: #0020a0; }   .krZPC { color: #fff; background: #0020a0; }   .xCPnD { flex-grow: 1; padding: 0px 5px 0 0; white-space: nowrap; overflow: hidden; display: flex; align-items: center; height: 100%; }   .wpBC1 { display: flex; align-items: center; height: 100%; min-width: 40px; justify-content: center; direction: ltr; }       .qpl9T { display: flex; width: 100%; min-width: 1100px;;}    .mOARg { padding: 5px 10px; }   .d6F59 { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; box-shadow: 0px 5px 15px -5px #2040a020; }   .lRVqS { 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;; }   .qJhuE { background: #ffffff50; margin: 3px 5px; padding: 0px; }   .lRVqS:hover { background: #ffffff; box-shadow: 1px 4px 15px -5px #20406050; z-index: 10;; }   .wvP0h { display: flex; align-items: center; padding: 0px 0px 0px 5px; }   .tL6oT { 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); }   .k2cHh { background: #ffffff50; margin: 0px; }   .tL6oT:hover { background: #00a0ff20; color: #002080; }   .bLWO3 { position: relative; }   .qxuSS { cursor: pointer; width: 100%; padding: 3px; }   .qxuSS:hover { background: #00a0ff20; }   .krWMa { font-size: 90%; width: 100%; transform: scale(.8) translate(50px, 0px); cursor: pointer; padding: 3px; }   .p1WAm { font-size: 90%; width: 100%; }    .ySuVB { display: flex; justify-content: center; padding: 5px 10px; }   .a5eZt { width: 100%; border: 1px dashed #2040a060; border-radius: 4px; overflow: hidden; }   .oLbhO { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .gmFoF { padding: 4px 5px; cursor: pointer; display: flex; height: 35px; font-size: 90%; align-items: center; background: #ffffff50; }   .aEDdn { height: 50px; border-bottom: 1px solid #20408040; }   .pEPw7 { padding: 0px 15px 0 10px; color: #006020;}   .lgNmh { padding: 0px 15px 0 0; flex-grow: 1; color: #002060; }   .wPAIt { padding: 0px 10px; opacity: .7; }     .yUaqI { padding: 5px ; display: none; }   .mYx4Q { display: flex; flex-wrap: wrap; justify-content: center; }   .xrZLk { display: block; background: #b050ff05; }     .fVfRY { padding: 5px ; border: 1px dashed #20406030; background: #fff; margin: 10px 5px; }   .eDp1c { 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;; }   .eDp1c:hover { border: 1px solid #2040a0a0; box-shadow: inset 0px 0px 5px #2060c050; }   .mztES { border: 1px dashed #20406000 !important; opacity: .75; cursor: auto; }   .pghVv { display: flex; padding: 4px 10px; }   .lZMNF { padding: 1px 5px 0px 16px; color: #008030; font-size: 85%; }   .qi3Zm { display: flex; }   .a8sUC { margin: 5px; flex-grow: 1; border: 1px solid #20406020; padding: 2px 5px 1px 5px; border-radius: 4px;}   .tPUb2 { background: #e0fff5a0; color: #006010; border: 1px solid #00a02040; }   .x4YY3 { background: #fff0f5a0; color: #600010; border: 1px solid #a0002040; }   .nap9j { background: #f0f5ffa0; color: #203060; border: 1px solid #0020a040; }   .o5ykL { display: flex; }   .ufXUe { display: flex; font-size: 85%; }   .aPwI3 { flex-grow: 1; padding: 1px 3px; }   .fksfS { padding: 1px 3px 1px 1px; }   .bEu0Z { display: flex; justify-content: space-evenly; padding: 3px 0px; position: relative; }   .aCbJj { 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;}   .hC3ri { display: flex; }      .hGoHt { 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; }   .m8WM0 { background: #fafffd; box-shadow: 0px 5px 15px -5px #00802030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #00802030; }   .lM0Vs { background: #fffafc; box-shadow: 0px 5px 15px -5px #a0001030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #a0001030; }   .lhZj4 { background: #fafbff; box-shadow: 0px 5px 15px -5px #0000a030, inset 0px 0px 50px 5px #ffffff; border: 3px solid #0000a030; }   .b1piv { padding: 10px 10px 0px 10px; height: 40px; align-items: center; display: flex; }   .y58su { padding: 0px 10px 0px 20px; display: flex; }   .bBi7H { padding: 4px 8px; width: 100%; }   .y4a56 { padding: 0px 2px; width: 100%; display: flex; position: relative; }   .avGze { 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; }   .y4a56:hover > .avGze { opacity: 1; }   .tyD2v { padding: 0px 8px; display: flex; }   .mNIR5 { padding: 0px; display: flex; align-items: center; }   .rzhc5 { padding: 1px 10px 0px 0px; font-size: 80%; opacity: .8; }   .aNGRs { padding: 1px 4px 0px 5px; font-size: 115%; font-weight: bold; }   .ewOdY { padding: 1px 0px 0px 5px; font-size: 80%; opacity: .7; }   .e6EcN { padding: 1px 8px 0px 8px; font-size: 95%; direction: ltr; }   .cMUqZ { padding: 0px 15px 2px 15px; font-size: 140%; font-weight: bold; }   .dBg7W { color: #006020; text-shadow: 1px 3px 6px #00f060a0; }   .k85uZ { color: #800000; text-shadow: 1px 3px 6px #f0004050}   .jAEkr { padding: 0px 8px; font-size: 115%; }   .vp4uU { direction: ltr; }   .t2yRj { position: relative; width: 100%; height: 12px; border-radius: 4px; background: #f0faff; box-shadow: inset 0px 0px 3px 1px #20406040;}   .ijAU2 { 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;}   .pRjQ5 { background: linear-gradient(to bottom, #00a030, #008030, #008010); }   .u7H07 { background: linear-gradient( to bottom, #c00010, #a01010, #a00000); }   .qBAji { padding: 10px 10px; }   .yos0e { margin-top: 32px;}   .gl5Sq { padding: 0px 0px; border: 1px dashed #00206050; margin: 5px 0px; border-radius: 4px; }   .ewj0t { border: 1px solid #2040a0a0; margin: 8px 0px 15px 0px; }   .fV1jc { padding: 4px 5px; cursor: pointer; display: flex; height: 30px; font-size: 90%; align-items: center; background: #0080ff08; box-shadow: inset 0px 0px 20px #2040a010; }   .pHU3f { background: #0050ff20; }   .l6kbF { padding: 0px 15px 0 0; width: 190px ; }   .wzpNO { padding: 0px 15px; opacity: .7; }   .oZsWy { padding: 5px ; display: none; max-height: 300px; overflow: auto; }   .lfNaX { border-radius: 5px; font-size: 85%; height: 28px; display: flex; cursor: pointer;; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; }   .lfNaX:hover { background: #008090; color: #fff; }   .o9F9R { width: 80%; padding-right: 4px; display: flex; height: 100%; align-items: center; white-space: nowrap; }   .slqYG { height: 100%; display: flex; width: 20%; align-items: center; white-space: nowrap; overflow: hidden; }   .xHd3f { display: block;}      .pzvkp { border: 2px solid #20406040; min-width: 1150px; margin: 10px 1% 20px 1%; box-shadow: 2px 5px 20px -5px #20406030; border-radius: 4px; overflow: hidden;; }   .wXJZN { display: flex; height: 50px; background: #ffffffa0; box-shadow: 0px 0px 20px -5px #20406050; }   .vuXlO { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 120%; font-weight: bold; }   .nasRu { display: flex; height: 100%; align-items: center; padding: 0px 20px; font-size: 110%; }   .mFFyr { padding: 5px; width: 100%; }   .gYcxH { flex-grow: 1; margin: 15px 1%; font-size: 110%; justify-content: center; align-items: center; }   .uVl3s { flex-grow: 1; padding: 5px 12px; align-items: center; display: flex; }   .xspEX { padding: 5px 12px; font-size: 110%; }   .aOxml { padding: 5px 12px; font-size: 110%; direction: ltr; }   .lnp83 { padding: 5px 12px; }   .fJPfB { display: flex; padding: 2px 10px; height: 40px; background: #fff; margin: 5px 0px; align-items: center; }   .qiAu7 { padding: 0px 5px; font-size: 85%; opacity: .8; }   .vgcCr { padding: 0px 10px 0px 10px; font-size: 105%; direction: ltr; }   .lxaSA { padding: 5px 10px; min-width: 200px; }   .xQ180 { height: 20px; }   .rulzE { padding: 5px 10px 10px 10px; font-size: 85%; text-align: center; }                            .duddb { position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; }  .mbcw9 { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 14px; line-height:1.4; }  .eArFl {  }      #kRGDZ { 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;  }  .j9sZ3 { animation: ooWXC 0.3s 1; }  .xAXuH { animation: rsvQt 0.3s 1; }  .llrH9 { animation: yZ8Ot 0.3s 1; }  .kIian { animation: fHrtT 0.3s 1; }    .y9Bop{ z-index: 21000; }    .myHelpBox1{ z-index: 20001;}  .myFilterBox1{ z-index: 20000;}    .wFYaS { z-index: 23000000 }  .aX7Tq { z-index: 25000000 }  .aX7Tq:hover { z-index: 28000000 }  .pindivleft1 { z-index: 27300020; }  .opdivleft1 { z-index: 27200020; }  .whdJn{ z-index: 27300020; }  .fwYXq { z-index: 27200020; }  .fljAV { z-index: 27100020; }  .sLiC9 { z-index: 27000000; }  .glx5e { z-index: 2400000 !important; }    .zCztk{ z-index: 2500000; }  .zCztk:hover { z-index: 27000000; }    .uADub { z-index: 40000000 }    .bSFn4 { z-index: 18000 }    .ylAab { top: 1px; left: 0px; right: 0px;;z-index: 225; height:28px }  .myTopHeadrHeight { height: 40px; }  .ylAabF { 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}  #x6vub { 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; }  .x6vubR { right: 41px !important; }  .x6vubL { left: 41px !important; }  .myWidthTopBox1 { top: 0px !important; left: 0px !important; right: 0px !important; z-index: 9999999 !important; }          #crnTF { height:28px ; bottom: 0px ; left: 351px ; right: 121px ; z-index: 110; }  .crnTFR { right: 41px !important }  .crnTFL { left: 40px !important }  .crnTFH { height: 200px !important }        #iHx9G { top:58px ; left: 351px;right: 121px;bottom: 29px; z-index: 100; }  .iHx9GR { right: 41px !important; }  .iHx9GL { left: 40px !important; }  .iHx9GB { bottom: 200px !important; }  .iHx9GT { 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;; }        #ybvhb { top:29px ; width: 100% ; max-width: 350px;left: 0px;height: 35px;position: fixed; transition: .3s; ; z-index: 220; display: flex; flex-wrap: wrap; }  .h21ew { margin: 0 0 5px 5px; }  .uS7Qq { height: 100% ; max-width: 40px !important ; bottom: 0px ; display: block !important }  .uS7Qq > .h231G > .lztP4 {display: none !important;}      #sDU2N { top:62px ; width: 100% ; max-width: 350px;left: 0px;bottom: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 210; }  .m8zb9 { left: -310px !important; opacity: 0; }      .zRD2L { top:0px ; bottom: 0px;left: 0px;right: 0px;position: fixed; transition: .3s; overflow: hidden; z-index: 220; display: none; background: #0050b050; }    #pkzqv { min-width: 350px; max-width: 500px; left: 5px;bottom: 35px;position: fixed; transition: .3s; z-index: 210000; }      @media (max-width: 570px)  {   #pkzqv { max-width: 100%; }   .m8zb9{ left: -350px !important ; }   #y2DgS { display: none !important; }  }    @media (max-width: 700px)  {   .wmIns { right: 0px; max-width: 100%; width: 100%; }    }      @media (max-width: 1800px)  {   #iHx9G { right: 40px; }   .iHx9GR { right: 40px !important ; }      }    @media (max-width: 1400px)  {   #iHx9G { left: 40px; right: 40px; }   .iHx9GR { right: 40px !important ; }   .iHx9GL { left: 40px !important; }     #x6vub { left: 40px ; }   #crnTF { left: 40px ;}    }    @media (max-width: 925px)  {   #x6vub { left: 40px ; right: 40px; }     #crnTF { left: 40px ; right: 0px }   .crnTFR { right: 0px !important }   .crnTFL { left: 0px !important }     .myRightPan { width: 40px !important; right: -41px !important;; }     .uS7Qq { left: -310px !important ; max-width: 350px !important ;height: 40px ;position: fixed ; }     #iHx9G { left: 0px; right: 0px; }   .iHx9GR { right: 0px !important ; }   .iHx9GL { left: 0px !important; }   .uS7Qq { height: 35px !important ; max-width: 400px ; bottom: auto ; display: flex !important }     .uS7Qq #ybvhb { height: 28px; }   .myTime{ border: none }   .kRlq9{ border: none }  }                    .y9Ew7 { top: -400px !important; opacity: 0 !important; }  .e1Rlq { top: -500px !important; opacity: 0 !important; }  .lNSOX { right: -500px !important; top: 200px !important; opacity: 0 !important; }  .dT0mG { left: -500px !important; top: 200px !important; opacity: 0 !important; }  .i2Cw0 { opacity: 0 !important; top: 500px !important }  .o08Mh { transition: 500ms !important; }          @media (min-width: 1px) and (max-width: 500px)  {   .mHyNe   {   display: none !important;   }   .uJ1ND   {   display: block !important;   }  }    .bdB1d { display: none !important;}  @media (min-width: 1px) and (max-width: 850px)  {   .dy5CU   {   display: none !important;   }   .bdB1d   {   display: block !important;   }  }    .gjDbz { display: none !important;}  @media (min-width: 1px) and (max-width: 1100px)  {   .eEe8l   {   display: none !important;   }   .gjDbz   {   display: block !important;   }  }    @media (min-width: 1px) and (max-width: 500px)  {    }    @media (min-width: 1px) and (max-width: 1100px)  {   .apfJS {padding: 0px 4px !important;}   .gmTpt { min-width: 180px !important; }   .avg95 { min-width: 40px !important; }   .xc51s { width: 65px !important; }   .aX7Tq { padding: 0px !important; left: 40px !important; box-shadow: none !important; outline: none !important; height: 30px !important; }   .pPJmi { padding: 0px 0 0 2px;}   .kWrAu { width: 40px !important;}  }                        .uVtSC { position: relative !important; }  .zSNWE{ 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);} }      .dvOsa{ 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;}  .z40Qe{ background: #f0e0a000 !important; }  .bI0m1{ min-height: 100% !important; background: #f0e0a000; }      @keyframes wUOMx {   0%{ opacity: 0; transform: translate(40px, 0px) rotate(2deg); }   65%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }      @keyframes c3fwN {   0%{ opacity: 0; }   100%{ opacity: 1; }  }  @keyframes hsvg3 {   0%{ opacity: 0; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }    @keyframes e5ZTT {   0%{ opacity: 0.5; transform: scale(.8); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes dbNrI {   0%{ opacity: 0.7; transform: scale(.9); }   100%{ opacity: 1; transform: scale(1); }  }  @keyframes wIpuB {   0%{ opacity: 0.5; transform: scale(.8) translate(20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes cEn9w {   0%{ opacity: 0.5; transform: scale(.8) translate(-20px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes wmBsJ {   0%{ opacity: 0.5; transform: scale(.8) translate(0px,20px); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes aGbex {   0%{ opacity: 0.4; transform: scale(.8) translate(40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes x4emI {   0%{ opacity: 0.4; transform: scale(.8) translate(-40px,0); }   100%{ opacity: 1; transform: scale(1) translate(0px,0); }  }  @keyframes n4qZh {   0%{ opacity: 0; transform: translate(-310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }  @keyframes tL3MI {   0%{ opacity: 0; transform: translate(310px,0); }   100%{ opacity: 1; transform: translate(0px,0); }  }    @keyframes yoYkM {   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 eu7t1 {   0%{ opacity: .2; transform: translate(150px, 0px) rotate(5deg); }   75%{ transform: translate(-5px, 0px) rotate(-1deg); }   100%{ opacity: 1; transform: translate(0px, 0px);}  }    @keyframes zUBx1 {   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 cDi0R {   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 lnbiC { 0%{ opacity: 0; } 100%{ opacity: 1; } }  @keyframes diUNC { 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 1; } }  @keyframes qM5Zk { 0%{ opacity: .2; transform: translate(100px, 0px); } 100%{ opacity: 1; } }  @keyframes bnikO { 0%{ opacity: 1; transform: translate(-150px, 0px); } 100%{ opacity: 0.2; } }  @keyframes alqzT { 0%{ opacity: 0; transform: translate(0px, -50px); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes orO8a { 0%{ opacity: 0; transform: translate(1000px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }  @keyframes pNeop { 0%{ opacity: 0; transform: translate(400px, 0); } 100%{ opacity: 1; transform: translate(0, 0);} }        @keyframes cMFJ8 { 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 ivnVM {   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 j4BIm {   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 hJyrk { 0%{ opacity: 0; transform: translate( 0px, 250px) scale(.5); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes ktJRl { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 100%{ opacity: 0; transform: translate(-100px, 100px) scale(.4) } }  @keyframes o1YUp { 0%{ opacity: 1; transform: translate( 0px, 0px) scale(1); } 50%{ opacity: .8; } 100%{ opacity: 0; transform: translate(100px, 700px) scale(.2) } }  @keyframes t2aII { 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 eZUEy { 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 rirl4 { 0%{ opacity: 0} 30%{ opacity: 1; } 70%{ opacity: 1; } 100%{ opacity: 0; } }  @keyframes qmkHL { 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 iPvlq { 0%{ display: none; opacity: 0} 90%{ display: block; opacity: 0} 100%{ opacity: 1; } }      @keyframes csqHf { 0%{ opacity: 0} 100%{ opacity: 1; } }  @keyframes ieaA6 { 0%{ opacity: 1} 100%{ opacity: 0; height: 0px; } }      @keyframes wLqhN { 0%{ offset: 1px solid #00a050;} 100%{ offset: 1px solid #00a050 } }      @keyframes z2GkU { 0%{ opacity: .5; transform: translate(0,0); } 40%{ opacity: .5; transform: translate(0px,2px); } 100%{ opacity: 1; transform: translate(0,0); } }    @keyframes opTaN { 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 yqf7k { 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 lFS35 { 0%{ transform: translate(-10px,0px) ; opacity: .5 } 100%{ opacity: 1; transform: translate(0,0) ; } }  @keyframes wiO28 {   0%{ background: #00a0ff00; color: #234; }   40%{ background: #c0e0ff30; color: #00f }   100%{ background: #00a0ff00; color: #345 }  }      @keyframes aS96c {   0%{ opacity: 1; background: #ffff0020; font-weight: bold; color: #700030; }   70%{ opacity: 1; background: #00ffff20; }   99%{ opacity: 0; }   100%{ opacity: 0; display: none; }  }    @keyframes gthke {   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 ktp4R { 0%{ height: 0%; } 100%{ height: 100%; } }                @keyframes vTrc5  {   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 e1Owq  {   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 joxS6 {   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 yLSsj {   0%{ transform: translate( 0px,-50px) ; opacity: 0; }   50%{ transform: translate(0px,-50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes bC01J {   0%{ transform: translate( 0px,50px) ; opacity: 0; }   50%{ transform: translate(0px,50px) ; opacity: 0; }   100%{ transform: translate(0px,0px) ; opacity: 1; }  }    @keyframes gAxCA {   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 c6gdL {   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 fNxPj {   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 odzFu {   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 gpJ82 {   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 xcOpt {   from { transform: rotate(0deg); }   to { transform: rotate(1080deg); }  }    @keyframes ooWXC { 0%{ opacity: 0; transform: translate(50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes rsvQt { 0%{ opacity: 0; transform: translate(-50px, -50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes yZ8Ot { 0%{ opacity: 0; transform: translate(50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }  @keyframes fHrtT { 0%{ opacity: 0; transform: translate(-50px, 50px) scale(0.6); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      @keyframes n92AL {   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 d7wd3 { 0%{ opacity: 0.5; transform: translate(-350px, 0px) } 100%{ opacity: 1; transform: translate(0, 0) } }                          .zMM8I { 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 wWuqc {   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;}                                                      .i21PA { 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;}                      #crnTF{ 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; }    .v0w8k { color: #008000;}  .xooTe { 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; }          .zRD2L { 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; }  .cDdGg { opacity: 0; }          .zxZM2  {  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);  }    .iSRMt  {  position: absolute;  top: 0px; right: 0px; width: 100%; min-width: 500px; z-index: -1;  height: 100%;  background-attachment: scroll;  opacity: 0;  transition: .3s;  }    .uZlVq  {  opacity: 1;  }  .aW90j  {  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;  }      .cJUB2  {  position: absolute;  top: -300px; right: -650px; width: 900px; height: 900px; z-index: -2;  background: #a0ffe050;  transform: rotate(60deg);  }    .hdsgW  {  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}                .gsvvO { 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; }  .gsvvO:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 15px #00002080; transition: 0.3s; }    .hPNrj { 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; }    .haLjo { position: absolute; z-index: 100; left: 0px; width: 250px; top: 70px; bottom: 0px; background: #00005070;  box-shadow: 0px 0px 10px #00002030; }  .y9bka { display: flex; align-items: center; height: 45px; color: #e0ffff; padding: 0px 10px 0px 0px; text-shadow: 0px 0px 5px #000000; font-size: 120%; }    .m2Dtk { position: absolute; z-index: 50; right: 0px; width: 100%; top: 0px; bottom: 0px; }    .eWixq { width: 100%; }              .tHmML { 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; }  .wItIQ {padding: 8px; border-radius: 5px; margin: 5px; box-shadow: 1px 2px 5px #20406010,1px 4px 15px #30406010,inset 0px 0px 15px #ffffff50; background: #ffffff ; }  .y7oR2 { 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;; }  .y7oR2:hover { background: #f0ffff; color: #0070d0;box-shadow: 1px 4px 10px #20a0e0b0, 0px 1px 4px #20a0e080;border-radius: 3px }  .oXy30 { 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;; }  .oXy30:hover { background: #ffffff; color: #0070d0;box-shadow: 1px 1px 10px #20a0e0b0, 0px 0px 4px #20a0f080;border-radius: 5px }    .wWjds { margin: 10px;box-shadow: 0px 0px 10px #a0b0c080; background: #ffffff ; }  .uTqSL {padding: 5px; }  .vySi7 { cursor: pointer; width: 100%; }  .zCPVH {padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px #a0b0c050; background: #ffffff ; }    .hayfw{ 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; }  .hayfw:hover{ box-shadow: 3px 4px 10px #20406050; border: 2px solid #e0f0ff50; opacity: 1; }  .xnhYy { cursor: not-allowed !important; opacity: .7 !important; background: #f0f0f0; box-shadow: 3px 5px 10px #20406010 !important; }  .flIfq{ 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; }    .yCeR7 { padding: 5px; font-size: 110%; }  .xXxHE { padding: 5px; font-size: 80%; }  .wJx4Y { position: relative; padding: 5px;; }  .m7ndO { font-size: 105%; padding-bottom: 8px; }  .tCAqI { font-size: 85%; opacity: .85; ; }  .tCAqI::after { position: absolute; z-index: 10; left: 5px; right: 5px; content: ''; top: 48%; bottom: 47%; background: #f00000a0; border-radius: 5px; transform: rotate(-6deg); }    .d4Zx6 { font-size: 85%; padding: 2px;; }  .eerhA { font-size: 80%; padding: 2px;; }    .wwLhN { display: none !important; margin: 40px 10px 15px 10px; }  .chOGN { position: relative; padding-left: 50px; overflow: hidden; }  .chOGN::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); }  .gPjy0 { display: block !important; }      .jD2Hv{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .zBSXR{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; min-width: 300px; }  .w1yDt{ 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; }  .f8POh { 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; }  .bzXrV { margin: 20px 15px 50px 15px; color: #300050; }  .ky2ii { width: 100%; height: 80px; position: relative; }  .cSes8 { height: 125px;;}  .guoDd { position: absolute; right: 25px; width: 60px; height: 60px; transform: translate(0,-20px); z-index: 10; }   .z57gP { position: relative; width: 100%; height: 100%; }   .tXNry { 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; }   .iYADe { 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; }   .mdCWH { 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; }   .i2lhw { background: linear-gradient(to right, #e050f0, #f080f0); border: 1px solid #a000d0; }   .t2aus { background: #00c0e0; }  .vUoIF { position: absolute; left: 25px; transform: translate(0,-20px) rotate(-5deg); z-index: 10; }   .xAQ43 { position: relative; padding: 4px 7px; background: #c00000; color: #fff; font-size: 80%; text-shadow: 1px 2px 6px #500020; font-weight: bold; }   .pEpRJ { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(-13deg); padding: 5px 10px; background: #903000; }   .hBdf7 { position: absolute; z-index: -1; top: 0px; right: 0px; width: 100%; height: 100%; transform: rotate(13deg); padding: 5px 10px; background: #900040; }    .o1P89 { 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; }  .qL3ba { 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; }   .lssvt { font-size: 110%; font-weight: bold; padding: 0px 5px; }  .ovCwZ { transform: scale(.9); opacity: .4; top: 25px; background: linear-gradient(to right, #fff0f0, #e0ffff, #fff0f0); height: 42px; border: 2px solid #b00050; color: #800050; }  .hNu4o { z-index: 200; top: 50px; background: linear-gradient(to right, #a0fff0, #e0ffff, #d0fff0); color: #008030; text-shadow: 1px 2px 7px #00a05040; }   .wIF4B { 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; }    .fZJI1 { width: 100%; position: relative; font-size: 90%; }  .llSpx { position: absolute; height: 55px; width: 75px; border: 1px solid #20406030; background: #ffffff40; bottom: 5px; left: 5px; border-radius: 4px; }   .lMNtv { height: 25px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 11px; }   .fJGmu { 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; }  .xxEz1 { }   .vDUyF { display: flex; height: 35px; font-size: 90%; background: linear-gradient(to top, #0050a015, #ffffff10, #ffffff20); border-bottom: 1px solid #2040a010; }   .bBqfY { 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); }   .yhpjZ { width: 45%; padding-left: 9px; border-left: 1px dashed #5000a0a0; background: linear-gradient(to right, #ffc0ff50, #ffe0ff80) }   .zOSxl { display: flex; align-items: center; padding-right: 8px; }   .w0dN0 { display: flex; height: 50px; font-size: 85%; background: linear-gradient(to top, #e0fff0a0, #f0ffffc0); display: flex; justify-content: center; align-items: center; color: #005020; }   .p9A9y { display: flex; height: 40px; font-size: 85%; background: linear-gradient(to top, #e0fff0b0, #f0ffffd0); display: flex; padding-right: 50px; align-items: center; color: #005020; }      .vN7nt{ box-shadow: 3px 4px 15px -4px #205080c0 !important; transform: scale(1.08); border: 2px solid #4000d0 !important; background: #20a0f0; color: #fff; opacity: 1 !important; }  .vN7nt > .ky2ii > .guoDd > .z57gP > .iYADe { transform: rotate(-45deg); }  .vN7nt > .ky2ii > .guoDd > .z57gP > .mdCWH { opacity: .8; background: #f0a000; transform: rotate(382deg); }  .zBSXR > .vN7nt { background: #b050f0; }    .hWIdO { border: 2px solid #20406040; background: #fff; border-radius: 5px; position: relative; padding-top: 30px; margin-top: 50px; }  .pMPih { 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; }   .oLhRJ { display: flex; flex-wrap: wrap; align-items: center;padding: 5px 15px;; }   .symk7 { 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; }   .tN0WP { 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; }  .oilhl { padding: 5px 55px 20px 5px; margin-bottom: 5px; }      .fNHjr {min-height: 250px;}    .nl25a{ padding: 8px 15px; }  .tO08P { 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; }  .wmzzx { 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; }  .tO08P input { position: absolute; opacity: 0; cursor: pointer; }  .tO08P:hover input ~ .wmzzx { background: #e0ffff; }  .tO08P input:checked ~ .wmzzx { background: #2196F3; color: #ffffff; border: 5px solid #2080d0; font-size: 22px; font-weight: bold; }  .uUJYI { min-height: 150px; padding: 10px; }  .kVmqW { font-size: 90%; padding-top: 7px;; }  .d1eti { 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; }  .amELP { padding: 8px 15px; font-size: 110%; color: #0080a0; }  .d3Pgg { padding: 5px 10px; }  .r6pIG{ 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; }          .gbCTR { padding: 5px; }  .rdvQZ { margin: 6px; background: #f4f8ff; border-radius: 8px; overflow: hidden; border: 1px solid #c0d0f0; transition: .2s}  .rdvQZ:hover { background: #f0f8ff; border-radius: 10px; border: 1px solid #80c0f0; }  .t3EF3 { padding: 5px 10px; background: #a0e0ff40; cursor: pointer;transition: .3s }  .t3EF3:hover { padding: 5px 20px; background: #a0e0ff50; color: #1040a0 }  .whLgR { padding: 5px 10px; display: none; }  .s0AO4 { margin: 7px; background: #e4f0ff00; }  .pkJW1 { margin: 5px; }  .joQcl { padding: 5px 5px 0px 0px; color: #400070 ; font-size: 95%}  .eQkc4 { 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;  }      .g1yIH { max-width: 200px; max-height: 200px; }  .flUtw { width: 100%; height: 100%; }          .wWmf9 { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }  .l55hl { width: 100%; height: 100%; max-height: 100px; }  .xcCnA { width: 100%; height: 100%; max-height: 35px; display: flex; justify-content: center; align-items: center; }    .n1jaz { width: 100%; height: 100%; padding-top: 4px;}  .cMqBi { width: 99%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center;}  .gxe3P { width: 106%; position: relative; display: flex; }  .ms1hR { height: 85%; width: 100%; }  .i4ZUW { height: 15%; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }    .pEIkx { 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;  }  .pEIkx::after { position: absolute; content: ''; left: 49%; right: 48%; top: -4px; bottom: -5px;   background: linear-gradient(to bottom, #0050a080, #0050a005, #0050a005, #0050a020);  }    .myNEN { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #20406010; }  .mAuPH { 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; }  .blP9G { width: 25px; height: 100%; max-width: 40px; position: relative; }      .lwrej { width: 100%; display: flex; flex-wrap: wrap; }    .iH1PR { padding: 1%; width: 100%; max-width: 900px }  .mJq9p { padding: 1%; width: 100%; max-width: 550px }  .k58zz { width: 100%; position: relative; background: var(--xdx5r); box-shadow: 2px 4px 15px var(--yLmGq);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden;;   display: flex; flex-direction: column; align-items: center;  }    .qwCjr { width: 100%; position: relative; display: flex; }    .xEgiI { height: 30px; font-size: 95%; background: #a0f0ff10; box-shadow: 0px 0px 6px var(--yLmGq); justify-content: center; align-items: center; }  .rtQZG { height: 240px; width: 94.3%; box-shadow: inset 0px -2px 10px var(--yLmGq);  border: 1px solid var(--iqAxs); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }    .lSsuP { height: 35px; background: linear-gradient(to right, #b0002030, #f0000020, #f0f0ff20, #00b00020, #00a03030); direction: ltr; }  .rq1Yq { height: 80px; }  .ae9xD { height: 200px; width: 94.3%; box-shadow: inset 0px 2px 10px var(--yLmGq);  border: 1px solid var(--iqAxs); background: linear-gradient(to right, #ff002020, #ffffff20, #00f05020); }  .kI495 { width: 97%; }  .azg3p { width: 100%; }  .wDRRr { width: 97%; }  .tkU0p { height: 15px;}  .zfc8u { height: 150px; font-size: 90%;}  .yanBV { height: 15px;}  .atM6T { height: 50px; }    .csoU6 { 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;  }  .csoU6::after { position: absolute; content: ''; left: 49%; right: 48%; top: -5px; bottom: -5px;   background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a005, #0050a0a0);  }  .nPI4o::after { top: -2px; bottom: 5px; left: 48%; background: linear-gradient(to bottom, #0050a0a0, #0050a005, #0050a000);  }  .mZGXQ { font-size: 90%; opacity: .9; padding: 1%; }  .nw7Nv { z-index: 1; width: 7.6667%; height: 100%; direction: ltr; z-index: 5;   display: flex; justify-content: center; align-items: center; position: relative;  }  .maypm { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }  .nlQ8s { position: absolute; left: 45%;right: 45%; top: 1%; bottom: 1%; background: #8090a0; z-index: 1; }  .orHf2 { position: relative; width: 100%; background: #4050a0; z-index: 2; }  .eboez { background: #f00010; }  .pTonV { background: #00c040; }    .gu1sk { z-index: 1; width: 14.286%; background: linear-gradient(to right, #ffffff10, #0080e010); height: 100%; }  .v2bOZ { bottom: 0px; background: linear-gradient(to bottom, #0080e0, #a0c0f0); }  .gy7aX { top: 0px; background: linear-gradient(to bottom, #a0c0f0, #0080e0); }    .g5dn7 { position: absolute; z-index: 20; }  .jyovE { bottom: 0px; font-weight: bold; display: flex; justify-content: center; padding-top: 5px; }  .pELlV { top: 4px; font-weight: bold; display: flex; justify-content: center; padding-top: 10px; align-items: end; }  .zQ4CC { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff10); border-radius: 2px 2px 0px 0px; }  .kM2RY { bottom: 0px; background-image: linear-gradient(110deg, #0050c040, #ffffff00, #ffffff20); border-radius: 3px 3px 0px 0px; }  .mBqiR { top: 0px; background-image: linear-gradient(160deg, #ffffff20, #00808050); border-radius: 0px 0px 2px 2px; }    .ymW9k { background-color: #d04000;color: #e03000; }  .vzyuH { background-color: #d04050;color: #d04040; }  .zq1vg { background-color: #a05060;color: #a05060; }  .uoFw4 { background-color: #8090a0;color: #606070; }  .zYq8M { background-color: #208080;color: #208080; }  .oB4FX { background-color: #00a080;color: #00a050; }  .i9WEe { background-color: #009050;color: #00b040; }      .dwU7P { display: flex; flex-wrap: wrap;}  .iH1Zo { padding: 10px 0px;}  .bazarStatus  {  margin: 1%; display: flex; flex-wrap: wrap; max-width: 400px; overflow: hidden;  background: var(--xdx5r); box-shadow: 2px 4px 15px var(--yLmGq);  -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; }      .ncBLg  {  width: 100%; padding: 15px ; background: #ffffff20; box-shadow: 0px 5px 20px #4080a020;  display: flex; justify-content: center; align-items: center; font-size: 105%;  }  .oMFsV { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 90%; }  .oguV9 { display: flex; justify-content: center; align-items: center; padding: 6px; direction: ltr; font-size: 120%; }    .dkQuE  {  margin: 1%; overflow: hidden; width: 440px;  background: var(--xdx5r); box-shadow: 2px 4px 15px var(--yLmGq);  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  }    .j605m { display: flex; }  .c45er { padding: 7px 15px; display: flex; align-items: center; border: 1px solid #20406020; }  .pXr4V { background: #ffffff50 }  .yAHkA { width: 120px; }  .lurPl { width: 225px; }  .lZzSa { width: 160px; justify-content: center; }  .uXiPU { width: 160px; justify-content: center; }      .ovh5z  {  margin: 2% 1%; padding: 20px 5px;;  }      .ytzfA { width: 100%; background: var(--xdx5r); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);   box-shadow: 2px 4px 15px var(--yLmGq); padding: 5px 5px;  }  .s8sB7 { width: 100%; height: 30px; display: flex; }  .fvqv1 { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }    .rgeXl { width: 100%; height: 28px; display: flex; align-items: center; font-size: 90%; padding-top: 4px;; }   .iAGlD { display: flex; padding: 0 8px ; flex-grow: 1; }   .oYrPo { display: flex; padding: 0 8px; flex-grow: 1; justify-content: flex-end; }  .imOBd { 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;  }      .gzkPs { width: 100%; position: relative; background: var(--xdx5r);  box-shadow: 2px 4px 15px var(--yLmGq);   -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  overflow: hidden; padding: 10px 5px;  }  .ioNDH { display: flex; align-items: center; width: 100%; }      .r6Bib { width: 50%; }    .nd1Uq { display: flex; align-items: center; position: relative; width: 100%; height: 40px; line-height: 1;  }  .b6Lrm { height: 25px;}  .wVoXf { direction: ltr; background: linear-gradient(to left, #f0ffff00,#00a05010, #f0ffff00);; }  .tAEcb { background: linear-gradient(to right, #f0ffff00,#e0102010, #fff0ff00);; }  .o8ZXf { display: flex; align-items: center; padding: 0px 7px 4px 7px;; min-width: 50px; height: 100%; justify-content: center; }  .tpkOW { display: flex; align-items: center; height: 100%; padding: 0px 8px 4px 8px; font-size: 94%; flex: 1; justify-content: end; }    .egFFN { position: absolute; bottom: 2px; height: 8px; }  .mDD63 { left: 0px; border-radius: 0px 5px 5px 0px; background: #00a050; }  .xQONg { right: 0px; border-radius: 5px 0px 0px 5px; background: #b00010;; }      .tRjuq { display: flex; align-items: center; position: relative; width: 100%; height: 55px; line-height: 1; justify-content: center;   border: 0px solid var(--lFlY6);  }              .u7OWv { 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) ; }     .uykWA   {   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 );   }   .rZG46 { z-index: 10; position: relative; margin: 10px 1%; width: 100%; max-width: 1000px; background: #ffffff00; padding: 10px 1%; }   .exrSP { 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%; }   .eex3w { padding: 5px 2px; }   .b34qn { border-right: 5px solid #f0a000; }   .pJQLf { border-right: 5px solid #00a050; }   .lytIL { border-right: 5px solid #0050b0; }   .sen7R { display: flex; justify-content: center; }   .wqDdR { margin: 0px 2%; }                                .xSnql { background: linear-gradient(to top,#ffeaf0d0, #f0eaffd0); }      .x8J64 { position: relative; z-index: 10; display: flex; flex-wrap: wrap; padding: 40px 2%; background: linear-gradient(to top,#ffe0f0e0, #fff0e0e0); justify-content: center; }   .dvFda { z-index: 11; width: 170px; margin-left: 10px; padding: 20px 0px; }   .d4YdA { position: relative; }   .dMur0 { 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;}   .jXt1c { padding: 4px 9px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; border-radius: 4px; white-space: nowrap; }   .d4YdA:hover > .dMur0 { opacity: 1;}   .yZ9J5 { width: 170px; height: 170px; margin-bottom: 10px; animation: yoYkM 2s 1; }   .fmJlP { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .mXnQJ { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; direction: ltr; font-family: cursive, monospace; border-radius: 4px; }     .z9ZHl { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1px; }   .x5h31 { padding: 5px 10px; background: #fff; box-shadow: 1px 4px 10px -5px #20406060; font-size: 115%; border-radius: 4px; white-space: nowrap }       .zYaN4 { z-index: 11; width: 255px; padding: 20px 18px 1px 18px; animation: x4emI 0.4s 1; }   .sc2oA { 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; }   .sc2oA:hover { z-index: 2; }   .r4a00 { flex-grow: 1; padding: 2px 4px; }   .dP2Bh { transition: .2s; }   .tqZpL { padding: 0px 5px; font-size: 85%; opacity: .85; color: #008020; }   .d9gZD { padding: 0px 3px 0px 0px; font-size: 80%; opacity: .85; color: #800020; }   .dP2Bh:hover { outline: 1px solid #00a0f0; }   .rZLBJ { padding: 3px 4px; color: #003080; text-shadow: 0px 1px 2px #00c0e080; cursor: pointer; border-radius: 4px; background: #00ffc050; display: flex; justify-content: center; }   .kMymf { padding: 3px 4px; color: #005080; cursor: pointer; border-radius: 4px; background: #0080ff10; display: flex; justify-content: center; }   .ldPXc { color: #800000; background: #ffd00020; padding: 6px 10px; font-size: 110%; }   .cqyOr { color: #800000; background: #ffd00020 !important; }     .kF7nc { padding: 0px 11px 1px 1px; font-size: 90%; }   .oRH8O { background: #ffe04010; border-radius: 4px; font-size: 110%; color: #400040; position: relative; }   .box5x { padding: 2px 4px; }   .fRDRd { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #008030; background: linear-gradient(to left, #00d05030,#00a06010) }   .wvLYP { padding: 2px 7px; font-size: 110%; border-radius: 4px; font-weight: bold; color: #a00000; background: linear-gradient(to left, #d0000015,#e0005008) }   .tk16i { font-size: 100%; font-weight: normal; }   .ux2rn { font-size: 100%; font-weight: normal; }   .gNu7N { padding: 3px 14px; font-size: 120%; border-radius: 4px; font-weight: bold; color: #0020a0; background: #fff; box-shadow: 1px 3px 8px -3px #20406060; }   .a11wX { padding: 2px 7px; border-radius: 4px; background: #fff; box-shadow: 1px 3px 8px -3px #20406040; }     .iuzVZ { z-index: 11; width: 220px; padding: 20px 20px 1px 20px; }      .lEHft { display: flex; flex-wrap: wrap; padding: 10px 2%; max-width: 500px; }   .ydO6f { width: 50%; max-width: 200px; padding: 10px 2%; transform: translate(); }      .ezQHm { padding: 10px 2%; }    .x695Q { display: flex; justify-content: center; line-height: 1.7; width: 100%; }   .yqTDr { width: 100%; max-width: 1000px; }   .aDwQY { display: flex; flex-wrap: wrap; justify-content: center; }       .uwYeC { padding: 10px 1% 10px 1%;; }   .kF7nc { width: 100%; max-width: 250px; }   .zw1OF { 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; }   .zw1OF:hover { background: linear-gradient(to top, #0050f0, #0090c0); box-shadow: inset 2px 2px 5px #0050a0; }     .cPeer { 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; }   .eV6cM { max-width: 400px; }   .m9Bkc { max-width: 600px; }   .cBLFL { max-width: 900px; position: relative; }   .y4HSM { min-height: 250px; position: relative; }   .efGre { padding: 5px 9px; margin: 3px 2px; align-items: center;}   .weOEl { max-width: 100%; margin: auto; }   .a0Deo { width: 50%; border: none !important;}   .p6Rdk { margin-top: 15px !important; }   .x3Mbd { padding: 5px 9px; margin: 3px 2px; justify-content: center; }   .x7V60 { direction: ltr; text-align: left; }   .eCo6Q { background: #fff5f0f0; }     .qPrCa{ padding: 20px; font-size: 120%; background: #f0f0fff0; color: #0080a0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;; }     .qPuZV { background: #00a050e0; font-size: 110%; color: #fff; }   .zhptV { background: #0050a0e0; font-size: 110%; color: #fff; }   .kmcoS { background: #a00050e0; color: #fff; }       .fzzRZ { 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; }   .pUA9L { display: flex; align-items: center; }   .n5uQo { padding: 4px; }     .v9yQe { display: flex; justify-content: center; width: 100%; align-items: center; padding: 15px; overflow: hidden; margin: 10px 0px; }   .bI5rv { display: flex; justify-content: center; width: 100%; max-width: 300px; max-height: 300px; align-items: center; aspect-ratio: 1/1; outline: solid 3px #2080f0; }        .qvPlw { 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; }   .hbuE5 { width: 95%; max-width: 900px; padding: 15px; position: relative; }   .lx47o { display: flex; justify-content: center; margin-bottom: 20px; }   .qVbLW { display: flex; height: 40px; align-items: center; width: 100%; padding: 0px 2%; background: #ffffff60; border-radius: 4px; border: 1px solid #ffffff70; }   .dVg5y { max-width: 240px; }   .nvJoh { max-width: 450px; display: flex; flex-wrap: wrap; margin-right: 8px; }   .ofaIX { font-size: 110%; font-weight: bold; padding-left: 5px; }   .hSmhn { font-size: 90%; font-weight: normal; opacity: .8; padding-right: 6px; }   .ew0W9 { font-size: 90%; font-weight: normal; opacity: .8; padding: 2px 8px 0px 0px; }   .zR9fr { flex-grow: 1; padding: 0px 2% 0px 1%; display: flex; align-items: center; }   .bj8O3 { width: 100%; height: 20px; box-shadow: 0px 0px 5px #f0406010; overflow: hidden; background: #fffaffa0; border-radius: 4px; position: relative; }   .yhZa6 { position: absolute; left: 1px; top: 2px; bottom: 2px; border-radius: 0 4px 4px 0; background: linear-gradient(to right, #00a0ff, #00c0d0); }   .gvqs0 { animation: 2s d7wd3 1 }       .utxqQ { 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; }   .qDhaV { 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; }   .yqdF2 { max-width: 220px; font-weight: bold; font-size: 110%; }   .bsk9v { margin: 0px 8px 0 0; }   .cBQuN { max-width: 150px; justify-content: center; background: #ffffff00; }   .omkvt { max-width: 150px; justify-content: center; background: #ffffff00; }    .rW8r6 { 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; }   .n5XOL { background: linear-gradient(to right, #00c0d0, #00d0c0); }   .vrTdR { 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; }   .mUi8m { padding: 4px 15px; display: flex; align-items: center; flex-grow: 1; font-size: 95%; background: #ffffff50; border-radius: 0px; border: 1px solid #ffffff60; }   .z5RbE { max-width: 95px; margin-left: 6px; padding-left: 2px; }   .y6Mpj { max-width: 100px; margin-left: 6px; font-weight: bold; font-size: 105%; }   .jYuFF { max-width: 110px; padding: 3px 0px; background: #ffffff00; margin-left: 6px; display: flex; align-items: center; justify-content: center; }   .wtPxI { color: #00a020; padding: 4px; background: #ffffff50; }   .ztmY6 { max-width: 201px; margin-left: 6px; }       .vFFED{ padding: 2px 7px; margin: 3px 8px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #20406020; align-items: center; background: #ffffff30 }   .rh4rr{ display: flex; padding: 2px 7px; margin: 0px 4px; min-width: 50px; border-left: 1px solid #20406030; border-radius: 4px; background: #ffffff40; }   .mh2Yb{ font-size: 110%; font-weight: bold; min-width: 100px; }   .x7Go8{ font-size: 110%; min-width: 100px; }   .nXiWC{ min-width: 150px; }   .iEvFD{ opacity: .6; font-size: 90%; }   .rlefZ{ min-width: 85px; }    .hQdir { 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; }   .uGCLp { width: 95%; max-width: 1000px; padding: 15px; position: relative; }   .y4ZxY { top: -50px; right: auto; left: 20%; transform: scale(0.8); }   .vrrQQ { top: 0; font-size: 160%; height: 80px; }   .uwbBC {top: 2px; font-size: 160%; height: 80px }   .oI2eq { 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;   }   .oI2eq:hover { background: #ffffffb0; border: solid 1px #ffffff; }   .cDFEn { padding: 5px 5px 5px 10px; }   .s7egf { padding: 4px 10px; margin: 0px 8px; font-size: 90%; border-radius: 4px; background: #ffffff50; }   .q97pr {height: 100%; background: linear-gradient(to right, #ffd05000, #c0000050); border-radius: 5px; cursor: pointer; }    .iJv8L { 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; }   .zrIQg { position: static; margin-right: 10px;}   .kZPdC { height: 100%; display: flex; align-items: center; background: linear-gradient(to right, #ffd05000, #f0a0ff60); border-radius: 5px; cursor: pointer; }   .dPb7J { position: absolute; z-index: 500; top: 55px; width: 197px; height: 50px; right: auto; left: 20%; transform: scale(1.2); }   .oO6RF { border-radius: 50%; box-shadow: 0px 0px 25px 15px #ffffff80; }   .dPb7J:hover > .guoDd > .z57gP > .iYADe { transform: rotate(-45deg); }   .dPb7J:hover > .guoDd > .z57gP > .mdCWH { opacity: .8; background: #f0a000; transform: rotate(382deg); }   .dP65G { color: #ffffa0; transform: scale(3); transition: 1s; }   .dPb7J:hover > .guoDd > .z57gP > .tXNry > .dP65G { color: #ffff50; transform: scale(4) rotate(-720deg); }      .fDfRk { width: 100%; z-index: 3; display: flex; justify-content: center; position: relative; padding: 15px 0px;   background: linear-gradient(45deg, #b0f0e0, #c0e0ff);  }  .z0rfC { background: linear-gradient(to left, #00b0ff10, #00ffd010), linear-gradient(to top, #00a0f010, #ffffff50); }   .bj9dD { width: 100%; justify-content: center; max-width: 1300px; padding: 30px 1%; position: relative; z-index: 10; display: flex; flex-wrap: wrap; }   .yvD1f { 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); }   .uWNZ8 {max-width: 1000px;}   .lPgbt { padding: 1px 0px; margin: 35px 0px; background: #ffffff50; width: 100%;}     .yGvke { width: 100%; display: flex; flex-wrap: wrap; }   .nUYbC { 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; }   .wrZ1E { flex-grow: 1; justify-content: flex-end; display: flex; }   .ahV0v { background: #faffff40; box-shadow: 2px 7px 12px -5px #2040a01b; padding: 6px 12px; display: flex; align-items: center; }     .mzfvZ { width: 100%; display: flex; flex-wrap: wrap; padding: 5px; }   .o2Qwj { display: flex; padding: 5px 2px; }   .jHfkM { width: 100%; display: flex; height: 100%; align-items: center; padding: 3px 5px; border-radius: 4px; }   .sFTLw { background: #ffffff10; padding: 3px 7px; }   .jl8Ww { min-width: 100px; }   .nCICZ { padding-right: 10px; min-width: 40px; }   .iOQ1J { }   .hdJSb { padding: 4px 12px !important; font-size: 105% !important; }          .qkyIX  {   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);  }            .i5TEj { 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);}   .jo6Zf { width: 100%; max-width: 1000px; padding: 30px 1%; position: relative; z-index: 10; }   .ixzZ3 { width: 100%; margin: 15px 0px; padding: 20px 3%; position: relative; z-index: 10; background: linear-gradient(to left, #ffffffa0,#ffffff50); border-radius: 4px; }   .ylzxY { 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; }   .uOAmH{ animation: .3s odzFu 1 }   .kEIp0 { animation: .2s gpJ82 1 }   .vEyR6 { width: 35px; background: #ffffff50; border-left: 1px solid #20406020; }   .aQe6O { width: 35px; border: 1px solid #20406020; cursor: pointer; height: 35px; display: flex; justify-content: center; align-items: center; transition: .2s; }   .aQe6O:hover { background: #ffffff50; border: 1px solid #2040a0a0; }   .tpNWG { background: #a0b0c050 !important; opacity: 0.4; border: 1px solid #20406020 !important; cursor: auto; }   .da899 { min-width: 100px; flex-grow: 1; }   .nhEOA { 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); }   .au1EP { color: #a00000; background: linear-gradient(-15deg, #ff00a050, #ffa0c040, #a0e0ff00, #a0e0ff00); }   .pfiFx { display: flex; padding: 2px; height: 34px; align-items: center; }   .zTFOR { margin: 0px 0px; border-radius: 3px; opacity: 0.7; transform: scale(0.9); background: #ffffff50; }   .zTFOR:hover { opacity: 1; }          .suw9k { display: flex; flex-wrap: wrap; border: 1px solid #20406030; margin: 5px; }   .bi7uA { display: flex; flex-wrap: wrap; border-right: 1px solid #2040a030; border-bottom: 1px solid #2040a030; padding: 5px 10px; }        .w8i5y { display: flex; height: 40px; align-items: center; border: 1px solid #20406020; }   .u81ZQ { display: flex; height: 100%; align-items: center; padding: 0px 5px; border-left: 1px solid #20406020; }   .rAPjM { padding: 0px; justify-content: center;}   .admin_eachUserPic1 { height: 100%; }        .s7k46 { margin: 20px 5px 10px 5px; padding: 30px 5px 10px 5px; border: 1px solid #20406050; position: relative; min-height: 50px;;}   .gOCd1 { background: #f5faff; border: 1px solid #20406050; position: absolute; z-index: 11; top: -10px; padding: 5px 10px; right: 5px; }            .exL9E { height: 100px; }    .t2Mhj { display: flex; width: 100%; }   .enoqI { width: 70px; display: flex; justify-content: center; }   .nDlzo { width: 70px; display: flex; justify-content: center; }   .skdVM { 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)  {   .ukgXS   {   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 }      .gmqZD { direction: ltr;}  .aM0qf { width:80px; text-align:right; padding: 0px 5px; }              .oIGEm { color: #004515 }  .k5MCR { color: #008525 }  .vvVjD { color: #008025; font-weight: bold }  .kuUSx { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; }  .iAFYI { background: #00a05008; color: #008020; text-shadow: 1px 2px 5px #00802040; font-weight: bold}    .yyyzx { color: #500000 }  .bT7Ah { color: #a00000 }  .tfpzf { color: #a00000; font-weight: bold }  .oAntm { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; }  .m1tfb { background: #f0001008; color: #a00000; text-shadow: 1px 2px 5px #a0000040; font-weight: bold}      .oeBom { color: #505000 }  .liYEa { color: #807000 }  .pawHn { color: #807000; font-weight: bold }  .vARYW { color: #807000; background: #f0b00010; }  .fPIkM { color: #807000; background: #f0b00010; font-weight: bold }    .rfEsP { color: #a000b0 }  .bvzf6 { color: #a000b0 }  .kmedQ { color: #a000b0; font-weight: bold }  .hSu3n { color: #a000b0; background: #ff00ff10; }  .s82q6 { color: #a000b0; background: #ff00ff10; font-weight: bold }    .rH63q { color: #506070; }  .eo88e { color: #607080 }  .dCQQO { color: #607090; font-weight: bold }    .sahmDarsadPriceDivRed { background: #ff001012; color: #c00000; }  .sahmDarsadPriceDivGreen { background: #00f05015; color: #008010; }      .gFoH9 { font-weight: bold; color: #007000; background: #00d06020;}  .yXfX5 { color: #008020}    .xdeCB { font-weight: bold; color: #a00000; background: #ff305020;}  .ruGRc { color: #e00000}      .xdeCB { font-weight: bold; color: #a00000; background: #ff305020;}  .ruGRc { color: #e00000}      .zt07W { color: #2040a0 }  .arH6B { color: #0000c0 }  .jFJu5 { color: #0000c0; font-weight: bold }  .q4gtU { background:#0080ffc0; color: #fff; font-weight: bold; }  .pRJlj { background: #00a0ff20; color: #019 }  .p8vo0 { background: #00a0ffa0; color: #fff }  .nGGDl { background:#0080ffc0; color: #fff; }      .uwlgf { background:#00e08020; color: #008010 }  .aN6nA { background:#00ffa020; color: #007020; font-weight: bold; }    .cVFNM { background:#ff203015; color: #900010 }  .aiIwG { background:#ff203020; color: #900000; font-weight: bold; }                      .zgsF2 { position: relative; height: 100%; width: 100%; direction: rtl; }  .rNSFa { position: absolute; height: 100%; width: 100%; right: 0px; top: 0px; z-index: 100; display: flex; justify-content: center; align-items: center;}  .wQ12c { position: absolute; height: 100%; right: 0px; top: 0px; z-index: 1; }  .lDSkn { background: #0050ff20; }  .km2Zp { background: #50a0ff50; }    .bDlEz { background: #00c05020; }  .vko9Q { background: #00a0b020; }  .vU2Ci { background: #a0a00020; }  .egA3P { background: #c0200020; }    .rXy2j {   writing-mode: vertical-rl;   text-orientation: mixed;   white-space: nowrap;   direction: rtl;   font-size: 16px;   overflow: hidden;   }        .ucUGv { background: #20406020; height: 100%; width: 100%; }  .ha7VL { background: #20406020; height: 1px !important; width: 100% !important; }      .g5Zp1 {   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;  }  .i8U6s {   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;;  }  .i8U6s:hover { color: #002080; box-shadow: 0px 0px 5px #2060a0c0; background: linear-gradient(to bottom , #ffffffa0, #a0e0ffb0, #ffffffa0 ); }  .yPpQD { width: 325px; overflow: hidden; white-space: nowrap ; padding: 5px 12px 5px 2px; }  .xGxhY { width: 80px; overflow: hidden; white-space: nowrap ; padding: 5px; }  .s3Am1 { display: flex; flex-wrap: wrap; }        .jO6u3 { 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 }        .phpxz { position: absolute; top: 0px; left: 0px; bottom: 0px; }    .nsfFD { right: 6px; z-index: 20; display: flex; align-items: center; color: #103050; }  .k9J3m { z-index: 10; background: #00a0ff40; }        .rnfIW { position: absolute; top: 0px; bottom: 0px; }    .lcxFC { right: 0px; left: 0px; justify-content: center;; z-index: 20; display: flex; align-items: center; direction: rtl; }  .wnIIA { color: #902500;; }  .kdhe6 { color: #008025;; }    .aXcuo { z-index: 10; background: #b0001030; left: 0px; }  .gtTm4 { z-index: 10; background: #00f08040; right: 0px; }            .hb { position: relative; height: 65px; margin: 5px; border: 1px solid #0050f050; padding: 5px; color: #002060; }    .zgNfI { 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; }  .lXJ34 { transition: .2s; opacity: 0; animation: l8VhI 4s 1; padding: 2px 12px; font-size: 25px; background: linear-gradient(to right, #c0f0ff20, #c0e0ffe0, #c0e0ffe0, #c0f0ff20); color: #0000a0; white-space: nowrap; }  .tyZ5A { width: 100%; direction: rtl; text-align: right; }  @keyframes l8VhI { 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;}            .aPDXe { 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; }  .gkA7S { height: 28px; margin: 3px 5px; }  .mp1Xk { position: absolute; font-size: 90%; top: 1px; bottom: 1px; display: flex; align-items: center; right: 7px; z-index: 2; }  .yyHLd { position: absolute; top: 1px; bottom: 1px; left: 7px;display: flex; align-items: center; direction: ltr ; z-index: 3;; }  .ig7Zz { 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: x4emI 0.4s 1;   }   .vXcn4 { background: linear-gradient(to top, #90c0f042, #c0d0f050); }  .fq97e {   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);  }  .qXuNu {color: #0050a0; padding-right: 5px; }  .l3BN0 { 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;  }  .aPDXe:hover > .l3BN0 { opacity: 1; }            .uTts2 { position: relative; height: 50px; margin: 10px 5px; border: 1px solid #0050f050; }  .vB3Ed { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; }  .d3LyT {height: 100%; width: 100%; display: flex; padding: 6px 5px; }  .fTsBG {height: 100%; width: 33%; text-align: center; }  .nqUlJ {height: 100%; width: 34%; text-align: center; }  .j8phI {height: 100%; width: 33%; text-align: center; }    .qiPar{ font-size: 80%; color: #a080a0; }  .mpDwj{ padding: 4px 0px;}  .cQ5Cq{ font-size: 120%; color: #0050a0;}    .ePc65 { position: absolute; top: 0px; left: 0px; height: 100%; background: #ffe8f0; }            .basz7 { position: relative; margin: 10px 5px; border: 1px solid #0050f050; display: flex; }  .uIiBP { width: 25%; }  .sjtLs { text-align: center; padding: 5px; }  .kB8ZU { font-size: 90%; color: #607080; }    .lnvHk { background: #ffd0dc; color: #a02020; }  .cDMPN { background: #d0ffea; color: #00a040; }  .unyHZ { background: #ffffe0; color: #808000; }      .pTPyi { position: relative; margin: 12px 0px 0px 0px; color: #354555; font-size: 90%; }   .sT5mP { 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); }   .sT5mP:hover { z-index: 100; }   .tyOP5 { 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); }   .zVlvm { min-width: 50px; }   .g2PmV { font-size: 90%; }   .qjjJx { padding-left: 5px; }   .dE9CF { direction: ltr; }  .jMXOE { width: 35%; }  .cnUDn { padding: 4px; white-space: nowrap; display: flex; }  .iDEon { text-align: right; direction: ltr; border-radius: 5px; padding: 0px 3px; }  .uydJ2 { color: #b00010; background: #ff002005; }  .wplgB { color: #008020; }  .riRL4 { color: #008000; background: #00f05005; font-weight: bold; }  .bcW1i { color: #805000; background: #f0c00015; }  .bWSyP { justify-content: end; direction: ltr; }    .hgUD5 { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; opacity: .6; z-index: 1;}  .hgUD5:hover { opacity: 1; z-index: 200; }   .bg5Gm { position: relative; cursor: pointer; transition: .3s; z-index: 1; height: 32px; width: 32px; margin: 0px 3px; display: flex; justify-content: center; align-items: center; }   .xYOhB { padding: 2px; }   .bg5Gm:hover { transform: scale(1.2); z-index: 200; }   .j670h { white-space: nowrap; }    .vlOP8 { position: relative; margin: 12px 10px 2px 10px; color: #607080; font-size: 90%; display: flex; }  .guQBV { }              .rNQio{border: 1px solid #b0d0f0; background: #ffffff80;}    .pyF14 { 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;}    .ys4fe { height: 25px; overflow: hidden; }  .tf56B { 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; }  .zvkvv { 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;}  .eMwcX { 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}  .zUcky { 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 }  .bFknF { animation: n4qZh 0.5s 1; }  .ybwUW { animation: tL3MI 0.5s 1; }        .eCejw { 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}  .uaBZ1 { display:flex; padding: 0px 4px; direction: ltr; line-height: .9; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; flex-wrap: nowrap;}  .kgodE { left: 0px; }  .lvUa8 { right: 0px; }  .ys4fe:hover > .eCejw { opacity: 1 }    .uOlnI { color: #008020; }  .wVgYX { color: #a00020 ; }    .w1bY4 { padding: 0px 3px; z-index: 2; padding: 5px; direction: ltr; }    .x9xTL { text-align: right; min-width: 30px; padding: 0px 2px ; }  .xFecs { text-align: right; min-width: 40px; }  .ynril { text-align: right; }  .h7TNx { text-align: left; }  .m5rED { text-align: left; }  .yAqYs { 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; }  .zcbey { text-align: left; min-width: 40px; }  .requestRows_LHajm1 { text-align: left;; }  .requestRows_LPrice1 { text-align: right; }  .requestRows_LDarsad1 { text-align: right; }      .x2CSb { padding: 7px 2px; color: #0050a0; text-align: center; font-size: 105%; }        .rowsOfSahmSarane1 { position: relative; }  .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 }                  .uobiC {color: #e0fff0; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 5px 0px 20px;}  .eRm1V {color: #ffe0f0; z-index:11;position: absolute; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 5px;}  .wES3i { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;color: #fff;z-index:10;font-size:115% }  .bUfTj { background: #00802090; z-index:1;position: absolute; top:0px; right: 0px; bottom: 0px; }  .gEPYG { background: #a0202090; z-index:1; position: absolute; top:0px; left: 0px; bottom: 0px; }    .kAmlP { background: #007020b8; z-index:2; position: absolute; top:0px; right: 0px; bottom: 0px; background: linear-gradient(to right, #006010c0, #007020a0); }  .kfe3X { background: #900010b5; z-index:2; position: absolute; top:0px; left: 0px; bottom: 0px; background: linear-gradient(to right, #a00000a0, #800000c0); }          .c5Lzz { direction: rtl;position: relative;height:100%;width:100%; }      .djmL0 {color: #007010; z-index:11;position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 6px 0px 20px;}  .nrtY7 { font-size: 85%; transition: .2s; border-radius: 3px;; }  .j5Uuc {color: #007010; opacity: 0; background: #baf0d5; z-index:15; position: absolute; top:0px; right: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .kZSwY {color: #900000; z-index:11;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 6px;}  .gYk4y {color: #900000; opacity: 0; background: #ffd0d0; z-index:15;position: absolute; direction: ltr; top:0px; left: 0px; bottom: 0px; padding: 0px 3px 0px 3px;}  .j5Uuc:hover { opacity: 1;}  .gYk4y:hover { opacity: 1;}    .kDjxz { 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; }  .urdan { 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; }    .nc9Rn { 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; }  .d0cOT { 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; }            .iPMzM { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2px 1px; }  .p14fB { max-height: 25px; width: 100%; display: flex; direction: rtl; }  .ireUB { max-height: 25px; position: relative;}    .lrIaI { background: #00c04010; width: 50%; height: 100%; position: relative; display: flex; }  .cyb14 { background: #c0203010; width: 50%; height: 100%; position: relative; display: flex; direction: ltr; }  .zkkmP { width: 16%; padding: 0px 3px; }  .cCTOo { width: 50%; padding: 0px 4px; }  .qyBmC { width: 34%; padding: 0px 3px; font-size: 90%; direction: ltr; }    .dzRwB { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #00903540; z-index: -1; }  .aOJ1M { position: absolute; top: 0px; bottom: 0px; right: 0px; background: #b0103040; z-index: -1; }    .cIV8g { position: absolute; top: 0px; bottom: 0px; left: 0px; background: #0060f0b0; z-index: -1; }  .tYYVb { width: 45px; padding: 0px 4px; }  .eUJQV { width: 35px; padding: 0px 4px; font-size: 85%; }  .fhzLp { padding: 0px 5px; direction: ltr; text-align: left; flex-grow: 1; }          .dfq1q { display: flex; }  .dfq1q > div { }      .iOJuU { position: absolute; height: 1px; width: 100%; left: 0px; right: 0px; background: #50607020; }  .gA45x { background: #0040a035; }      .q7oQp { width: 100%; height: 100%; display: flex; padding: 6px 1%; direction: rtl; background: #ffffff20; position: relative; }  .wZ9pk { position: relative; flex: 1; max-width: 20px; }  .nSoef { 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;  }  .roxCP { background: #a0b0c020 !important; }  .wS1FB { position: absolute; bottom: 0px; left: -1px; right: -1px; height: 5px; border-radius: 50%; background: #0050e0a0; }  .qZi4a { right: auto; left: 220% !important; }  .wZ9pk:hover { background: #fff; }  .wZ9pk:hover > .nSoef { display: block; }  .snuL9 { margin: 0px 1px;; }  .bk3nV { margin: 0px 0.2px;; }    .oEDTJ { display: flex; padding: 2px 5px; }  .up7dw { min-width: 75px; white-space: nowrap; padding-left: 5px ; }  .c1x5b { min-width: 50px; direction: ltr ; }    .v1coi { position: absolute; left: 2%; right: 2%; bottom: 0px; border-radius: 4px 4px 0px 0px; background: #0050c0a0; }    .fqWnq { position: absolute; left: 50%; right: 2%; bottom: 0px; background: #00a050; }  .jimUk { position: absolute; left: 2%; right: 50%; bottom: 0px; background: #f04040; }    .fHt8B { position: absolute; left: 2%; right: 2%; bottom: 50%; background: #00a050; border-radius: 4px 4px 0 0; }  .hqe49 { position: absolute; left: 2%; right: 2%; bottom: auto; top: 50%; background: #f04040; border-radius: 0 0 4px 4px; }    .obAog { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #00a050; border-radius: 4px 4px 0 0; }  .jYu5E { position: absolute; left: 2%; right: 2%; bottom: 0px; background: #f04040; border-radius: 4px 4px 0 0; }    .tJVMR { opacity: .6; }    .go8Fv { margin: 1%; padding: 2% 1%; border: 1px solid #20406020; border-radius: 3px; background: #ffffff50; }   .eompz { padding: 5px; }      .zg3lo { position: absolute; left: 0px; right: 0px; }    .ukBRV { width: 100%; padding: 5px; }  .d2qCy{ direction: rtl; height: 98%; width: 98%; background: #ffffff50; border-left: 1px solid #60a0d040;border-right: 1px solid #60a0d040; position: relative; }  .iI3ja{ 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%; }  .rxIa7 { background: #00ca70; }  .za29u {background: #f04040; }  .pyoLv {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; }    .gQsJU{ direction: rtl; height: 98%; width: 98%; background: #ffffff80; position: relative; }  .b1HxF{ direction: rtl; height: 98%; width: 98%; background: #ffffff; position: relative; border: #20406030; }    .josSV { position: absolute; left:44%; width: 12%; background: #909090; }  .kIgB2 { position: absolute; left:40%; width: 20%; background: #909090; }  .uddGj { position: absolute; left:14%; right: 14%; min-height: 2%; }  .rgAzb { position: absolute; left:10%; right: 10%; min-height: 3%; }  .dgWUS { background: #00ca70; }  .dRTfF {background: #f04040; }  .dNVmR { position: absolute; left:0px; width: 100%; height: 1px; background: #a0b0c080; }  .lfLvD { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f080; z-index: 5; }    .neg7o { position: absolute; left:40%; height: 100%; top: 0px; right: 40%; background: #909090; }  .jtuE2 { position: absolute; left:42%; right: 42%; background: #909090; }  .cMXY2 { position: absolute; left:8%; right: 8%; min-height: 1% !important; }  .dnIsg { position: absolute; left:-5%; width: 35%; height: 2px; background: #c000f0a0; z-index: 5; }        .zPvEI { padding: 1px 0px 0px 0px; margin: 1px 0px 4px 0px; }  .x4p4s { padding: 1px 0px 0px 0px; margin: 1px 0px 9px 0px; box-shadow: 0px 5px 8px -5px #00508060; border: 1px solid #20407020; }  .bm2bs { border : 1px solid #20406025; box-shadow: 2px 5px 12px -5px #20406030; background: #ffffff80; }  .pRTEP { width: 100%; display: flex; }  .pRTEPt { padding-top: 2px; }  .pRTEPb { padding-bottom: 0px; }    .nff0v { text-align: center; padding: 1px; direction: ltr; display: flex; justify-content: center; align-items: center;}  .vJes7 { width: 30%; }  .vJes7m { color: #406080; }  .vJes7mf { font-size: 90% ; }  .xGjp2 { width: 40%; }  .xGjp2t { color: #607090; font-size: 90%; }  .xGjp2m { color: #003070; }  .xGjp2mf { font-size: 118% ;}  .lJb1y { width: 30%; }  .lJb1yt { }  .lJb1ym { color: #506070; }  .lJb1ymf { font-size: 90% ; }  .b83Qpp { padding: 8px; }  .b83Qpp > hr { border: 1px dashed #e0f0f0; margin: 8px; }      .eachBaze_barBox1 { background: #ffffffa0; width: 100%; position: relative; height: 5px; overflow: hidden; }  .uS6kP { position: absolute; top: 0px; bottom: 0px; right: 0%; background: #f05050; animation: tL3MI 0.6s 1; }  .rphxe { position: absolute; top: 0px; bottom: 0px; left: 0%; background: #20d060; animation: n4qZh 0.6s 1; }        .mb1oW { width: 100%; display: flex; }    .vAUqT { flex-grow: 1; min-width: 50%; padding: 3px 5px 2px 5px; border-top: 1px solid #e0e0f0; }  .vAUqTs { background:linear-gradient(55deg, #00d04010,#00d04010,#00d04000); color: #005020; }  .vAUqTg { background: linear-gradient(-55deg, #f0200010,#f0200000,#f0200000); color: #700020; }  .iQM4C { background: #ffffff; border: 1px solid #c0d0e0;}  .iQM4Ctit { color: #b0c0c0; font-size: 60%; display: flex; justify-content: center; align-items: center;}  .iQM4Cdar { font-size: 115% ; direction: ltr; display: flex; justify-content: center; align-items: center;}      .qheg6 { position: relative; z-index: 1; }  .qheg6:hover { z-index: 400; }  .eR1ts { 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; }  .nZDcQ { height: 18px; width: 18px; background: #00a0a070; bottom: -10px; }  .eR1ts:hover { z-index: 400; }  .x4j98 { font-size: 11px; z-index: 300; padding-top: 1px; color: #0080d0; font-family: monospace; }  .lcspT { font-size: 14px; z-index: 300; text-shadow: 0px 1px 4px #001080; padding-top: 1px; color: #fff; font-weight: bold; }  .b83Qp { 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; }  .pss9e { max-width: 320px !important }  .b83Qp::before { position: absolute; top: -12px; right: 0px; content: ''; border-width:6px; border-style:solid; border-color:transparent transparent #d0d0e0 transparent}  .eR1ts:hover > .b83Qp { display: block; z-index: 400; }  .qheg6:hover > .b83Qp { display: block; animation: yiaxk .2s 1 }  @keyframes yiaxk { 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; }      .xAhS9 { color: #d00 !important; }  .wagLU { 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; }      .oSImT{ background:#00a0f040; position: absolute; top: 0%; right: 0%; bottom: 0%; z-index:1;}  .lAz1g{ z-index:2;}      .uiEGg { position: relative; width: 100% !important; background: #ffffff; font-size: 14px; white-space: nowrap; }    .jfCJ1{ height: 40px; width: 100%; background: #d0e0ff; color: #200060; display: flex; flex-wrap: wrap; min-width: 700px !important; position: absolute;top: 0px; right: 0px; }  .j0yTH{ padding: 9px 8px; position: relative; background: linear-gradient(to right, #f0f0ff15, #0000f015) ; z-index: 200; }  .qb5jS{ padding: 8px 8px !important; border: 1px dashed #80a0ff !important; cursor: pointer; }  .qb5jS:hover{ border: 1px solid #5080ff !important; background: linear-gradient(to right, #a0ffff35, #00a0f035); z-index: 200; }    .gV1Hc { display: none; position: absolute; top: 100%; right: 0px; max-width: 400px; background: #fffffff0; box-shadow: 0px 5px 10px #a0a0a0a0; }  .hRPaj { display: flex; flex-wrap: wrap; min-width: 240px; }  .mRHfS { padding: 6px 6px; cursor: pointer; text-align: center; min-width: 40px; }  .mRHfS:hover { background: #0080f0; color: #ffffff; }    .w4bNc { cursor: auto; background: #f0f0ff !important; color: #808080 !important; }    .qb5jS:hover > .gV1Hc{ display: block;}        .jNflu{ 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; }            .qIa9X { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }  .qIa9X { position: absolute; top: 80px; right: 0px; bottom: 0px; left: 0px;overflow: auto; z-index: 50; background: transparent !important; overflow: auto !important; direction: rtl !important; }    .qIa9X > div { align-content: center !important;display: flex !important; flex-wrap: wrap !important; height:30px; position: relative; }  .qIa9X > div:nth-of-type(even) { background-color: #eaf0f5; }  .qIa9X > div:nth-of-type(odd) { background-color: #ffffff }  .qIa9X > 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; }    .qhr6E { position: fixed; left: -280px; top: 40px; height: 40px; width: 270px; transition: .2s; display:flex; direction: rtl; text-align: right; background: #ffffff50}  .upqbP { 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{ }                                            .bCpwS { width: 100%; padding: 2px 5px;; }  .iejhQ { background: #ffffff80; height: 28px; font-size: 105%; width: 100%; margin: 2px; position: relative; display: flex; border-radius: 4px; }  .l5Xgx { height: 30px; font-size: 115%; animation: aGbex 0.3s 1; }  .jC9Ji { height: 26px; font-size: 95%; animation: x4emI 0.4s 1; }   .jsJoq { align-items: center ; padding: 0px 12px 0px 2px; height: 100%; font-size: 90%; display: flex; }   .kp2n7 { flex-grow: 1; display: flex; align-items: center ; padding: 0px 4px; height: 100%; direction: ltr; border-radius: 4px; }   .aoMmu { font-size: 120%; min-width: 95px; justify-content: center; display: flex; padding: 0px 4px; }   .qqnSF { min-width: 90px; justify-content: center;display: flex; padding: 0px 4px }   .uNCjv { color: #006020; background: linear-gradient(35deg, #00e08020,#00ff2010,#00e08000); border-left: 4px solid #00c00060; box-shadow: inset 30px 0px 30px -30px #00b00040; }   .a50BE { color: #501010; background: linear-gradient(35deg, #ff408020,#f0200010,#00e08000); border-left: 4px solid #ff000060; box-shadow: inset 30px 0px 30px -30px #ff000030; }   .uNCjv > .aoMmu { color: #008000; text-shadow: 1px 3px 5px #00ff5080; }   .a50BE > .aoMmu { color: #800000; text-shadow: 1px 3px 5px #ff206060; }     .yrhN2 { position: absolute; right: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; z-index: 100; direction: ltr; }   .cMbAW { transition: .2s; padding: 0px 10px; opacity: 0; animation: jhLVo 7s 1; padding: 5px 10px; display: flex; border-radius: 4px; }   .ciPV4 { min-width: 60px; display: flex; justify-content: center; height: 100%; align-items: center; padding: 0px 4px; }   .h7Czt { background: #ffe0f0; color: #a00000; }   .cwfZm { background: #d0fff0; color: #009040 ; }     @keyframes jhLVo { 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); } }                .cBJAe { display: flex; white-space: nowrap; }  .ohD7D { 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; }  .oSm5b { outline: #5050f050 solid 1px; border-radius: 0px; }      .fPlpx { background: #fff6f8; color: #501010; border: 1px solid #ff404070; }  .jwGLG { background: #f0fff7; color: #006020; border: 1px solid #00c06070; }    .q22qX { text-align: center; width: 100%; position: relative; }  .xQ1eo { position: absolute; left: 0px; top: 0px; display: flex; bottom: 0px; align-items: center; }  .lv8vo { transition: .2s; opacity: 0; animation: jhLVo 5s 1; padding: 5px 10px; font-size: 80%; }  .dP0ML { background: #ff505020; color: #a00000; }  .khbE4 { background: #00a05020; color: #009040 ; }    .yVurx { padding: 8px 0px 0px 8px; font-size: 110%; }  .bQCzj { padding: 1px; font-size: 120%; direction: ltr !important; }  .dURUp { font-size: 80%; opacity: .6;; position: absolute;   width: 50px; height: 100%; top: 0px; right: 2%; display: flex; align-items: center; justify-content: center;  }    .fPlpx > .bQCzj { color: #a00000; }  .jwGLG > .bQCzj { color: #008020; }            .uZbav { position: relative; overflow: hidden; height: 50px; box-shadow: 1px 1px 10px #20406015; margin: 5px; border: 1px solid #0050f040; padding: 5px; color: #002060; }    .tablo_zgNfI { position: absolute; left: 30%; top: 2px; display: flex; flex-wrap: wrap; align-items: center; z-index: 1001; direction: ltr; text-align: left; }  .lXJ34 { 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: l8VhI 7s 1; padding: 3px 10px; background: #fff; color: #002080; white-space: nowrap; font-size: 110%;}  .tyZ5A { width: 100%; direction: rtl; text-align: right; }  @keyframes l8VhI { 0% { opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } }    .aALub { animation: n4qZh 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 }  .wbZJd { position: absolute; top: -2px; left: 0px; bottom: 0px; right: 0px; z-index: 20; }    .rrPnW { display: flex; flex-wrap: wrap; }  .jt0MD { padding: 8px 7px 1px 0px;}  .mxqZn { padding: 6px 0px 1px 7px; text-align: left; direction: ltr; position: relative; font-size: 125%;}  .xiJnY { font-size: 85% ; display: flex; flex-wrap: wrap; }  .jlcbL { padding: 1px 8px 1px 0px;}  .x7QZh { color: #0050a0; padding-right: 5px; }  .qkrDJ { text-align: left; direction: ltr; padding: 1px 0px 1px 8px;}        .aGzh3 { height:40px; background: #ffffff; border: 1px solid #20406020; box-shadow: 2px 1px 9px #20406012; }      .fAgDM { 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; }            .fImaX{direction: rtl; height: 100%; background: #ffffff80; position: relative; display: flex;; }  .tTM3H { display: flex; width: 50%; justify-content: center; align-items: center; }  .kMwsI { font-size: 80%; opacity: .7; padding-left: 7px;; }  .vILBL { font-size: 90%; opacity: .8; padding-left: 8px; direction: ltr; }  .nuDfL { }                        .udfJA { display: flex; flex-direction: column; width: 100%; height: 100%; }  .tJc3u { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 10% 0%; }    .v2y { height: 50%; width: 100%; }  .rWRD4 { 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=); }  .lcgfb { padding: 2%;; overflow: auto; }    .d0kXL { display: flex;margin: 10px 0 20px 0; }  .sgIev { width: 125px; overflow: hidden; white-space: nowrap; }  .xDtoC { width: 100px; color: #008030;;}    .ffM5c { display: flex; }  .j9OwW { padding: 4px 6px; display: flex; align-items: center; height: 30px; overflow: hidden; white-space: nowrap; border: 1px solid #20406020; }    .n2Tsn { width: 300px; }  .b97Pq { width: 60px; }  .sFioy { width: 180px; color: #0020a0; white-space: nowrap;}  .xDtoC { width: 80px; color: #008030;;}    .kh6qQ { width: 80px; cursor: pointer; padding: 6px 10px; background: #ffffff80; color: #008030; animation: iPvlq 3s 1;;}      .yCipL { padding: 8px; ; background: #fafcff; font-size: 13.5px; overflow: auto; min-height: 100%;}  .wGJJi { position: fixed !important; background: #fafbfd; top: 41px !important; right: 0px; bottom: 1px; height: auto !important; z-index: 20; width: 100% !important; }    .vSSs5 { display: block !important; padding: 10px 5px; text-align: right; direction: rtl;}  .lp60v { padding: 0px 10px; color: #074; cursor: pointer; }  .hUrxP { padding: 10px 20px 5px 5px; font-weight: bold; color: #05a;}  .oaMY5 { padding: 5px 10px; color: #246; text-align: right; min-width: 1200px;;}  .t1RLG { padding: 20px 20px 5px 5px; font-weight: bold; color: #a50;}  .hquRB { padding: 5px 10px; color: #531;}    .yQCcS{ width: 1200px; padding: 5px 0px 10px 0px; display: none;}  .pvR5Y { display: flex !important }    .mAAcn { 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; }  .mAAcn:hover { background: #ffffff; box-shadow: 0px 1px 4px #00305015,1px 3px 10px #1050a025; outline: 1px solid #00a0f050; }  .sswjc { background: #ffffff; box-shadow: 0px 1px 4px #00305025,1px 4px 12px #1050a040; outline: 1px solid #00a0f040; margin-top: 12px; }  .cYe4o { 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; }  .sAsdr { 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; }  .upFXU { box-shadow: 0px 0px 3px #00305040,1px 3px 10px #40608045; border: 1px solid #00a0c0a0; margin: 8px 4px; height: 40px; }        .vnPHx { 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; ; }  .a2fZb { 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; }  .ogm7u { 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; }    .lDDhU { 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; }  .oPM67 { 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; }  .bMC5l { 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; }    .frVdH { 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; }    .mAAcn > .frVdH:nth-of-type(even) { background-color: #eaf5ff25; }  .mAAcn > .frVdH:nth-of-type(odd) { background-color: #ffffff20 }    .wCvSZ { justify-content: start; transition: .2s; padding: 0px 10px; }  .eDX4W { border-left: 4px solid #30508025 }  .pJ86F { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #40a0ff20; box-shadow: inset 5px 0px 8px #00a0ff40; }  .q1ov4 { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #40b0c020; box-shadow: inset -5px 0px 8px #00c0d040; }    .uoEqP { position: absolute; left: 2px; bottom: -2px; padding: 0px; font-size: 85%; color: #804000; display: flex; white-space: nowrap; background: #ffffffd0; }    .ochzs { font-size: 85%; opacity: .8; padding: 0px 2px;; }    .fB0M6 { padding: 5px 6px; border-radius: 10px; box-shadow: 0px 2px 10px #3050a015; background: #fff; outline: solid 1px #2050a040; margin-left: 6px;}  .iJ5IM { padding: 0px 5px; font-size: 85%; opacity: .8;; }  .edgfj { padding: 0px 0px 0px 1px; color: #003090; }      .blxT1 { font-size: 85%; }  .h748q { direction: ltr; }  .o3TlD { direction: ltr; }  .sNCet { direction: ltr; color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .vCEtP { direction: ltr; color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }  .wq1uH { color: #072; text-shadow: 0px 1px 12px #40ffa0 }  .cxbPU { color: #720; text-shadow: 0px 1px 12px #ff80b0 ; }          .iBc62 { display: flex; position: relative; margin: 8px; min-height: 250px; border: 1px solid #20406050; overflow: hidden; background: #40608005; }  .bbxhO { position: relative; z-index: 1; transition: .2s; }  .vOoWm { cursor: pointer;}  .zbfOh { background: #ffffff; box-shadow: inset 0px -90px 80px -90px #20a0f0a0 !important; cursor: auto !important; }  .ueHN2 { margin-right: 16px; }  .qk3xc { 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; }  .rpdZd { right: auto; left: 16px; }  .qk3xc > div { padding: 3px; white-space: nowrap; }  .bbxhO:hover > .qk3xc { display: block; animation: b5ELY 1 .25s; }  .bbxhO:hover { background: #ffffff; z-index: 2; }  .oI6Wh { position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 4px solid #20406050; z-index: 5; }    @keyframes b5ELY { 0%{ opacity: 0; transform: translate( -50px, 10px) scale(0.9); } 100%{ opacity: 1; transform: translate(0, 0) scale(1);} }      .aQby7 { box-shadow: inset 0px 40px 40px -50px #00a050; border-top: 5px solid #00904085; }  .zPLkL { box-shadow: 0px -20px 1px -1px #b0201050; border-top: 5px solid #a0100085; }        .fcHGo { 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; }    .gQaH5 { position: absolute; border-right:1px solid #5080b030; background: linear-gradient(to left, #5080b012,#ffffff20); top: 0px; height:100%; opacity: .85; }  .hp6oQ { z-index: 100; position: absolute; display: flex; justify-content: center; align-items: end; padding: 5px; bottom: 0px; }                                .sDLt5 { 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; }   .doOGC { 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; }   .dFJNX { border: 1px solid #00406020; background-color: #ffffff50; }   .lXbjx { cursor: auto; border: 1px solid #20407030; background: var(--ivWVn); box-shadow: var(--kujhp); color: var(--nMlqE); }    .f2rf1 { top: 30px; position: absolute; right: 0px; left: 0px; display: flex; bottom: 0px; overflow: hidden;; }  .pd5HN { top: 30px; position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto;; }  .ziDHg {position: relative; width: 100%; height: 100%; }   .dsPoI { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; }   .r7r2J { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 110%; padding: 2%; }   .oQmdg { width: 100%; text-align: center; padding: 10px 5px; }   .nLn3i { width: 100%; height: 50px; padding: 10px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }   .tnqmV { display: block; }      .rxiyT { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }  .iGkzi { }  .vunvb { width: 100%; height: 100%; position: relative; overflow: auto; }  .iLPnR { display: flex; flex-wrap: wrap; }  .dpTON { display: flex; z-index: 100; position: absolute; height: 30px; background: #f0f5ff; top: 0px; right: 0px; width: 100%; }   .y4GO0 { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030;white-space: nowrap; }  .s3QzD { display: flex; z-index: 50; height: 30px; background: #f2faff; border-bottom: 1px solid #20406020; box-shadow: 0px 0px 12px #20407025; }  .dzHvn { top: 30px; }  .a8DW5 { position: static; }   .nsG9x { display: flex; align-items: center; padding: 0px 10px; border-left: 1px solid #20406030; line-height: .8; }  .hJsDJ { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; overflow: auto; }  .pJmiP { }  .neF9f { bottom: 0px; }  .advF7 { 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; }  .a6b5N { display: flex; padding: 0px 8px; justify-content: center; align-items: center; height: 100%; }  .eshZ8 { cursor: pointer; color: #0020a0; }  .jZVzM { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; }   .zH8mq { transition: .2s; overflow: hidden; }   .qwhOS { transition: .2s; overflow: hidden; }   .lklFL { border: 1px solid #00306040;border-right: 4px solid #00308040; margin: 10px 6px; background: #fff; border-radius: 4px; }   .xHB70 { cursor: pointer; height: 30px; display: flex; border-bottom: 1px solid #20406030; }   .wa8ZC { height: 100%; display: flex; align-items: center; border-left: 1px solid #20406030; padding: 0px 9px; white-space: nowrap; position: relative; }   .yrRi9 { position: absolute; top: 0px; right: 0px; bottom: 0px; background: #0050f020; }     .om7qi { height: 100%; display: flex; align-items: center; justify-content: center; }   .eUGvI { direction: ltr; }   .kdXJs { color: #005010; font-weight: bold; background: #00b02050; }   .qn8Pn { color: #302000; background: #c0a00040; }   .jfbL6 { color: #500000; background: #f0000020; }   .mwwsY { color: #500000; background: #f0000040; font-weight: bold; }   .chBnQ { padding: 0px; background: #ffffff80; }         .qcvEB { min-height: 30px; flex-wrap: wrap; display: none; border-bottom: 1px solid #20406030; padding: 8px; align-items: center; }   .uNCUT { min-width: 300px; }   .kCkLk { display: flex; background: #f0f8ff; }   .w6Ewy { margin: 2px 6px; padding: 4px 8px; font-size: 90%; transition: .2s; border: 1px solid #0050b050; cursor: pointer; border-radius: 4px; }   .w6Ewy:hover { border: 1px solid #0050b0a0; color: #003090; background: #fff; }   .figX8 { margin: 0px 15px 0px 8px; }   .h6DH3 { width: 100%; padding: 5px;; }   .kYyiy { display: flex; }   .ldfmO { width: 100%; padding: 4px 10px 10px 5px;; }     .m4LsF { padding: 8px; max-width: 700px;}   .t4q2d { 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; }   .nPZEE { border: 1px solid #20406030; background: #fff; border-radius: 4px; position: absolute; top: -15px; right: 10px; padding: 5px 10px;; }     .p2H59 { display: flex; min-width: 450px; border-bottom: 1px solid #20406030; }   .gMJyp { display: flex; min-width: 380px; border-bottom: 1px solid #20406030; }   .lB3l3 { padding: 4px 7px; border-top: none; }   .vVr0U { border-left: 1px solid #00305015; }   .iYcMC { width: 250px; }   .aoUyR { width: 130px; direction: ltr; }   .xHSHA { width: 70px; direction: ltr; }   AgendaItem, presidiummember, NewsPaper { display: block; padding: 2px 5px 2px 5px; ; }        .kOLhi { display: flex; flex-wrap: wrap; padding: 5px;; }     .jvxsr { min-width: 300px; }   .siA0B { display: flex; border: 1px solid #20406010; }   .xJVXs { width: 135px; padding: 4px 9px; border-left: 1px solid #20406020; }   .jlAIi { width: 200px; padding: 4px 10px 4px 2px;; }   .sRoG1 { width: 360px; padding: 4px 10px 4px 2px;; }   .zrkHb { direction: ltr; text-align: right; font-family: sans-serif !important; }     .r1ihj { min-height: 250px;; }   .xzVv8 { background: #fbfdff; box-shadow: 0px 8px 8px -4px #20407020; margin-bottom: 1px;}   .gvbJ7 { padding: 5px 5px 12px 5px;; }      .aM7xa { border: 1px solid #20406030; }  .aM7xa > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .aM7xa > tbody > tr > td { border-left: 1px solid #20406030; padding: 4px; max-width: 180px; border-bottom: 1px solid #20406030; }      .aM7xa > table { border: 1px solid #20406050; margin: 10px 0px; }  .aM7xa > table > tbody > tr:nth-of-type(even) { background: #ffffff50; }  .aM7xa > 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; }  .aM7xa > 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; }              .fcZPO { 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;  }   .h2mgt { display: flex; align-items: center; padding: 12px 8px; }   .tmqLS { padding: 3px 15px 3px 10px; font-size: 110%; }   .jzyiC { padding: 3px 5px 3px 8px; }   .oMVOC { color: #006020; text-shadow: 1px 2px 5px #00803080; }   .tY0x4 { color: #700010; text-shadow: 1px 2px 5px #80001050; }   .lDdqc { padding: 3px 5px 3px 5px; cursor: pointer; margin-right: 10px; }      .pJF1e { padding: 1%; }   .oOXYv { max-width: 1200px; width: 100%; }   .xBvMC { margin: 25px 0px 15px 0px; display: flex; flex-wrap: wrap; position: relative;   border: 1px solid #20406040; border-radius: 4px; padding: 40px 15px 10px 15px;   }   .iJ5Vr { position: absolute; top: -10px; right: 8px; background: #fff; padding: 5px 8px; border: 1px solid #20406040; border-radius: 4px;; }        .qmx8s { 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; }            .hDo07 { 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; }    .grNNp { padding: 5px 1%; background: #ffffff20; flex-grow: 1; min-width: 300px; max-width: 500px;   flex: 1 0 320px;  }    .wYBeq { max-width: 1000px; flex: 1 0 320px; padding: 6px; }  .dIqJi { max-width: 1000px; width: 100%; }      @media (min-width: 1px) and (max-width: 600px)  {   .lvbOC { width: 100% }   .nbnoC { width: 100%; }   .zPaZ8 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 601px) and (max-width: 1000px)  {   .lvbOC { width: 50% }   .nbnoC { width: 50%; }   .zPaZ8 { width: 100%; }     #MainBox{ margin: 5px 1% 10px 1% !important; width: 98% !important; }  }    @media (min-width: 1001px) and (max-width: 1400px)  {   .lvbOC { width: 33% }   .nbnoC { width: 33%; }   .zPaZ8 { 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; }  }                                                                  .wFYaS { animation: 1s yLSsj 1; background: linear-gradient(to bottom, #ffffff, #f0faff, #ffffff) }  .wFYaS { position: absolute; top: 0px; height: 30px; right: 0px; width: 100% ; direction: rtl; display: flex; box-shadow: 0px 0px 60px #3060a010,0px 1px 4px #3060a030; }      .apfJS { padding: 0px 8px; height: 100%; margin: 0px; background: linear-gradient(to right, #ffffff20,#ffffff20, #a0c0ff10);border-left: 1px solid #00308010;}  .j0nSr { cursor: pointer; }  .lmd3g { height: 100%; width: 100%; }  .jtvzE { 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); }  .j0nSr:hover > .jtvzE { display: block; }  .cTmx8 { display: block; border: 1px solid #20407050; top: 42px; right: 2px; box-shadow: 1px 3px 20px #20406080; background: #ffffffc0; }      .nyYNt { display: flex; height: 100%; padding: 0px 7px; font-size: 95%; }   .zwNBx { display: flex; height: 100%; white-space: nowrap; justify-content: center; align-items: center; padding: 0px 2px; word-wrap: none; }   .vZo07 { animation: 1s joxS6 1; }   .hQGXV { display: flex; height: 100%; align-items: center; padding: 0px 3px; }   .syhZo { font-size: 85%; padding: 0px 2px; }     .ocOCP { display: flex; padding: 8px 10px !important; }   .wGCeG { display: flex; flex-wrap: wrap; padding: 0px 5px !important; }  .ycpfa { width: 260px; }    @media (max-width: 570px)  {   .nyYNt { display: block; font-size: 85%; }   .zwNBx { height: 50%; }  }            .avg95 { display: flex; height: 100%; min-width: 100px; }   .c0qIN { display: flex; height: 100%; width: 100px; justify-content: center; align-items: center; }  .kLCIM { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .eIHeq { height: 100%; position: relative; display: flex; margin: 0px 1px; }   .gSwxl { background: linear-gradient(to right, #ffffff50, #a0e0ff10, #a0e0ff30);}   .dUkQY { background: linear-gradient(to right, #ffffff50, #f0a0d010, #f0a0d030); color: #a00010;}   .cy78j { background: linear-gradient(to right, #ffffff50, #ffffd010, #ffffd080); color: #a08000;}     .mb8N6 { display: flex; z-index: 10; align-items: center; justify-content: center; font-size: 80%; height: 100%; padding: 0px 3px 0px 1px;}   .zB0bl { 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; }   .eIHeq:hover > .zB0bl { opacity: 1; }   .yRHvF { height: 100%; display: flex; }   .x5kfI { padding: 4px 15px 0px 7px; align-items: center; width: 50px; position: relative; direction: ltr; color: #103050; }   .knYwl { font-size: 120%; font-weight: bold; }   .eP9qd { font-size: 105%; font-weight: bold; }   .mputF { padding: 0px 3px 0px 4px;opacity: .8; font-size: 50%; text-shadow: none !important; position: absolute; top: 0px; right: 0px; }   .ycCNT { box-shadow: inset 0px -3px 1px #00d01040; color: #009020; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05060; }   .pqBOF { box-shadow: inset 0px -3px 1px #f0001030; color: #c00010; text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305060;}        .npbSv { width: 100%; height: 100%; overflow: hidden; }   .lgQVI { width: 100%; height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 2px 0px; background: #f0f5fd; }   .yYHGV { 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); }   .bDBpy { flex-grow: 1; height: 100%; display: flex; align-items: center; padding-right: 10px; font-weight: bold; }   .bcSkG { height: 100%; ; display: flex; align-items: center; padding: 0px 10px;; }   .tGxLu { height: 100%; ; display: flex; align-items: center; padding: 0px 5px;; }   .bzsQv { 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; }   .dChbh { background: linear-gradient(to top, #40a0ff00, #00d03010, #40a0ff00); color: #007030; }   .lNwXu { background: linear-gradient(to top, #40a0ff00, #e0002010, #40a0ff00); color: #800010; }   .bzsQv:hover { background: linear-gradient(to top, #0080f0a0, #00a0f0e0, #40a0ff80); color: #fff; }   .m5C67 { padding: 0px 5px; font-size: 85%; }   .rlG4s { width: 50%; height: 100%; border: 1px solid #20406020; display: flex; align-items: center; }   .udpel { padding: 0px 8px; }   .qHQks {justify-content: flex-end; }   .zTFEH { width: 100%; flex-grow: 1; padding: 1px 3px; }   .unrHa { outline: 1px solid #20406025; margin: 6px 2px; box-shadow: 0px 4px 7px -4px #20406050; border-radius: 4px; background: #ffffff; }   .kr0Nf { width: 100%; height: 26px; display: flex; }   .j4tom { width: 100%; height: 35px; display: flex; }   .m2ICy { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }   .tiZkD { font-size: 85%; line-height: 1.4; text-align: center;}   .h5JUb { width: 50%; height: 100%; display: flex; }   .yyXll { background: #00d04010; }   .kFJXP { background: #f0001010; }   .irFGs { color: #005010; background: linear-gradient(to right, #00d03015, #00d03010, #00a03000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #00f05050; }   .dd5Ln { color: #700010; background: linear-gradient(to left, #f0001015, #f0001010, #a0001000); text-shadow: -2px -3px 3px #ffffff, 1px 3px 4px #ff305050; }   .rTZC0 { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110%; }   .mDelg { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 90%; }   .jeGVV { display: flex; height: 100%; justify-content: center; align-items: center; width: 50px; position: relative; direction: ltr; box-shadow: none !important; }   .bbLR0 { width: 100%; height: 28px; padding: 4px 5px; display: flex; justify-content: space-around; }   .k0fjn { 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;; }   .k0fjn:hover { background: #a050f0; color: #fff; border: 1px solid #2030a0; opacity: 1; }   .zChoU { width: 100%; }     .qM94j { width: 100%; height: 26px; display: flex; position: relative; background: linear-gradient(to top, #ffffff50, #00a0ff10, #ffffff50); }   .xv8Si { height:100%; display: flex; position: relative; z-index: 2; align-items: center; padding: 0px 10px;}   .hks6O { flex-grow: 1; }   .xxdVi { 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; }   .pw7ri { 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; }       .sAXkv { width: 100%; height: 28px; display: flex; }   .zpAJg { width: 100%; height: 26px; display: flex; }   .mDfFk { width: 49%; height: 100%; display: flex; }   .y0lEl { width: 2%; height: 100%; display: flex; }       .yQFoS { padding: 5px; }   .kCBP0 { padding: 8px 15px; }   .bcipX { display: flex; align-items: center; height: 40px; margin: 4px 0px; border-radius: 3px; background: #f0f0f050; border: 1px solid #20406030; cursor: pointer; transition: .2s; }   .rgRhu { display: flex; align-items: center; padding: 0px 10px; width: 210px;; }   .bcipX:hover { background: #ffffff; border: 1px solid #2040a0a0; }   .taZqv { background: linear-gradient(to right, #ffffff, #d0f0ff) !important; border: 1px solid #2040a0a0; }      .yOys4 { padding: 0px !important; border: none !important; width: 350px; height: 450px;}   .bI0lt { padding: 0px !important; display: flex; height: 100%; flex-direction: column; transition: .2s; overflow: hidden; }   .xNNJU { padding: 1px; }   .oLP6X { height: 30px; display: flex; border-bottom: 1px solid #20406010; padding: 2px 3px; }   .yMkmC { height: 100%; display: flex; margin: 0px 2px; justify-content: center; align-items: center; flex-grow: 1; }   .tOzX5 { 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; }   .fOfGm { margin: 0px; border-radius: 0px; }   .tOzX5:hover { background: #00a0f010; }   .dhzHG { background: #00a0ff !important; color: #fff !important; box-shadow: inset 2px 6px 10px -2px #00008060, inset -2px -6px 8px -2px #ffffff30 !important; }   .p7k2t { flex-grow: 1; overflow: auto; }   .wllh3{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; height: 100%; width: 100%; }       .ajhvg { width: 100%; display: flex; height: 100%; }   .r2u4O { display: flex; flex-grow: 1; border: solid 1px #20405020; padding: 0px 5px; height: 100%; align-items: center; cursor: pointer; }       .c2oJu { height: 100%; width: 100%; overflow: hidden;}     .gmTpt { display: flex; height: 92%; min-width: 225px; }   .wPqw9 { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 2px; z-index: 100 }   .vJZ40 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; opacity: 0; transition: .4s; transform: translate(0px,-10px); }   .bw3vw { animation: 7s gthke forwards; }   .bPGRH { position: absolute; bottom: 0px; right: 0px; left: 0px; }   .oXUUq { display: flex; height: 100%; white-space: nowrap; align-items: center; padding: 0px 8px; }   .i48Wb { display: flex; white-space: nowrap; direction: ltr; }     .fizIN { display: flex; height: 17px; width: 100%; position: relative; background: #fff; border-radius: 0 0 3px 3px; }   .uRA6P { height: 7px; }   .a4nDq { height: 100%; width: 100%; opacity: 0.1; }   .xaEX4 { height: 100%; }   .h76z4 { background: #c00030 !important; }   .c5jC3 { background: #ff3000 !important; }   .eqSSu { background: #00c060 !important; }   .zydRP { background: #30a000 !important; }     .t0zwi { z-index: 100; background: #fff; padding: 0px !important; border: none !important; }   .qg65O { display: flex; padding: 5px !important; font-size: 90%; position: relative; }   .b14J7 { min-width: 100px; ; }   .k0Rpk { min-width: 45px; ; }   .itLDQ { font-size: 110%; font-weight: bold; min-width: 40px; ; }   .dyF0u { 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; }     .qeFjC { padding: 0px !important; display: flex; flex-direction: column; height: 100%; }   .lbCW6{ padding: 5px !important; }   .zpswi{ padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1; }     .lEjwh { position: relative; }   .lEjwh:hover { position: relative; z-index: 10; }   .pYNgG { position: relative; z-index: 2; padding: 0px 8px; }   .moCMW { position: relative; z-index: 2; padding: 0px 15px; }   .tE01Y { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; }   .j41bh { padding: 6px 0px !important; display: flex; justify-content: center; align-items: center; }   .nlWzs { padding: 1px 0px 5px 0px !important; display: flex; justify-content: center; align-items: center; }   .tcSFx { height: 26px !important; }   .rHQbB { height: 26px !important; padding: 0px 5px; display: flex; align-items: center; }     .foSb2 { padding: 0px !important; display: flex; flex-direction: column; justify-content: space-around; margin-top: 4px; min-width: 310px; height: 400px; overflow: auto; background: #fafdfe; }   .oadSp { padding: 4px 5px !important; flex-grow: 1; width: 100%; position: relative; }   .aE3aT { padding: 4px 0px !important; width: 100%; position: relative; overflow: hidden; }   .oYPTw { padding: 6px 8px !important; width: 100%; }   .mBRgD { padding: 2px !important; width: 100%; min-height: 300px; }   .t1lQR { padding: 6px 8px !important; width: 100%; display: flex; position: relative; z-index: 1000; }   .cGZpd { padding: 4px 5px !important; margin: 2px 5px; border: 1px solid #20406030; min-width: 85px; }   .rtBkA { width: 85px; display: flex; flex-wrap: wrap; }       .yXFya { display: flex; height: 28px; align-items: center; padding-left: 5px; }   .zBfzo { padding: 0px 5px 0px 10px; min-width: 50px; font-size: 110%; font-weight: bold; }   .p9cWe { padding: 3px 5px 0px 0px; font-size: 80%; opacity: .9; }   .uyE3k { padding: 2px 8px 0px 0px; font-size: 100%; }   .iJBGe { direction: ltr; font-size: 110%; width: 55px; display: flex; justify-content: center; font-weight: bold; }   .us6Dt { padding: 4px 4px 4px 0pxx; font-size: 85%; font-weight: normal; }   .olbBU { color: #008020; }   .k7WXU { color: #800010; }     .cCMRp { padding: 2px; width: 100%; }   .f7iA8 { display: flex; width: 100%; }   .w6XuG { display: flex; justify-content: center; width: 20%; }   .lNBVS { padding: 1px 0px 0px 6px; font-size: 90%; background: linear-gradient(to left, #ffffffa0, #ffffff00); border-radius: 0px 4px 4px 0px; }   .rbWtg { padding: 0px 1px; font-weight: bold; }   .t58Rw { font-size: 80%; }       .q8zlD { position: relative; padding: 20px 5px 5px 5px !important; }   .k38dv { position: relative; padding: 10px 5px 2px 5px !important; }   .jV8pw { position: absolute; top: -4px; right: 5px; padding: 2px 8px; font-size: 95%; border-radius: 4px; z-index: 100; }   .fY6mi { display: flex; padding: 2px 3px; height: 100px; align-items: flex-end; }   .iieYV { flex-grow: 1; margin-left: 1px; border-radius: 3px 3px 0 0; background: #0080ff; cursor: pointer; }   .ihjNZ { background: linear-gradient(to top, #00a020, #00b060); }   .gVQwG { background: linear-gradient(to top, #d01020, #c02050); }   .h52iS { height: 25px; align-items: center; background: #ffe0ff20; margin: 4px 3px;   position: relative; padding: 0px 10px; border-radius: 4px; border: 1px solid #20406030;   }   .tt36h { position: absolute; padding: 0px 10px; z-index: 10; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center ; border-radius: 4px;}   .bv0OW { 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 ); }   .tUTFY { 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; }   .h52iS:hover > .tUTFY { opacity: 1;}     .cUsBV { display: flex; height: 25px; align-items: center; }   .meko4 { padding: 0px 0px 0px 8px; min-width: 60px; }   .wwwGj { flex-grow: 1; padding: 0px 8px; direction: ltr; text-align: left; }   .jbmoq { padding: 0px 8px; color: #003060; font-size: 90%; padding-top: 2px; min-width: 50px; }     .vN4nP { }   .sQd68 { padding: 0px 0px 0px 2px; transform: scale(.8) !important; opacity: .8; }   .mu9Tp { color: #007020; display: flex; padding-left: 7px; }   .pQCCJ { color: #900000; display: flex; padding-left: 7px }   .f0nnX { font-size: 90%; }       .hinPI { padding: 5px; width: 250px; }   .nwHoe { padding: 1px; font-size: 90%; opacity: .9; }   .pGL7O { padding: 2px 10px 0px 0px; display: flex; }   .viQ7z { padding: 0px 45px 4px 0px; display: flex; font-size: 90%; }     .bmBPP { 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; }