:root { --zmapp: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgb(0 93 56) 35%, rgb(0 82 99) 100%); --zmappm:#790000 ; --zmappz:#f0c807 ; --zmappb: #00294beb; --zmappl: aliceblue; } img { border-radius: 10px; } .aks { max-width: 57%; place-self: center; display: block; margin: 40px 0; } .title-container { display: flex; align-items: center; justify-content: center; margin: 40px 0; } .line { flex: 1; height: 1px; background-color: #888; margin: 0 10px; } .title-text { font-size: 16px; color: #333; font-family: 'Zomorrod'; font-weight: bold; } .a-glow { background-color: #000000; -webkit-border-radius: 5px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; font-family: 'Hack'; font-size: 14px; padding: 15px; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } .a-glow:hover { background-color: #004A7F; -webkit-border-radius: 5px; border-radius: 5px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'Hack'; font-size: 14px; padding: 15px; text-align: center; text-decoration: underline; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } @-webkit-keyframes glowing { 0% { background-color: --zmapp; -webkit-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } } @-moz-keyframes glowing { 0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } } @-o-keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } @keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } .landbantitle{ background: var(--zmapp); padding-right: 46px; padding-left: 12px; margin-right: -35px; z-index: 1; display: flex; border-radius: 3px 11px; color: white; min-height: 36px; align-items: center; min-width: 200px; justify-content: center; } .storyland { height: 71px; z-index: 2; background: var(--zmapp); padding: 3px; border-radius: 50%; animation: bg-move linear 90s infinite !important; } @-webkit-keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(150px * 7)); } } .slider { background: white; height: 100px; margin:0; overflow: hidden; position: relative; width: 100%; } .slider::before, .slider::after { background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); content: ""; height: 100px; position: absolute; width: 50px; z-index: 2; } .slider::after { right: 0; top: 0; transform: rotateZ(180deg); } .slider::before { left: 0; top: 0; } .slider .slide-track { -webkit-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite; display: flex; width: calc(250px * 40); align-items: center; } .slider .slide { height: 100px; width: 250px; display: flex; } .accordion { max-width: 100%; } .accordion-item { margin-bottom: 10px; border-radius: 5px; } .accordion-button { width: 100%; padding: 15px; background: #f9f9f9; font-size: 15px; border-radius: 10px 10px 0 0; text-align: right; } .accordion-content { padding: 15px; display: none; background: #00584f14; border: 1px solid #ddd; margin-top: 0px; border-radius: 0 0 10px 10px; text-align: justify; } .accordion-content p { margin: 0; } .accordion-button.active + .accordion-content { display: block; } .iphone-frame { position: relative; width: 335px; height: 670px; background: var(--zmapp); border-radius: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); display: flex; padding: 15px; } .iphone-frame::before { content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 120px; height: 5px; background-color: #333; border-radius: 10px; } .iphone-screen { position: absolute; top: 44px; width: 318px; height: 600px; left: 10px; right: 10px; bottom: 20px; background-color: white; border-radius: 30px; overflow: hidden; } .videoz { border-radius: 10px; background: var(--zmapp); padding: 5px; width: 100%; animation: bg-move linear 5s infinite !important; } .landt { background: var(--zmapp); color: white; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: bold; padding: 10px 0; display: flex; justify-content: center; align-items: center; position: relative; } .mainlabalez { background: var(--zmapp); color: white; border-radius: 10px; padding: 10px; width: -webkit-fill-available; text-align: -webkit-center; position: relative; } .labalz { position: absolute; top: -14px; left: 0; background: var(--zmappm); border-radius: 10px 4px 4px 0; padding: 0 7px; font-size: 12px; color: white; } .offerfrom{ font-size: 13px; } .a-glow { background-color: #000000; -webkit-border-radius: 5px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; font-family: 'Hack'; font-size: 14px; padding: 15px; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } .a-glow:hover { background-color: #004A7F; -webkit-border-radius: 5px; border-radius: 5px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'Hack'; font-size: 14px; padding: 15px; text-align: center; text-decoration: underline; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } @-webkit-keyframes glowing { 0% { background-color: --zmapp; -webkit-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } } @-moz-keyframes glowing { 0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } } @-o-keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } @keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } .filekonloginbtn { position: relative; display: inline-block; padding: 2px 40px; background: var(--zmapp); color: white; border: none; border-radius: 5px; cursor: pointer; outline: none; box-shadow: 0 0 0 rgb(24 94 65); animation: alarm-pulse 2s infinite; } @keyframes alarm-pulse { 0% { box-shadow: 0 0 0 0 rgb(26 49 55); } 70% { box-shadow: 0 0 0 20px rgba(255, 61, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 61, 0, 0); } } .zhello { width: 60%; display: flex; flex-direction: column; row-gap: 15px; text-align-last: center; font-size: 18px; } @media (max-width: 768px) { .zhello { width: 90%; } } #notes-list { padding: 0; } div#registration-form { width: 90%; } .zuserform { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; min-height: 55%; background: rgb(231 231 231 / 46%); box-shadow: 0 4px 30px rgb(0 0 0 / 41%); backdrop-filter: blur(10px); border: 1px solid rgb(255 255 255 / 21%); border-radius: 20px; } @media (max-width: 768px) { .zuserform { width: 95%; } } #custom-login-form { width: 90%; } input[type="text"] { margin: 0; } #mobile, #login_mobile , #login_password { text-align: -webkit-center; letter-spacing: 6px; font-size: 16px; font-weight: bold; } #verification-code, #verification-sms { display: flex; justify-content: center; gap: 10px; /* فاصله بین مربعات */ flex-direction: row-reverse; font-family: auto; } .userlr { display: flex; justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ height: 100vh; /* Full viewport height */ width: 100%; /* Full width */ position: relative; /* Ensure it respects parent dimensions */ } .zlogreg {position: fixed;height: 100vh;width: 100%;background: linear-gradient(rgb(0 0 0 / 6%), rgb(255 255 255 / 14%)), url(/wp-content/plugins/app/img/Filekon.jpg);background-size: cover;background-position: center;animation: animatedBackground 80s ease-in-out infinite alternate;} @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 100%; } } #custom-login-form { width: 90%; } input[type="text"] { margin: 0; } #mobile, #login_mobile , #login_password { text-align: -webkit-center; letter-spacing: 6px; font-size: 16px; font-weight: bold; } #verification-code, #verification-sms { display: flex; justify-content: center; gap: 10px; /* فاصله بین مربعات */ flex-direction: row-reverse; font-family: auto; } .code-input { width: 50px; height: 50px; text-align: center; font-size: 24px; border: 2px solid #ccc; border-radius: 5px; outline: none; } .code-input:focus { border-color: #007bff; } .code-input.error { border-color: red; } #verify-code { margin-left: 20px; } .zbutton { background: aliceblue; color: black; display: flex; font-size: 12px; padding: 12px; border-radius: 10px; justify-content: center; gap: 5px; margin: 0; } .bdes { text-align: end; text-decoration: line-through; font-size: 14px; font-family: auto; color: gray; } .zsubx { padding: 10px; margin-bottom: 10px; border: 1px solid transparent; transition: border-color 0.3s; } .zsubx:hover { border-color: #ffe773; /* تغییر رنگ کادر به زرد هنگام رفتن موس */ } /* کادر زرد برای گزینه انتخاب‌شده */ .zsubx.selected { border-color: #ffe773; } .subscription-products { border: 1px solid #cbcbcb; padding: 20px; max-width: 500px; margin: 0 auto; background-color: #efefef94; border-radius: 10px; } .subscription-products h3 { text-align: center; margin-bottom: 20px; } .zsubx { margin-bottom: 13px; background: #ffffffb5; border-radius: 10px; padding: 7px 10px; } .subscription-products input[type="submit"] { width: 100%; background-color: #00344d; color: #fff; border: none; cursor: pointer; } .subscription-products input[type="submit"]:hover { background-color: #005177; } select.pricesellfiltering { min-width: 135px;} .infox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background: aliceblue; padding: 10px 10px; border-radius: 10px 10px 0 0; } .opfilter { margin-bottom: 10px; width: -webkit-fill-available; } .dropdown { position: fixed; max-width: 170px; border-block: none; } @media (max-width: 768px) { .dropdown { position: static; } } .pricesellfiltering { column-gap: 8px; display: flex; } @media (max-width: 768px) { .pricesellfiltering { flex-direction: column; } } .pricefiltering { display: flex; flex-direction: column; } .price_filters {} /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: rgba(0,0,0,.1); } /* Handle */ ::-webkit-scrollbar-thumb { background: rgb(0 0 0 / 27%); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .newsbox {border-radius: 0 20px 20px 0;width: 100%;max-height: 320px;overflow-y: auto;} .zroozame { margin-block-end: 10px; } .logosvg { width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='50px' viewBox='0 0 1000.000000 1000.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,1000.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M3412 9639 c-151 -14 -263 -61 -387 -159 -275 -219 -414 -661 -377 -1197 13 -190 35 -346 202 -1493 291 -1989 619 -4145 725 -4769 124 -724 330 -1143 643 -1304 228 -118 555 -207 763 -207 75 0 197 28 260 60 55 28 142 111 173 164 40 69 67 173 73 281 5 111 28 -34 -557 3620 -147 924 -277 1743 -287 1820 -13 106 -18 208 -18 420 0 249 3 291 21 375 65 292 197 472 429 585 204 99 404 127 752 106 297 -17 653 -46 1156 -91 476 -44 592 -47 739 -25 224 33 354 110 416 244 99 214 -51 465 -350 584 -63 26 -3535 884 -3769 932 -235 48 -461 69 -607 54z'/%3E%3Cpath d='M5557 7166 c-231 -67 -376 -364 -351 -721 16 -237 511 -3381 576 -3660 28 -121 82 -275 126 -359 42 -81 127 -176 187 -212 92 -54 275 -108 403 -120 218 -20 356 134 324 361 -6 39 -118 716 -251 1506 -149 893 -244 1487 -251 1571 -28 348 48 546 247 646 156 79 279 80 1107 12 244 -20 309 -20 411 2 126 27 205 109 205 213 0 44 -44 128 -88 166 -76 67 -121 80 -1172 329 -558 133 -1049 248 -1090 256 -107 22 -323 27 -383 10z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: inline-block; } .weblogo { width: 70pt; height: 70pt; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='70pt' height='70pt' viewBox='0 0 1000.000000 564.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,564.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M664 5086 c-92 -29 -194 -125 -243 -230 -55 -116 -66 -183 -65 -381 1 -171 5 -207 78 -700 291 -1968 392 -2610 432 -2767 65 -258 161 -420 289 -485 127 -65 271 -104 387 -105 170 -1 268 99 268 272 0 31 -22 195 -50 365 -300 1880 -381 2398 -391 2505 -22 262 20 440 129 543 95 88 210 127 383 127 98 0 495 -29 759 -55 173 -18 256 -19 335 -4 190 35 265 172 170 309 -31 45 -99 95 -157 116 -63 22 -1898 472 -1997 489 -101 18 -271 18 -327 1z'%3E%3C/path%3E%3Cpath d='M6954 4561 c-70 -43 -97 -110 -70 -176 9 -21 13 -42 9 -46 -5 -4 -48 -20 -96 -35 -86 -26 -88 -28 -82 -53 4 -14 8 -27 10 -29 7 -8 317 77 346 95 50 29 73 66 73 120 0 60 -23 96 -78 123 -52 25 -72 25 -112 1z m116 -71 c47 -47 6 -130 -64 -130 -40 0 -76 37 -76 77 0 61 96 97 140 53z'%3E%3C/path%3E%3Cpath d='M6786 3935 c-137 -56 -239 -194 -261 -352 l-7 -52 364 -3 363 -3 47 -28 c195 -114 194 -430 -1 -529 l-55 -28 -643 0 c-558 0 -649 2 -681 15 -47 20 -78 50 -105 100 -20 37 -22 58 -27 300 l-5 260 -42 3 -43 3 0 -276 c0 -212 -4 -293 -16 -352 -30 -145 -108 -259 -213 -310 -48 -24 -68 -28 -141 -28 -72 1 -93 5 -135 27 -92 48 -162 143 -201 273 -25 82 -25 277 -1 357 9 31 17 59 17 62 0 3 -22 6 -49 6 l-49 0 -14 -52 c-8 -34 -13 -109 -13 -208 1 -142 3 -161 28 -235 67 -195 198 -311 373 -330 213 -24 406 116 469 340 9 33 18 65 20 71 2 7 26 -10 53 -36 87 -84 57 -81 803 -78 l654 3 56 26 c69 32 130 91 163 157 100 197 11 466 -183 556 -43 20 -65 21 -369 24 l-323 3 7 22 c25 83 92 160 176 204 48 25 66 28 183 33 l130 5 3 38 3 37 -138 0 c-123 0 -145 -3 -197 -25z'%3E%3C/path%3E%3Cpath d='M1832 3829 c-50 -15 -116 -87 -143 -155 -40 -103 -33 -221 40 -684 108 -690 201 -1262 222 -1363 24 -122 59 -214 101 -273 55 -77 197 -132 316 -122 47 4 60 10 87 40 18 19 35 51 39 70 5 26 -32 268 -125 820 -162 967 -165 1008 -68 1113 78 85 154 93 559 60 213 -18 269 -16 325 11 39 18 70 74 61 109 -8 31 -52 82 -86 100 -16 8 -277 74 -582 146 -568 135 -669 152 -746 128z'%3E%3C/path%3E%3Cpath d='M5280 3380 l0 -60 50 0 50 0 0 60 0 60 -50 0 -50 0 0 -60z'%3E%3C/path%3E%3Cpath d='M4527 2768 c-4 -691 -1 -668 -73 -813 -66 -135 -180 -236 -308 -270 -47 -13 -90 -16 -168 -13 -97 3 -111 6 -180 41 -137 67 -241 207 -285 382 -25 103 -23 336 4 425 11 36 24 73 28 83 7 16 1 18 -66 15 l-73 -3 -20 -70 c-28 -99 -29 -388 -2 -488 42 -156 100 -261 197 -357 106 -105 253 -160 424 -160 315 0 549 194 625 518 l12 52 27 -37 c60 -83 185 -142 299 -143 l72 0 0 55 0 55 -44 0 c-152 0 -251 55 -305 170 l-26 55 -5 560 -5 560 -62 3 -62 3 -4 -623z'%3E%3C/path%3E%3Cpath d='M8287 3384 c-4 -4 -7 -255 -7 -558 0 -601 3 -639 57 -737 34 -64 91 -113 160 -139 51 -19 78 -20 487 -20 475 0 494 2 573 60 54 40 98 110 120 190 16 56 18 110 18 405 l0 340 -205 -2 c-343 -4 -469 -46 -546 -185 -26 -48 -29 -62 -29 -148 0 -113 15 -151 87 -222 53 -51 126 -84 211 -94 105 -12 251 47 323 130 l34 40 0 -96 c0 -159 -34 -232 -129 -277 l-56 -26 -395 0 c-424 0 -441 2 -501 52 -16 14 -40 44 -52 67 -22 41 -22 46 -27 631 l-5 590 -55 3 c-31 2 -59 0 -63 -4z m1280 -661 c-11 -158 -53 -247 -143 -299 -37 -22 -63 -28 -123 -32 -94 -5 -150 9 -198 51 -45 39 -63 82 -63 147 0 28 6 65 14 83 25 62 108 114 206 130 14 2 90 5 169 6 l144 1 -6 -87z'%3E%3C/path%3E%3Cpath d='M9277 3384 c-4 -4 -7 -40 -7 -81 l0 -73 75 0 76 0 -3 78 -3 77 -65 3 c-36 2 -69 0 -73 -4z'%3E%3C/path%3E%3Cpath d='M7838 2577 l-3 -353 -30 -60 c-26 -51 -38 -63 -88 -88 -53 -27 -68 -30 -192 -34 l-135 -5 0 -53 0 -54 149 0 c191 0 233 12 312 90 40 39 64 73 80 115 23 59 24 68 27 428 l3 367 -60 0 -60 0 -3 -353z'%3E%3C/path%3E%3Cpath d='M5050 1985 l0 -55 1165 0 1165 0 0 55 0 55 -1165 0 -1165 0 0 -55z'%3E%3C/path%3E%3Cpath d='M7380 1615 l0 -75 75 0 75 0 0 75 0 75 -75 0 -75 0 0 -75z'%3E%3C/path%3E%3Cpath d='M7690 1615 l0 -75 70 0 70 0 0 75 0 75 -70 0 -70 0 0 -75z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; display: inline-block; } .zbglass { background: rgb(255 255 255 / 86%) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; width: 100%; height: 100%; border-radius: 15px; } .feedlist { padding: 26px; } .thumb-container.thumb-50 { min-height: 400px; } .pardakht { background: #ffa225; position: relative; top: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0 10px 0 0; padding: 10px; left: -11px; } .sbact { display: flex; flex-direction: column; align-items: center; background: #e3e3e3; justify-content: center; border-radius: 0 10px 0 0; padding: 6px 15px; position: relative; left: -12px; } .subb { margin: 8px -10px; border-radius: 15px; display: flex; font-weight: bold; font-size: 15px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px; background: rgb(255 255 255 / 86%); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); min-height: 104px; } .suvp { background: #e3e3e3; position: absolute; right: -1px; bottom: -2px; border-radius: 10px 0; font-size: 12px; text-align: -webkit-center; padding: 0px 10px; margin-top: 19px; } .suvt { background: #ffa225; padding-right: 10px; padding-left: 20px; font-size: 16px; border-radius: 10px 0; right: -12px; position: relative; margin-block-end: 10px; } .subbox { display: flex; background: burlywood; border-radius: 20px; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; margin: 10px; padding: 10px; } .ziconbgrow { background: #cfcfcf; padding: 10px; border-radius: 50%; margin-block-end: 5px; max-width: 27%; height: 100%; display: flex; align-items: center; justify-content: center; } svg#Layer_1 {} .zlabban { min-width: 13%; font-size: 78%; background: #f3f3f3; border-radius: 10px; text-align: center; padding: 5px; position: relative; left: -10px; /* چرخاندن عنصر */ transform: rotate(270deg); /* تنظیمات مربوط به موقعیت برای جلوگیری از تغییر در موقعیت نسبی */ transform-origin: center; /* تنظیم نقطه مبدأ چرخش */ } .zbsec { min-width: 54%; } .ziconrow { z-index: 3; position: relative; display: flex; flex-direction: row; background: #ffffff; width: 100%; border-radius: 20px; align-items: center; padding: 10px; justify-content: space-between; } .zmbgmove{background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #b9b9b963 75.52%, rgba(100, 181, 239, 0) 100%) !important;background-repeat: no-repeat !important;animation: bg-move linear 5s infinite !important;} @-webkit-keyframes bg-move { 0% { background-position: -500px 0; } 100% { background-position: 1000px 0; } } @keyframes bg-move { 0% {background-position: -1000px 0;} 100% {background-position: 1500px 0;} } .zbanerreq { background: var(--zmapp); border-radius: 10px 0 0 10px; color: white; padding: 4px 59px 4px 18px; position: relative; left: 55px; z-index: -1; margin-block-end: 3px; font-weight: bolder; text-align: center; } .zbanerlab { background: #cfcfcf; border-radius: 10px 0 0 10px; padding: 4px 35px 4px 18px; position: relative; left: 46px; z-index: -1; margin-block-end: 3px; font-weight: bolder; text-align: center; } .zrot { z-index: 3; background: #fba635; /* چرخاندن عنصر */ transform: rotate(270deg); /* تنظیمات مربوط به موقعیت برای جلوگیری از تغییر در موقعیت نسبی */ transform-origin: center; /* تنظیم نقطه مبدأ چرخش */ left: -25px; position: relative; border-radius: 0 010px 10px; padding: 0px 10px 0px 10px; } .zbanbox { background: #ffffff; width: 100%; border-radius: 20px; align-items: center; padding: 10px; display: flex; justify-content: space-between; } .zicontit { font-size: 93%; padding: 4px; position: relative; bottom: -11px; width: 80%; text-align: -webkit-center; background: var(--zmapp); color: white; border-radius: 30px 30px 0 0; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); } .ziconbg { padding: 5px; border-radius: 20px; margin-block-end: 5px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(235 235 235 / 66%); border: 1px solid rgba(255, 255, 255, 0.3); } .ziconst { display: flex; flex-direction: column; width: 100%; align-items: center; padding: 10px; } .ziconst.active {background-color: var(--zmappl);border-radius: 20px 0;} .zicon { display: flex; justify-content: center; align-items: center; border-radius: 17px; } .zoption { width: 100%; display: flex; justify-content: center; padding: 1%; border-radius: 10px; } button.button { background: var(--zmapp); color: white; } select { border-radius: 10px; margin: 0; } .zpanel { display: flex; justify-content: space-between; } .zmenu { position: fixed; padding-right: 2%; padding-left: 2%; border-bottom: groove var(--zmapp); bottom: 0; max-height: 55px; width: 100%; z-index: 100; border-radius: 20px 20px 0 0; display: inline-grid; align-items: stretch; left: 0; justify-content: center; background: rgb(255 255 255 / 86%); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); font-size: small; } .zbg { background: rgb(0 0 0 / 60%) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: white !important; } .zbut { background: var(--zmapp); border-radius: 50%; padding: 16%; display: flex; position: relative; bottom: 17px; } #loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); justify-content: center; align-items: center; text-align: center; z-index: 9; } svg text { animation: stroke 5s infinite alternate; stroke-width: 2; stroke: #FFFFFF; font-size: var(--h2); } @keyframes stroke { 0% { fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2; } 70% {fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); } 80% {fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-width: 3; } 100% { fill: rgba(0,0,0,1); stroke: rgba(255,255,255,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; } } .zinfo { display: flex; gap: 8px; font-size: 95%; background: rgb(215 215 215 / 60%); border-radius: 10px; padding: 10px; flex-direction: row; width: 100%; justify-items: center; color: currentColor; align-items: center; margin-block-end: 15px; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 768px) { .zinfo { flex-direction: column; } } .zedbox { background: #f3f3f37d; border-radius: 30px; padding: 40px 15px 40px 15px; } .zmdinfoicon { width: 20px; } .owl-dots { display: none; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .wmelk { display: flex; gap: 5px; font-size: 13px; font-weight: bold; min-width: 30%; margin: 0 5px 0 5px; color: #000; padding: 5px 10px; text-align: -webkit-center; align-items: center; justify-content: center; flex-direction: row; position: absolute; top: 10px; right: 0px; z-index: 2; flex-wrap: wrap; /* From https: //css.glass */ background: rgb(255 255 255 / 78%); border-radius: 16px; box-shadow: 0 4px 30px rgb(243 243 243 / 66%); -webkit-backdrop-filter: blur(5px); align-content: center; } .wmelkd { display: flex; gap: 5px; font-size: 13px; font-weight: bold; min-width: 30%; margin: 0px 5px; color: rgb(0, 0, 0); padding: 5px 10px; text-align: -webkit-center; align-items: center; place-content: center; flex-flow: wrap; position: absolute; bottom: 0px; left: -7px; z-index: 2; background: rgb(0 87 79); border-radius: 0px 10px; box-shadow: rgba(243, 243, 243, 0.66) 0px 4px 30px; color: white; } .owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .item{ display : flex; width : 100%; margin : 10px; box-sizing : border-box; height : 200px; justify-content: center; align-items : center; background: #d9d9d9; border-radius: 15px; } .item span{ font-size: 42px; color : #fff; } /* استایل عمومی اسلایدر */ .owl-carousel .item { position: relative; overflow: hidden; height: 360px; /* ارتفاع ثابت برای تصاویر */ } @media (max-width: 768px) { .owl-carousel .item { height: 300px; /* ارتفاع ثابت برای تصاویر */ } } /* افکت گرادین شیشه‌ای روی عکس‌ها */ .owl-carousel .item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 49%)); /* افکت شیشه‌ای */ z-index: 1; } .sec { /* background: #ffffff94; */ margin-top: 35px; margin-block-end: 35px; border-radius: 5px 5px 10px 10px !important; padding-block: 20px; position: relative; /* برای استفاده از افکت ::before */ overflow: hidden; /* مخفی کردن هر چیزی که از باکس خارج می‌شود */ } /* افکت محو سمت چپ */ .sec::before { content: ""; position: absolute; top: 0; left: 0; width: 10%; /* عرض افکت محو */ height: 100%; background: linear-gradient(to right, rgb(41 37 37 / 15%), rgb(187 187 187 / 0%)); /* گرادیان محو */ pointer-events: none; /* جلوگیری از تعامل با محتوای باکس */ z-index: 2; /* قرار گرفتن در بالای محتوای باکس */ filter: blur(1px); /* لبه‌های گرد سمت چپ */ } .subshow { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 35px; } /* Media query for mobile devices */ @media (max-width: 1000px) { .subshow { grid-template-columns: repeat(1, 1fr); } } .pcmob { grid-template-columns: repeat(3, 1fr); display: grid; gap: 5px; } /* Media query for mobile devices */ @media (max-width: 768px) { .pcmob { DISPLAY: none; } } .zc { display: flex; justify-content: space-between; gap: 10px; } @media (max-width: 1300px) { .zc { /* 2 columns on mobile */ flex-direction: column; flex-wrap: wrap; } } .dataland { display: grid; grid-template-columns: 60% 40%; gap: 10px; margin-block-end: 20px; align-items: stretch; justify-items: stretch; justify-content: center; align-content: center; } @media (max-width: 1500px) { .dataland { grid-template-columns: 60% 40%; } } @media (max-width: 1300px) { .dataland { grid-template-columns: 70% 30%; } } @media (max-width: 1100px) { .dataland { grid-template-columns: 100%; } } .landstart { background: #ededed; margin: 0; padding: 0 7%; min-height: 80vh; display: grid; grid-template-columns: 50% 50%; background-image: url(/wp-content/plugins/app/img/filekonbanner.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; justify-items: center; align-items: center; } @media (max-width: 1100px) { .landstart { display: flex; align-items: center; justify-content: center; flex-direction: column; } } .data1 { grid-template-columns: repeat(1, 1fr); display: grid; gap: 5px; } /* Media query for mobile devices */ @media (max-width: 768px) { .data1 { grid-template-columns: repeat(1, 1fr); /* 2 columns on mobile */ } } .data2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-block-end: 20px; align-items: stretch; justify-items: stretch; justify-content: center; align-content: center; } @media (max-width: 768px) { .data2 { grid-template-columns: repeat(1, 1fr); } } .data3 { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin-block-end: 20px; align-items: center; justify-items: center; justify-content: center; align-content: center; } @media (max-width: 1200px) { .data3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 300px) { .data3 { grid-template-columns: repeat(1, 1fr); } } .data3f { display: grid; gap: 10px; grid-template-columns: 1.6fr 0.6fr; margin-block-end: 20px; align-items: center; justify-items: center; justify-content: center; align-content: center; } .landing { font-family: 'zomorrodmedia' !important; } @media (max-width: 768px) { .data3 { grid-template-columns: repeat(1, 1fr); } } .data4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; } @media (max-width: 768px) { .data4 { grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */ } } .data4f { position: static; /* 2 columns on mobile */ display: flex; width: auto; background: none; backdrop-filter: none; border: none; padding: 0; flex-direction: row; column-gap: 5px; } @media (max-width: 1300px) { .data4f { position: static; /* 2 columns on mobile */ display: grid; grid-template-columns: repeat(2, 1fr); width: auto; background: none; backdrop-filter: none; border: none; padding: 0; flex-direction: row; } } .data5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; } @media (max-width: 1100px) { .data5 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 600px) { .data5 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 350px) { .data5 { grid-template-columns: repeat(1, 1fr); } } .data6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 2% 0; padding: 0; width: 100%; } @media (max-width: 768px) { .data6 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 400px) { .data6 { grid-template-columns: repeat(2, 1fr); } } .data8 { display: flex; gap: 10px; margin-block-end: 20px; padding: 0; font-size: 12px; flex-direction: column; width: auto; } @media (max-width: 1300px) { .data8 { display: grid; grid-template-columns: repeat(8, 1fr); /* 2 columns on mobile */ } } @media (max-width: 1000px) { .data8 { display: grid; grid-template-columns: repeat(4, 1fr); /* 2 columns on mobile */ } } @media (max-width: 370px) { .data8 { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */ } } .data9 { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; } /* Media query for mobile devices */ @media (max-width: 1100px) { .data9 { grid-template-columns: repeat(3, 1fr); /* 2 columns on mobile */ } } .data12 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; width: 100%; } /* Media query for mobile devices */ @media (max-width: 1100px) { .data12 { grid-template-columns: repeat(4, 1fr); /* 2 columns on mobile */ } } .dataflx { display: flex; gap: 10px; margin-block-end: 20px; padding: 0; flex-wrap: wrap; justify-content: space-between; } .resban { grid-template-columns: repeat(3, 1fr); display: grid; gap: 10px; } /* Media query for mobile devices */ @media (max-width: 900px) { .resban { grid-template-columns: repeat(1, 1fr); /* 2 columns on mobile */ } } .menu-label { text-transform: uppercase; white-space: nowrap; font-weight: 600; font-size: 13px; line-height: 22px; border-radius: 10px 20px 25px; position: sticky; margin: -3% 0 0 0; left: 90%; display: inline-block !important; padding: 2px 10px !important; color: rgb(255, 255, 255) !important; vertical-align: middle !important; background-color: var(--zmapp); min-width: 100px; z-index: 100; text-align-last: center; } .element-article.box-section.box-wrap { margin-block-end: 20px; } .gfield_checkbox { justify-content: flex-start; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; margin: 20px 0 !important; justify-items: start !important; } @media (max-width: 768px) { .gfield_checkbox { grid-template-columns: repeat(2, 1fr) !important; /* 2 columns on mobile */ } } .gform-theme--framework *,.gform-theme--framework ::after,.gform-theme--framework ::before { box-sizing: border-box; text-align: center; } h3.gsection_title { font-size: 20px; font-weight: bold; } p.gform_required_legend { display: none; } /**جدول */ @media screen and (max-width:980px){ table{ display:block; overflow-x:auto; } } .filter { display: grid; grid-template-columns: repeat(2, 1fr); /* دو ستون */ gap: 10px; margin-block-end: 20px; } /* Media query برای موبایل */ @media (max-width: 768px) { .filter { grid-template-columns: 1fr; /* یک ستون */ } } tr { text-align-last: center; } a#user-posts-table_previous { display: none; } a#user-posts-table_next { display: none; } /* استایل کدر برای محتوای اصلی */ .blur-effect { position: relative; gap: 10px; display: grid; } .blur-effect .blur-content { filter: blur(10px); transition: filter 0.3s; cursor: pointer; padding: 10px; /* برای راحتی کلیک */ display: flex; align-items: center; gap: 10px; } /* استایل برای نمایش واضح محتوای کدر */ .blur-effect .blur-content.reveal { filter: blur(0); } /* استایل برای دکمه کلیک برای نمایش محتوا */ .blur-effect .reveal-button { position: absolute; top: 10px; /* تغییر موقعیت دکمه */ left: 50%; transform: translateX(-50%); /* مرکز دکمه */ padding: 5px 10px; /* پس‌زمینه با شفافیت */ /* مرز برای دکمه */ color: #210000; background: #ff000008; text-align: center; cursor: pointer; font-weight: bold; z-index: 10; /* نمایش دکمه در بالای محتوای کدر */ border-radius: 10px; width: 100%; } .favorites-button { background: none; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 5px; transition: color 0.3s; margin: 0; } .favorites-button svg { width: 24px; height: 24px; stroke: #333; transition: stroke 0.3s; } .favorites-button:hover svg { stroke: #0073aa; /* رنگ دلخواه برای افکت هاور */ } .social-share-buttons { margin-top: 6px; margin-right: 3px; display: flex; align-items: center; gap: 17px; } /* استایل پاپ آپ */ .popup { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .popup-content { background-color: #fefefe; padding: 20px; border-radius: 20px; border: 1px solid #888; width: 600px; max-width: 90%; /* Ensure it is responsive on smaller screens */ box-sizing: border-box; position: absolute; /* Position relative to the closest positioned ancestor */ top: 50%; /* Center vertically */ left: 50%; /* Center horizontally */ transform: translate(-50%, -50%); /* Adjust positioning */ } .close { z-index: 1000; color: #000; float: right; font-size: 28px; font-weight: bold; position: relative; margin-left: 12px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .logged-in-as { display: none; } /* CSS برای مخفی کردن فرم */ .form-hidden { display: none; } /* CSS برای نمایش تایمر معکوس */ .countdown { font-size: 18px; font-weight: bold; color: #333; } /* CSS برای پیغام موفقیت */ .comment-success-message { color: green; font-size: 16px; font-weight: bold; } .status-message { font-size: 16px; color: green; margin-top: 10px; } .countdown { font-size: 16px; color: red; margin-top: 10px; } .countdown #countdown-timer { font-weight: bold; } input#submit { background: aliceblue; color: black; } .bannerone { position: relative; z-index: 2; background: rgb(213 213 213 / 63%); border-radius: 10px 20px 12px; width: 60%; font-size: 21px; height: 30%; display: flex; justify-content: center; align-items: center; } /* استایل برای پیش‌نمایش بارگذاری */ #preload { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: rgba(0, 0, 0, 0.5); padding: 20px; border-radius: 5px; color: #fff; font-size: 18px; text-align: center; } #posts-table tr { cursor: pointer; /* تغییر نشانگر ماوس به حالت کلیک‌پذیر */ } #posts-table tr:hover { background-color: #f5f5f5; /* رنگ پس‌زمینه ردیف هنگام hover */ } .popup-trigger { display: flex; } .share-ztext { display: flex; gap: 10px; justify-content: center; } .zbt { width: 47px; height: 47px; border-radius: 80%; display: flex; justify-content: center; align-items: center; color: #ffffff; font-weight: bold; background: rgb(201 201 201); box-shadow: 0 4px 30px rgb(2 2 2 / 7%); backdrop-filter: blur(10px); font-size: 85%; } .zfrl { width: 100%; margin-top: 5%; margin-bottom: 0; background: #00294beb; border-radius: 8px; color: white; text-align: -webkit-center; font-weight: bold; font-size: 15px; padding: 8px; font-family: 'Zomorrod'; background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #b9b9b963 75.52%, rgba(100, 181, 239, 0) 100%) !important; background-repeat: no-repeat !important; animation: bg-move linear 1s infinite !important; transition: background 0.3s ease; /* اضافه کردن یک افکت تغییر ملایم */ } .zfrl:hover { background: var(--zmapp); border-radius: 20px 40px; } .code-input { width: 50px; height: 50px; text-align: center; font-size: 24px; border: 2px solid #ccc; border-radius: 5px; outline: none; } .code-input:focus { border-color: #007bff; } .code-input.error { border-color: red; } #verify-code { margin-left: 20px; } /* ویژه خروجی چاپ */ @media print { @page { size: landscape; margin-block-start: 10px; } /* تعیین هدر قابل تکرار در چاپ */ header { display: block; position: running(header); } /* فوتر قابل تکرار در چاپ */ footer { display: block; position: running(footer); } .print-header { position: fixed; top: 0; width: 100%; text-align: center; background-color: #f8f8f8; padding: 10px 0; border-bottom: 1px solid #000; z-index: 1000; } .print-footer { position: fixed; bottom: 0; width: 100%; text-align: center; background-color: #f8f8f8; padding: 10px 0; border-top: 1px solid #000; z-index: 1000; display: flex; align-items: center; justify-content: center; } .print-content { margin-top: 60px; margin-bottom: 20px; } .print-zqrcode{ position: absolute; bottom: 0; right: 10px; z-index:1001; } .print-data3t { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: center; justify-content: center; align-content: center; } .print-TableHead { width: -webkit-fill-available; border-radius: 10px; border: 1px solid rgba(0, 0, 0, .3); padding: 4px 10px; text-align: -webkit-center; font-weight: bold; background-color: #dbdbdb; font-size: 12px; } /* مخفی کردن عناصر غیر ضروری در چاپ */ input[type="search"], select, div#posts-table_paginate { display: none; } table#posts-table { font-size: 12px; border: 2px solid rgba(0, 0, 0, .3); } } .zbutton { background: var(--zmappl); color: black; display: flex; font-size: 12px; padding: 12px; border-radius: 10px; justify-content: center; gap: 5px; margin: 0; } .bdes { text-align: end; text-decoration: line-through; font-size: 14px; font-family: auto; color: gray; } .zsubx { padding: 10px; margin-bottom: 10px; border: 1px solid transparent; transition: border-color 0.3s; } .zsubx:hover { border-color: #ffe773; /* تغییر رنگ کادر به زرد هنگام رفتن موس */ } /* کادر زرد برای گزینه انتخاب‌شده */ .zsubx.selected { border-color: #ffe773; } .subscription-products { border: 1px solid #cbcbcb; padding: 20px; max-width: 500px; margin: 0 auto; background-color: #efefef94; border-radius: 10px; } .subscription-products h3 { text-align: center; margin-bottom: 20px; } .zsubx { margin-bottom: 13px; background: #ffffffb5; border-radius: 10px; padding: 7px 10px; } .subscription-products input[type="submit"] { width: 100%; background-color: #00344d; color: #fff; border: none; cursor: pointer; } .subscription-products input[type="submit"]:hover { background-color: #005177; } select.pricesellfiltering { min-width: 135px;} .infox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background: aliceblue; padding: 10px 10px; border-radius: 10px 10px 0 0; } .opfilter { margin-bottom: 10px; width: -webkit-fill-available; } .dropdown { position: fixed; max-width: 170px; border-block: none; } @media (max-width: 768px) { .dropdown { position: static; } } .pricesellfiltering { column-gap: 8px; display: flex; } @media (max-width: 768px) { .pricesellfiltering { flex-direction: column; } } .pricefiltering { display: flex; flex-direction: column; } .price_filters {} /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: rgba(0,0,0,.1); } /* Handle */ ::-webkit-scrollbar-thumb { background: rgb(0 0 0 / 27%); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .newsbox {border-radius: 0 20px 20px 0;width: 100%;max-height: 320px;overflow-y: auto;} .zroozame { margin-block-end: 10px; } .logosvg { width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='50px' viewBox='0 0 1000.000000 1000.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,1000.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M3412 9639 c-151 -14 -263 -61 -387 -159 -275 -219 -414 -661 -377 -1197 13 -190 35 -346 202 -1493 291 -1989 619 -4145 725 -4769 124 -724 330 -1143 643 -1304 228 -118 555 -207 763 -207 75 0 197 28 260 60 55 28 142 111 173 164 40 69 67 173 73 281 5 111 28 -34 -557 3620 -147 924 -277 1743 -287 1820 -13 106 -18 208 -18 420 0 249 3 291 21 375 65 292 197 472 429 585 204 99 404 127 752 106 297 -17 653 -46 1156 -91 476 -44 592 -47 739 -25 224 33 354 110 416 244 99 214 -51 465 -350 584 -63 26 -3535 884 -3769 932 -235 48 -461 69 -607 54z'/%3E%3Cpath d='M5557 7166 c-231 -67 -376 -364 -351 -721 16 -237 511 -3381 576 -3660 28 -121 82 -275 126 -359 42 -81 127 -176 187 -212 92 -54 275 -108 403 -120 218 -20 356 134 324 361 -6 39 -118 716 -251 1506 -149 893 -244 1487 -251 1571 -28 348 48 546 247 646 156 79 279 80 1107 12 244 -20 309 -20 411 2 126 27 205 109 205 213 0 44 -44 128 -88 166 -76 67 -121 80 -1172 329 -558 133 -1049 248 -1090 256 -107 22 -323 27 -383 10z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: inline-block; } .weblogo { width: 70pt; height: 70pt; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='70pt' height='70pt' viewBox='0 0 1000.000000 564.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,564.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M664 5086 c-92 -29 -194 -125 -243 -230 -55 -116 -66 -183 -65 -381 1 -171 5 -207 78 -700 291 -1968 392 -2610 432 -2767 65 -258 161 -420 289 -485 127 -65 271 -104 387 -105 170 -1 268 99 268 272 0 31 -22 195 -50 365 -300 1880 -381 2398 -391 2505 -22 262 20 440 129 543 95 88 210 127 383 127 98 0 495 -29 759 -55 173 -18 256 -19 335 -4 190 35 265 172 170 309 -31 45 -99 95 -157 116 -63 22 -1898 472 -1997 489 -101 18 -271 18 -327 1z'%3E%3C/path%3E%3Cpath d='M6954 4561 c-70 -43 -97 -110 -70 -176 9 -21 13 -42 9 -46 -5 -4 -48 -20 -96 -35 -86 -26 -88 -28 -82 -53 4 -14 8 -27 10 -29 7 -8 317 77 346 95 50 29 73 66 73 120 0 60 -23 96 -78 123 -52 25 -72 25 -112 1z m116 -71 c47 -47 6 -130 -64 -130 -40 0 -76 37 -76 77 0 61 96 97 140 53z'%3E%3C/path%3E%3Cpath d='M6786 3935 c-137 -56 -239 -194 -261 -352 l-7 -52 364 -3 363 -3 47 -28 c195 -114 194 -430 -1 -529 l-55 -28 -643 0 c-558 0 -649 2 -681 15 -47 20 -78 50 -105 100 -20 37 -22 58 -27 300 l-5 260 -42 3 -43 3 0 -276 c0 -212 -4 -293 -16 -352 -30 -145 -108 -259 -213 -310 -48 -24 -68 -28 -141 -28 -72 1 -93 5 -135 27 -92 48 -162 143 -201 273 -25 82 -25 277 -1 357 9 31 17 59 17 62 0 3 -22 6 -49 6 l-49 0 -14 -52 c-8 -34 -13 -109 -13 -208 1 -142 3 -161 28 -235 67 -195 198 -311 373 -330 213 -24 406 116 469 340 9 33 18 65 20 71 2 7 26 -10 53 -36 87 -84 57 -81 803 -78 l654 3 56 26 c69 32 130 91 163 157 100 197 11 466 -183 556 -43 20 -65 21 -369 24 l-323 3 7 22 c25 83 92 160 176 204 48 25 66 28 183 33 l130 5 3 38 3 37 -138 0 c-123 0 -145 -3 -197 -25z'%3E%3C/path%3E%3Cpath d='M1832 3829 c-50 -15 -116 -87 -143 -155 -40 -103 -33 -221 40 -684 108 -690 201 -1262 222 -1363 24 -122 59 -214 101 -273 55 -77 197 -132 316 -122 47 4 60 10 87 40 18 19 35 51 39 70 5 26 -32 268 -125 820 -162 967 -165 1008 -68 1113 78 85 154 93 559 60 213 -18 269 -16 325 11 39 18 70 74 61 109 -8 31 -52 82 -86 100 -16 8 -277 74 -582 146 -568 135 -669 152 -746 128z'%3E%3C/path%3E%3Cpath d='M5280 3380 l0 -60 50 0 50 0 0 60 0 60 -50 0 -50 0 0 -60z'%3E%3C/path%3E%3Cpath d='M4527 2768 c-4 -691 -1 -668 -73 -813 -66 -135 -180 -236 -308 -270 -47 -13 -90 -16 -168 -13 -97 3 -111 6 -180 41 -137 67 -241 207 -285 382 -25 103 -23 336 4 425 11 36 24 73 28 83 7 16 1 18 -66 15 l-73 -3 -20 -70 c-28 -99 -29 -388 -2 -488 42 -156 100 -261 197 -357 106 -105 253 -160 424 -160 315 0 549 194 625 518 l12 52 27 -37 c60 -83 185 -142 299 -143 l72 0 0 55 0 55 -44 0 c-152 0 -251 55 -305 170 l-26 55 -5 560 -5 560 -62 3 -62 3 -4 -623z'%3E%3C/path%3E%3Cpath d='M8287 3384 c-4 -4 -7 -255 -7 -558 0 -601 3 -639 57 -737 34 -64 91 -113 160 -139 51 -19 78 -20 487 -20 475 0 494 2 573 60 54 40 98 110 120 190 16 56 18 110 18 405 l0 340 -205 -2 c-343 -4 -469 -46 -546 -185 -26 -48 -29 -62 -29 -148 0 -113 15 -151 87 -222 53 -51 126 -84 211 -94 105 -12 251 47 323 130 l34 40 0 -96 c0 -159 -34 -232 -129 -277 l-56 -26 -395 0 c-424 0 -441 2 -501 52 -16 14 -40 44 -52 67 -22 41 -22 46 -27 631 l-5 590 -55 3 c-31 2 -59 0 -63 -4z m1280 -661 c-11 -158 -53 -247 -143 -299 -37 -22 -63 -28 -123 -32 -94 -5 -150 9 -198 51 -45 39 -63 82 -63 147 0 28 6 65 14 83 25 62 108 114 206 130 14 2 90 5 169 6 l144 1 -6 -87z'%3E%3C/path%3E%3Cpath d='M9277 3384 c-4 -4 -7 -40 -7 -81 l0 -73 75 0 76 0 -3 78 -3 77 -65 3 c-36 2 -69 0 -73 -4z'%3E%3C/path%3E%3Cpath d='M7838 2577 l-3 -353 -30 -60 c-26 -51 -38 -63 -88 -88 -53 -27 -68 -30 -192 -34 l-135 -5 0 -53 0 -54 149 0 c191 0 233 12 312 90 40 39 64 73 80 115 23 59 24 68 27 428 l3 367 -60 0 -60 0 -3 -353z'%3E%3C/path%3E%3Cpath d='M5050 1985 l0 -55 1165 0 1165 0 0 55 0 55 -1165 0 -1165 0 0 -55z'%3E%3C/path%3E%3Cpath d='M7380 1615 l0 -75 75 0 75 0 0 75 0 75 -75 0 -75 0 0 -75z'%3E%3C/path%3E%3Cpath d='M7690 1615 l0 -75 70 0 70 0 0 75 0 75 -70 0 -70 0 0 -75z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; display: inline-block; } .startlanding { background-size: cover; background-position: center center; position: absolute; width: 100%; height: 26%; top: -7%; filter: opacity(0.5); border-radius: 0 0 7% 7%; } .zbglass { background: rgb(255 255 255 / 86%) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; width: 100%; height: 100%; border-radius: 15px; } .feedlist { padding: 26px; } .thumb-container.thumb-50 { min-height: 400px; } .pardakht { background: #ffa225; position: relative; top: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0 10px 0 0; padding: 10px; left: -11px; } .sbact { display: flex; flex-direction: column; align-items: center; background: #e3e3e3; justify-content: center; border-radius: 0 10px 0 0; padding: 6px 15px; position: relative; left: -12px; } .subb { margin: 8px -10px; border-radius: 15px; display: flex; font-weight: bold; font-size: 15px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px; background: rgb(255 255 255 / 86%); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); min-height: 104px; } .suvp { background: #e3e3e3; position: absolute; right: -1px; bottom: -2px; border-radius: 10px 0; font-size: 12px; text-align: -webkit-center; padding: 0px 10px; margin-top: 19px; } .suvt { background: #ffa225; padding-right: 10px; padding-left: 20px; font-size: 16px; border-radius: 10px 0; right: -12px; position: relative; margin-block-end: 10px; } .subbox { display: flex; background: burlywood; border-radius: 20px; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; margin: 10px; padding: 10px; } .ziconbgrow { background: #cfcfcf; padding: 10px; border-radius: 50%; margin-block-end: 5px; max-width: 27%; height: 100%; display: flex; align-items: center; justify-content: center; } svg#Layer_1 {} .zlabban { min-width: 13%; font-size: 78%; background: #f3f3f3; border-radius: 10px; text-align: center; padding: 5px; position: relative; left: -10px; /* چرخاندن عنصر */ transform: rotate(270deg); /* تنظیمات مربوط به موقعیت برای جلوگیری از تغییر در موقعیت نسبی */ transform-origin: center; /* تنظیم نقطه مبدأ چرخش */ } .zbsec { min-width: 54%; } .ziconrow { z-index: 3; position: relative; display: flex; flex-direction: row; background: #ffffff; width: 100%; border-radius: 20px; align-items: center; padding: 10px; justify-content: space-between; } .zmbgmove{background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #b9b9b963 75.52%, rgba(100, 181, 239, 0) 100%) !important;background-repeat: no-repeat !important;animation: bg-move linear 5s infinite !important;} @-webkit-keyframes bg-move { 0% { background-position: -500px 0; } 100% { background-position: 1000px 0; } } @keyframes bg-move { 0% {background-position: -1000px 0;} 100% {background-position: 1500px 0;} } .zbanerreq { background: var(--zmapp); border-radius: 10px 0 0 10px; color: white; padding: 4px 59px 4px 18px; position: relative; left: 55px; z-index: -1; margin-block-end: 3px; font-weight: bolder; text-align: center; } .zbanerlab { background: #cfcfcf; border-radius: 10px 0 0 10px; padding: 4px 35px 4px 18px; position: relative; left: 46px; z-index: -1; margin-block-end: 3px; font-weight: bolder; text-align: center; } .zrot { z-index: 3; background: #fba635; /* چرخاندن عنصر */ transform: rotate(270deg); /* تنظیمات مربوط به موقعیت برای جلوگیری از تغییر در موقعیت نسبی */ transform-origin: center; /* تنظیم نقطه مبدأ چرخش */ left: -25px; position: relative; border-radius: 0 010px 10px; padding: 0px 10px 0px 10px; } .zbanbox { background: #ffffff; width: 100%; border-radius: 20px; align-items: center; padding: 10px; display: flex; justify-content: space-between; } .zicontit { font-size: 93%; padding: 4px; position: relative; bottom: -11px; width: 80%; text-align: -webkit-center; background: var(--zmapp); color: white; border-radius: 30px 30px 0 0; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); } .ziconbg { padding: 5px; border-radius: 20px; margin-block-end: 5px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(235 235 235 / 66%); border: 1px solid rgba(255, 255, 255, 0.3); } .zicon { display: flex; justify-content: center; align-items: center; border-radius: 17px; } .ztag { background: aliceblue; text-align-last: center; border-radius: 5px; padding: 3px; width: -webkit-fill-available; display: block; } .zoption { width: 100%; display: flex; justify-content: center; padding: 1%; border-radius: 10px; } button.button { background: var(--zmapp); color: white; } select { border-radius: 10px; margin: 0; } .zpanel { display: flex; justify-content: space-between; } .zmenu { position: fixed; padding-right: 2%; padding-left: 2%; border-bottom: groove var(--zmapp); bottom: 0; max-height: 55px; width: 100%; z-index: 100; border-radius: 20px 20px 0 0; display: inline-grid; align-items: stretch; left: 0; justify-content: center; background: rgb(255 255 255 / 86%); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); font-size: small; } .zbg { background: rgb(0 0 0 / 60%) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: white !important; } .zbut { background: var(--zmapp); border-radius: 50%; padding: 16%; display: flex; position: relative; bottom: 17px; } #loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); justify-content: center; align-items: center; text-align: center; z-index: 9; } svg text { animation: stroke 5s infinite alternate; stroke-width: 2; stroke: #FFFFFF; font-size: var(--h2); } @keyframes stroke { 0% { fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2; } 70% {fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); } 80% {fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-width: 3; } 100% { fill: rgba(0,0,0,1); stroke: rgba(255,255,255,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; } } .zinfo { display: flex; gap: 8px; font-size: 95%; background: rgb(215 215 215 / 60%); border-radius: 10px; padding: 10px; flex-direction: row; width: 100%; justify-items: center; color: currentColor; align-items: center; margin-block-end: 15px; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 768px) { .zinfo { flex-direction: column; } } .zedbox { background: #f3f3f37d; border-radius: 30px; padding: 40px 15px 40px 15px; } .zmdinfoicon { width: 20px; } .owl-dots { display: none; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .wmelk { display: flex; gap: 5px; font-size: 13px; font-weight: bold; min-width: 30%; margin: 0 5px 0 5px; color: #000; padding: 5px 10px; text-align: -webkit-center; align-items: center; justify-content: center; flex-direction: row; position: absolute; top: 0px; right: -7px; z-index: 2; flex-wrap: wrap; /* From https: //css.glass */ background: rgb(255 255 255 / 78%); border-radius: 0 10px; box-shadow: 0 4px 30px rgb(243 243 243 / 66%); -webkit-backdrop-filter: blur(5px); align-content: center; }.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .item{ display : flex; width : 100%; margin : 10px; box-sizing : border-box; height : 200px; justify-content: center; align-items : center; background: #d9d9d9; border-radius: 15px; } .item span{ font-size: 42px; color : #fff; } /* استایل عمومی اسلایدر */ .owl-carousel .item { position: relative; overflow: hidden; height: 360px; /* ارتفاع ثابت برای تصاویر */ } @media (max-width: 768px) { .owl-carousel .item { height: 300px; /* ارتفاع ثابت برای تصاویر */ } } /* افکت گرادین شیشه‌ای روی عکس‌ها */ .owl-carousel .item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 49%)); /* افکت شیشه‌ای */ z-index: 1; } /* تنظیمات برای متن، اگر وجود داشته باشد */ .owl-carousel .item h2 {display: flex;font-size: 14px;width: 95%;margin: 0 5px 0 5px;color: #000;background: rgb(255 255 255 / 85%);padding: 5px;border-radius: 10px;text-align: -webkit-center;align-items: center;justify-content: center;flex-direction: row;position: absolute;right: 0px;z-index: 2;flex-wrap: wrap;} .sec { /* background: #ffffff94; */ margin-top: 35px; margin-block-end: 35px; border-radius: 5px 5px 10px 10px !important; padding-block: 20px; position: relative; /* برای استفاده از افکت ::before */ overflow: hidden; /* مخفی کردن هر چیزی که از باکس خارج می‌شود */ } .zbgicon { position: relative; padding-top: 24px; padding-bottom: 24px; background-image: linear-gradient(rgb(155 155 155 / 66%), rgb(215 215 215)), url('img/icon/icon.webp'); background-size: 150px; background-color: var(--zmapp); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); } /* افکت محو سمت چپ */ .sec::before { content: ""; position: absolute; top: 0; left: 0; width: 10%; /* عرض افکت محو */ height: 100%; background: linear-gradient(to right, rgb(41 37 37 / 15%), rgb(187 187 187 / 0%)); /* گرادیان محو */ pointer-events: none; /* جلوگیری از تعامل با محتوای باکس */ z-index: 2; /* قرار گرفتن در بالای محتوای باکس */ filter: blur(1px); /* لبه‌های گرد سمت چپ */ } .pcmob { grid-template-columns: repeat(3, 1fr); display: grid; gap: 5px; } /* Media query for mobile devices */ @media (max-width: 768px) { .pcmob { DISPLAY: none; } } .zc { display: grid; grid-template-columns: 5% 94%; justify-content: space-between; gap: 10px; } @media (max-width: 1300px) { .zc { /* 2 columns on mobile */ flex-direction: column; flex-wrap: wrap; display: flex; } } .data1 { grid-template-columns: repeat(1, 1fr); display: grid; gap: 5px; } /* Media query for mobile devices */ @media (max-width: 768px) { .data1 { grid-template-columns: repeat(1, 1fr); /* 2 columns on mobile */ } } .data2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-block-end: 20px; align-items: stretch; justify-items: stretch; justify-content: center; align-content: center; } @media (max-width: 768px) { .data2 { grid-template-columns: repeat(1, 1fr); } } .data3 { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin-block-end: 20px; align-items: center; justify-items: center; justify-content: center; align-content: center; } @media (max-width: 1200px) { .data3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 300px) { .data3 { grid-template-columns: repeat(1, 1fr); } } .data3f { display: grid; gap: 10px; grid-template-columns: 1.6fr 0.6fr; margin-block-end: 20px; align-items: center; justify-items: center; justify-content: center; align-content: center; } .landing { font-family: 'zomorrodmedia' !important; } @media (max-width: 768px) { .data3 { grid-template-columns: repeat(1, 1fr); } } .data4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; justify-content: center; justify-items: stretch; align-items: center; } @media (max-width: 768px) { .data4 { grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */ } } .data4f { /* position: static; */ /* 2 columns on mobile */ display: grid; grid-template-columns: 25% 25% 25% 24%; width: auto; padding: 0; column-gap: 5px; margin: 0; } @media (max-width: 1300px) { .data4f { position: static; /* 2 columns on mobile */ display: grid; grid-template-columns: repeat(2, 1fr); width: auto; background: none; backdrop-filter: none; border: none; padding: 0; flex-direction: row; } } .data5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; } @media (max-width: 1100px) { .data5 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 600px) { .data5 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 350px) { .data5 { grid-template-columns: repeat(1, 1fr); } } .data6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 2% 0; padding: 0; width: 100%; } @media (max-width: 768px) { .data6 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 400px) { .data6 { grid-template-columns: repeat(2, 1fr); } } .data8 { display: flex; gap: 10px; margin-block-end: 20px; padding: 0; font-size: 12px; flex-direction: column; width: auto; } @media (max-width: 1300px) { .data8 { display: grid; grid-template-columns: repeat(8, 1fr); /* 2 columns on mobile */ } } @media (max-width: 1000px) { .data8 { display: grid; grid-template-columns: repeat(4, 1fr); /* 2 columns on mobile */ } } @media (max-width: 370px) { .data8 { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */ } } .data9 { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; } /* Media query for mobile devices */ @media (max-width: 1100px) { .data9 { grid-template-columns: repeat(3, 1fr); /* 2 columns on mobile */ } } .data12 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; margin-block-end: 20px; padding: 0; width: 100%; } /* Media query for mobile devices */ @media (max-width: 1100px) { .data12 { grid-template-columns: repeat(4, 1fr); /* 2 columns on mobile */ } } .datanote { display: grid; grid-template-columns: 9% 61% 11% 11% 1%; gap: 10px; margin-block-end: 20px; padding: 5px 10px; background: white; font-size: 13px; border-radius: 10px; justify-items: stretch; align-items: center; } @media (max-width: 1600px) { .datanote { grid-template-columns: 9% 50% 17% 13% 1%; } } @media (max-width: 1250px) { .datanote { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 700px) { .datanote { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } } .dataflx { display: flex; gap: 10px; margin-block-end: 20px; padding: 0; flex-wrap: wrap; justify-content: space-between; } .resban { grid-template-columns: repeat(3, 1fr); display: grid; gap: 10px; } /* Media query for mobile devices */ @media (max-width: 900px) { .resban { grid-template-columns: repeat(1, 1fr); /* 2 columns on mobile */ } } .base1 { margin-block-start: 25px; text-align: justify; font-size: 16px !important; } .menu-label { text-transform: uppercase; white-space: nowrap; font-weight: 600; font-size: 13px; line-height: 22px; border-radius: 10px 20px 25px; position: sticky; margin: -3% 0 0 0; left: 90%; display: inline-block !important; padding: 2px 10px !important; color: rgb(255, 255, 255) !important; vertical-align: middle !important; background: var(--zmapp); min-width: 100px; z-index: 100; text-align-last: center; } .element-article.box-section.box-wrap { margin-block-end: 20px; } .gfield_checkbox { justify-content: flex-start; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; margin: 20px 0 !important; justify-items: start !important; } @media (max-width: 768px) { .gfield_checkbox { grid-template-columns: repeat(2, 1fr) !important; /* 2 columns on mobile */ } } .gform-theme--framework *,.gform-theme--framework ::after,.gform-theme--framework ::before { box-sizing: border-box; text-align: center; } h3.gsection_title { font-size: 20px; font-weight: bold; } p.gform_required_legend { display: none; } /**جدول */ @media screen and (max-width:980px){ table{ display:block; overflow-x:auto; } } .filter { display: grid; grid-template-columns: repeat(2, 1fr); /* دو ستون */ gap: 10px; margin-block-end: 20px; } /* Media query برای موبایل */ @media (max-width: 768px) { .filter { grid-template-columns: 1fr; /* یک ستون */ } } tr { text-align-last: center; } a#user-posts-table_previous { display: none; } a#user-posts-table_next { display: none; } /* استایل کدر برای محتوای اصلی */ .blur-effect { position: relative; gap: 10px; display: grid; } .blur-effect .blur-content { filter: blur(10px); transition: filter 0.3s; cursor: pointer; padding: 10px; /* برای راحتی کلیک */ display: flex; align-items: center; gap: 10px; } /* استایل برای نمایش واضح محتوای کدر */ .blur-effect .blur-content.reveal { filter: blur(0); } /* استایل برای دکمه کلیک برای نمایش محتوا */ .blur-effect .reveal-button { position: absolute; top: 10px; /* تغییر موقعیت دکمه */ left: 50%; transform: translateX(-50%); /* مرکز دکمه */ padding: 5px 10px; /* پس‌زمینه با شفافیت */ /* مرز برای دکمه */ color: #210000; background: #ff000008; text-align: center; cursor: pointer; font-weight: bold; z-index: 10; /* نمایش دکمه در بالای محتوای کدر */ border-radius: 10px; width: 100%; } .favorites-button { background: none; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 5px; transition: color 0.3s; margin: 0; } .favorites-button svg { width: 24px; height: 24px; stroke: #333; transition: stroke 0.3s; } .favorites-button:hover svg { stroke: #0073aa; /* رنگ دلخواه برای افکت هاور */ } .social-share-buttons { margin-top: 6px; margin-right: 3px; display: flex; align-items: center; gap: 17px; } /* استایل پاپ آپ */ .popup { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .popup-content { background-color: #fefefe; padding: 20px; border-radius: 20px; border: 1px solid #888; width: 600px; max-width: 90%; /* Ensure it is responsive on smaller screens */ box-sizing: border-box; position: absolute; /* Position relative to the closest positioned ancestor */ top: 50%; /* Center vertically */ left: 50%; /* Center horizontally */ transform: translate(-50%, -50%); /* Adjust positioning */ } .close { z-index: 1000; color: #000; float: right; font-size: 28px; font-weight: bold; position: relative; margin-left: 12px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .logged-in-as { display: none; } /* CSS برای مخفی کردن فرم */ .form-hidden { display: none; } /* CSS برای نمایش تایمر معکوس */ .countdown { font-size: 18px; font-weight: bold; color: #333; } /* CSS برای پیغام موفقیت */ .comment-success-message { color: green; font-size: 16px; font-weight: bold; } .status-message { font-size: 16px; color: green; margin-top: 10px; } .countdown { font-size: 16px; color: red; margin-top: 10px; } .countdown #countdown-timer { font-weight: bold; } input#submit { background: aliceblue; color: black; } .bannerone { position: relative; z-index: 2; background: rgb(213 213 213 / 63%); border-radius: 10px 20px 12px; width: 60%; font-size: 21px; height: 30%; display: flex; justify-content: center; align-items: center; } #posts-table tr { cursor: pointer; /* تغییر نشانگر ماوس به حالت کلیک‌پذیر */ } #posts-table tr:hover { background-color: #f5f5f5; /* رنگ پس‌زمینه ردیف هنگام hover */ } .popup-trigger { display: flex; } .share-ztext { display: flex; gap: 10px; justify-content: center; } .zbt { width: 47px; height: 47px; border-radius: 80%; display: flex; justify-content: center; align-items: center; color: #ffffff; font-weight: bold; background: rgb(201 201 201); box-shadow: 0 4px 30px rgb(2 2 2 / 7%); backdrop-filter: blur(10px); font-size: 85%; } .zfrl { width: 100%; margin-top: 5%; margin-bottom: 0; background: #005c3e; border-radius: 10px; color: white; text-align: -webkit-center; font-weight: bold; font-size: 15px; padding: 8px; font-family: 'Zomorrod'; background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #b9b9b963 75.52%, rgba(100, 181, 239, 0) 100%) !important; background-repeat: no-repeat !important; animation: bg-move linear 1s infinite !important; transition: background 0.3s ease !important; /* اضافه کردن یک افکت تغییر ملایم */ } .zfrl:hover { background:#7a0000; border-radius: 20px 40px; } .boxlandinfo { display: flex; align-items: center; justify-content: space-between; margin: 1% 0; } .iboxf { display: flex; flex-direction: column; z-index: 1; margin-right: -40px; position: relative; width: 100%; } .infoboxund { background: linear-gradient(rgb(255 255 255), rgb(231 231 231)); font-size: 13px; padding: 6px 10px; width: 100%; border-radius: 0 0 10px 10px; text-align: -webkit-center; padding-right: 40px; } .infoboxtit { background: var(--zmapp); color: white; text-align: center; border-radius: 10px 10px 0 0; font-size: 15px; font-weight: bold; padding: 5px; } .notebox { background-color: var(--zmappl); padding: 15px; margin-bottom: 20px; border-radius: 5px; max-height: 519px; overflow-y: auto; } .znote { display: flex; justify-content: space-between; background: #fdfdfd; padding: 3px 20px; border-radius: 10px; } /* کلاس برای نمایش عنصر فقط در موبایل و تبلت */ .mob { display: none; /* پیش‌فرض: پنهان */ } /* نمایش عنصر فقط در موبایل و تبلت */ @media (max-width: 1024px) { .mob { display: block; /* نمایش در موبایل و تبلت */ } } /* کلاس برای نمایش عنصر فقط در دسکتاپ و لپ‌تاپ */ .desk { display: block; /* پیش‌فرض: نمایش */ } /* پنهان کردن عنصر در موبایل و تبلت */ @media (max-width: 1024px) { .desk { display: none; /* پنهان در موبایل و تبلت */ } } .ablog { margin: 28px 15px; background: aliceblue; width: fit-content; padding: 3px 15px; border-radius: 10px; font-size: 16px; font-family: zomorrodmedia; } /* تقویم */ jdp-overlay{height:0;width:0}@media only screen and (max-width:1700px){jdp-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:rgba(0,0,0,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%}}jdp-container{-moz-animation:jdpOpenAnimation .3s cubic-bezier(.23,1,.32,1);-webkit-animation:jdpOpenAnimation .3s cubic-bezier(.23,1,.32,1);animation:jdpOpenAnimation .3s cubic-bezier(.23,1,.32,1);background:#fff;border-radius: 12px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);direction:rtl;display:none;max-width:307.875px;min-width:307.875px;overflow:hidden;padding:.5rem 0;position:absolute;-ms-touch-action:manipulation;touch-action:manipulation;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family: 'zomorrodmedia';}@media only screen and (max-width: 900px){jdp-container{-moz-animation:jdpOpenAnimationMobile .3s cubic-bezier(.23,1,.32,1);-webkit-animation:jdpOpenAnimationMobile .3s cubic-bezier(.23,1,.32,1);animation:jdpOpenAnimationMobile .3s cubic-bezier(.23,1,.32,1);border-radius:4px 4px 0 0;bottom:0!important;left:50%!important;max-width:100%;min-width:280px;top:unset!important;transform:translateX(-50%)!important;width:100%}}jdp-container,jdp-container *,jdp-container :after,jdp-container :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}jdp-container .jdp-icon-minus,jdp-container .jdp-icon-plus{border:1px solid #e6e6e6;border-radius:4px;cursor:pointer;display:inline-block;flex:none;overflow:hidden;text-align:center;text-decoration:none;vertical-align:middle}jdp-container .jdp-icon-minus svg,jdp-container .jdp-icon-plus svg{height:1.5rem;padding:.25rem;vertical-align:middle;width:1.5rem}jdp-container .jdp-icon-minus.not-in-range,jdp-container .jdp-icon-plus.not-in-range{cursor:not-allowed}jdp-container .jdp-icon-minus.not-in-range svg,jdp-container .jdp-icon-plus.not-in-range svg{opacity:.3}jdp-container .jdp-months,jdp-container .jdp-years{fill:rgba(0,0,0,.9);color:rgba(0,0,0,.9);display:-webkit-inline-box;display:-webkit-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:120%;margin:0 2.5%}jdp-container .jdp-months{width:50%}jdp-container .jdp-years{width:40%}jdp-container .jdp-month,jdp-container .jdp-month input,jdp-container .jdp-month select,jdp-container .jdp-time,jdp-container .jdp-time input,jdp-container .jdp-time select,jdp-container .jdp-year,jdp-container .jdp-year input,jdp-container .jdp-year select{background:#fff;border:none;border-radius:0;color:inherit;display:inline-block;font-family: zomorrodmedia;font-size:inherit;font-weight:300;height:auto;line-height:inherit;margin:0;outline:none;padding:0;text-align:center;vertical-align:initial;width:100%}jdp-container .jdp-month:active,jdp-container .jdp-month:focus,jdp-container .jdp-month input:active,jdp-container .jdp-month input:focus,jdp-container .jdp-month select:active,jdp-container .jdp-month select:focus,jdp-container .jdp-time:active,jdp-container .jdp-time:focus,jdp-container .jdp-time input:active,jdp-container .jdp-time input:focus,jdp-container .jdp-time select:active,jdp-container .jdp-time select:focus,jdp-container .jdp-year:active,jdp-container .jdp-year:focus,jdp-container .jdp-year input:active,jdp-container .jdp-year input:focus,jdp-container .jdp-year select:active,jdp-container .jdp-year select:focus{outline:none}jdp-container .jdp-month input option,jdp-container .jdp-month option,jdp-container .jdp-month select option,jdp-container .jdp-time input option,jdp-container .jdp-time option,jdp-container .jdp-time select option,jdp-container .jdp-year input option,jdp-container .jdp-year option,jdp-container .jdp-year select option{font-size:95%;min-height:1.3rem;outline:none;padding:0}jdp-container .jdp-month:hover,jdp-container .jdp-time:hover,jdp-container .jdp-year:hover{filter:brightness(.9)}jdp-container .jdp-month input,jdp-container .jdp-time input,jdp-container .jdp-year input{-webkit-appearance:none;-moz-appearance:textfield;cursor:text}jdp-container .jdp-month input::-webkit-inner-spin-button,jdp-container .jdp-month input::-webkit-outer-spin-button,jdp-container .jdp-time input::-webkit-inner-spin-button,jdp-container .jdp-time input::-webkit-outer-spin-button,jdp-container .jdp-year input::-webkit-inner-spin-button,jdp-container .jdp-year input::-webkit-outer-spin-button{-webkit-appearance:none}jdp-container .jdp-month select,jdp-container .jdp-time select,jdp-container .jdp-year select{-webkit-appearance:menulist;-moz-appearance:menulist;cursor:pointer;position:relative}jdp-container .jdp-days{-ms-flex-pack:justify;display:inline-block;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;outline:0;padding:.5rem 0 0;text-align:left;width:100%}jdp-container .jdp-day,jdp-container .jdp-day-name{background:none;border:1px solid transparent;color:rgba(0,0,0,.9);display:inline-block;flex-basis:14.2857143%;font-weight:400;height:31px;justify-content:center;line-height:31px;margin:2px 0;position:relative;text-align:center;width:14.2857143%;font-size: 18px;}jdp-container .jdp-day-name.today,jdp-container .jdp-day.today{border-color:rgba(0,0,0,.3)}jdp-container .jdp-day-name.selected,jdp-container .jdp-day.selected{background-color:#569ff7!important;color:#fff!important;opacity:1!important}jdp-container .jdp-day-name.holly-day,jdp-container .jdp-day-name.last-week,jdp-container .jdp-day.holly-day,jdp-container .jdp-day.last-week{color:#f44336}jdp-container .jdp-day.not-in-month{opacity:.4}jdp-container .jdp-day.disabled-day{cursor:not-allowed;opacity:.15}jdp-container .jdp-day:not(.disabled-day){border-radius:4px;cursor:pointer;transition:.1s linear}jdp-container .jdp-day:not(.disabled-day):hover{background:rgba(0,0,0,.1);transform:scale(1.15);z-index:1}jdp-container .jdp-day-name{background-color:rgba(0,0,0,.1);border-radius:0;cursor:default;font-size:90%;font-weight:900}jdp-container .jdp-footer{-ms-flex-pack:justify;display:inline-block;display:-ms-flexbox;display:flex;flex-wrap:nowrap;-ms-flex-wrap:nowrap;justify-content:space-between;outline:0;padding:.5rem .5rem 0;width:100%}@media only screen and (max-width:481px){jdp-container .jdp-footer{margin:.5rem 0}}jdp-container .jdp-btn-close,jdp-container .jdp-btn-empty,jdp-container .jdp-btn-today{background:#569ff7;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:90%;font-weight:400;padding:.3em .6em;text-align:center}@media only screen and (max-width:481px){jdp-container .jdp-btn-close,jdp-container .jdp-btn-empty,jdp-container .jdp-btn-today{font-size:100%;padding:.5em .8em}}jdp-container .jdp-btn-close.disabled-btn,jdp-container .jdp-btn-empty.disabled-btn,jdp-container .jdp-btn-today.disabled-btn{cursor:not-allowed;opacity:.2}@media only screen and (max-width:481px){jdp-container .jdp-btn-today~.jdp-btn-empty{margin-left:auto;margin-right:1em}}jdp-container .jdp-time-container{display:flex;padding:0}jdp-container .jdp-time-container .jdp-time{flex:auto;margin:0 .5rem;position:relative}jdp-container .jdp-time-container .jdp-time select{background:rgba(0,0,0,.03);border-radius:5px;padding:.5rem 1rem .5rem 7px}jdp-container .jdp-time-container .jdp-time:after{content:":";font-size:1.5rem;height:100%;position:absolute;right:-.7rem;top:50%;transform:translateY(-50%)}jdp-container .jdp-time-container .jdp-time:first-child:after{display:none}jdp-container .jdp-time-container.jdp-only-time .jdp-time select{font-size:1.5rem;padding:.8rem 1rem .8rem 7px}jdp-container .jdp-time-container.jdp-only-time .jdp-time:after{font-size:2.3rem;position:absolute;right:-.8rem}@-webkit-keyframes jdpOpenAnimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes jdpOpenAnimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes jdpOpenAnimationMobile{0%{bottom:-10%;opacity:0}to{bottom:0;opacity:1}}@keyframes jdpOpenAnimationMobile{0%{margin-bottom:-20%;opacity:0}to{margin-bottom:0;opacity:1}} /* جدول */ :root{ --dt-row-selected:13,110,253;--dt-row-selected-text:255,255,255;--dt-row-selected-link:9,10,11;--dt-row-stripe:0,0,0;--dt-row-hover:0,0,0;--dt-column-ordering:0,0,0;--dt-html-background:white} :root.dark{--dt-html-background:rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;color:rgba(0,0,0,.5);content:"►"}table.dataTable tr.dt-hasChild td.dt-control:before{content:"▼"}html.dark table.dataTable td.dt-control:before,html.dark table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255,255,255,.5)}table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_desc_disabled,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after{opacity:.6}div.dataTables_scrollBody>table.dataTable>thead>tr>td:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after{display:none}html.dark table.dataTable>thead>tr>td:active,html.dark table.dataTable>thead>tr>th:active,table.dataTable thead>tr>td:active,table.dataTable thead>tr>th:active,table.dataTable>thead>tr>td:active,table.dataTable>thead>tr>th:active{outline:0}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#0d6efd;background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0,1,1,0)}div.dataTables_processing>div:last-child>div:first-child{left:8px;animation:.6s infinite datatables-loader-1}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:.6s infinite datatables-loader-2}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:.6s infinite datatables-loader-2}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:.6s infinite datatables-loader-3}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}table.dataTable tbody td.dt-body-nowrap,table.dataTable tbody th.dt-body-nowrap,table.dataTable td.dt-nowrap,table.dataTable tfoot td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable th.dt-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable thead th.dt-head-nowrap,table.dataTable.nowrap td,table.dataTable.nowrap th{white-space:nowrap}table.dataTable tbody td.dt-body-left,table.dataTable tbody th.dt-body-left,table.dataTable td.dt-left,table.dataTable tfoot td,table.dataTable tfoot td.dt-head-left,table.dataTable tfoot th,table.dataTable tfoot th.dt-head-left,table.dataTable th.dt-left,table.dataTable thead td,table.dataTable thead td.dt-head-left,table.dataTable thead th,table.dataTable thead th.dt-head-left{text-align:left}table.dataTable tbody td.dt-body-center,table.dataTable tbody th.dt-body-center,table.dataTable td.dataTables_empty,table.dataTable td.dt-center,table.dataTable tfoot td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable th.dt-center,table.dataTable thead td.dt-head-center,table.dataTable thead th.dt-head-center{text-align:center}table.dataTable tbody td.dt-body-right,table.dataTable tbody th.dt-body-right,table.dataTable td.dt-right,table.dataTable tfoot td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable th.dt-right,table.dataTable thead td.dt-head-right,table.dataTable thead th.dt-head-right{text-align:right}table.dataTable tbody td.dt-body-justify,table.dataTable tbody th.dt-body-justify,table.dataTable td.dt-justify,table.dataTable tfoot td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable th.dt-justify,table.dataTable thead td.dt-head-justify,table.dataTable thead th.dt-head-justify{text-align:justify}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0;border-radius: 15px;}table.dataTable tfoot th,table.dataTable thead th{font-weight:700}table.dataTable>thead>tr>td,table.dataTable>thead>tr>th{padding:10px;border-bottom:1px solid rgba(0,0,0,.3);background: #ededed;border-radius: 15px 15px 0 0;}table.dataTable>tfoot>tr>td,table.dataTable>tfoot>tr>th{padding:10px 10px 6px;border-top:1px solid rgba(0,0,0,.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.9);color:#fff;color:rgb(var(--dt-row-selected-text))}table.dataTable tbody tr.selected a{color:#090a0b;color:rgb(var(--dt-row-selected-link))}table.dataTable tbody td,table.dataTable tbody th{padding:8px 10px}table.dataTable.display>tbody>tr>td,table.dataTable.display>tbody>tr>th,table.dataTable.row-border>tbody>tr>td,table.dataTable.row-border>tbody>tr>th{border-top:1px solid rgba(0,0,0,.15)}table.dataTable.cell-border>tbody>tr:first-child>td,table.dataTable.cell-border>tbody>tr:first-child>th,table.dataTable.display>tbody>tr:first-child>td,table.dataTable.display>tbody>tr:first-child>th,table.dataTable.row-border>tbody>tr:first-child>td,table.dataTable.row-border>tbody>tr:first-child>th{border-top:none}table.dataTable.display>tbody>tr.selected+tr.selected>td,table.dataTable.row-border>tbody>tr.selected+tr.selected>td{border-top-color:#0262ef}table.dataTable.cell-border>tbody>tr>td,table.dataTable.cell-border>tbody>tr>th{border-top:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15)}table.dataTable.cell-border>tbody>tr>td:first-child,table.dataTable.cell-border>tbody>tr>th:first-child{border-left:1px solid rgba(0,0,0,.15)}table.dataTable.display>tbody>tr.odd>*,table.dataTable.stripe>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe),.023)}table.dataTable.display>tbody>tr.odd.selected>*,table.dataTable.stripe>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.923)}table.dataTable.display>tbody>tr:hover>*,table.dataTable.hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover),.035)}table.dataTable.display>tbody>tr.selected:hover>*,table.dataTable.hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd!important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),1)!important}table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3,table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering),.019)}table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3,table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.919)}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering),.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering),.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering),.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.954)}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.947)}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.939)}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.011);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.003);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.911)}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.903)}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover),.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover),.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover),.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.982)}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.974)}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13,110,253,.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected),.962)}.dataTables_wrapper.no-footer .dataTables_scrollBody,table.dataTable.no-footer{border-bottom:1px solid rgba(0,0,0,.3)}table.dataTable.compact tbody td,table.dataTable.compact tbody th,table.dataTable.compact tfoot td,table.dataTable.compact tfoot th,table.dataTable.compact thead td,table.dataTable.compact thead th{padding:4px}table.dataTable td,table.dataTable th{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left;width: 49%;}.dataTables_wrapper .dataTables_filter{float:right;text-align:right;width: 49%;}.filter input{border-radius: 10px;padding:5px;background-color: #ffffff;margin-left:3px;text-align: center;font-size: 18px;font-weight: bold;}.dataTables_wrapper .dataTables_info{ display: none; }.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none!important;cursor:pointer;color:inherit!important;border:1px solid transparent;border-radius:2px;background:0 0}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit!important;border:1px solid rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(230,230,230,.05)),color-stop(100%,rgba(0,0,0,.05)));background:-webkit-linear-gradient(top,rgba(230,230,230,.05) 0,rgba(0,0,0,.05) 100%);background:-moz-linear-gradient(top,rgba(230,230,230,.05) 0,rgba(0,0,0,.05) 100%);background:-ms-linear-gradient(top,rgba(230,230,230,.05) 0,rgba(0,0,0,.05) 100%);background:-o-linear-gradient(top,rgba(230,230,230,.05) 0,rgba(0,0,0,.05) 100%);background:linear-gradient(to bottom,rgba(230,230,230,.05) 0,rgba(0,0,0,.05) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{cursor:default;color:#666!important;border:1px solid transparent;background:0 0;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#fff!important;border:1px solid #111;background-color:#111;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#585858),color-stop(100%,#111));background:-webkit-linear-gradient(top,#585858 0,#111 100%);background:-moz-linear-gradient(top,#585858 0,#111 100%);background:-ms-linear-gradient(top,#585858 0,#111 100%);background:-o-linear-gradient(top,#585858 0,#111 100%);background:linear-gradient(to bottom,#585858 0,#111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:0;background-color:#0c0c0c;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2b2b2b),color-stop(100%,#0c0c0c));background:-webkit-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);background:-moz-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);background:-ms-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);background:-o-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);background:linear-gradient(to bottom,#2b2b2b 0,#0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_processing{color:inherit}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing{height:0;overflow:hidden;margin:0!important;padding:0!important}.dataTables_wrapper.no-footer div.dataTables_scrollBody>table,.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width:767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width:640px){.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{float:none;text-align:center;width: 100%;}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}html.dark{--dt-row-hover:255,255,255;--dt-row-stripe:255,255,255;--dt-column-ordering:255,255,255}html.dark table.dataTable>thead>tr>td,html.dark table.dataTable>thead>tr>th{border-bottom:1px solid #595b5e}html.dark table.dataTable>tfoot>tr>td,html.dark table.dataTable>tfoot>tr>th{border-top:1px solid #595b5e}html.dark table.dataTable.display>tbody>tr>td,html.dark table.dataTable.display>tbody>tr>th,html.dark table.dataTable.row-border>tbody>tr>td,html.dark table.dataTable.row-border>tbody>tr>th{border-top:1px solid #404346}html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td{border-top-color:#0257d5}html.dark table.dataTable.cell-border>tbody>tr>td,html.dark table.dataTable.cell-border>tbody>tr>th{border-top:1px solid #404346;border-right:1px solid #404346}html.dark table.dataTable.cell-border>tbody>tr>td:first-child,html.dark table.dataTable.cell-border>tbody>tr>th:first-child{border-left:1px solid #404346}html.dark .dataTables_wrapper .dataTables_filter input,html.dark .dataTables_wrapper .dataTables_length select{border:1px solid rgba(255,255,255,.2);background-color:var(--dt-html-background)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border:1px solid #595b5e;background:rgba(255,255,255,.15)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:#666!important}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid #353535;background:#353535}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:active{background:#3a3a3a}