#topNav [class*='icon-']:before { padding-top: 9px; padding-bottom: 9px; } .table-container { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; } .table-container table { width: 100%; border-collapse: collapse; white-space: nowrap; } .w3-zoom-10 { font-size: 10% !important; } .w3-zoom-20 { font-size: 20% !important; } .w3-zoom-30 { font-size: 30% !important; } .w3-zoom-40 { font-size: 40% !important; } .w3-zoom-50 { font-size: 50% !important; } .w3-zoom-60 { font-size: 60% !important; } .w3-zoom-70 { font-size: 70% !important; } .w3-zoom-80 { font-size: 80% !important; } .w3-zoom-90 { font-size: 90% !important; } .w3-zoom-100 { font-size: 100% !important; } .w3-zoom-110 { font-size: 110% !important; } .w3-zoom-120 { font-size: 120% !important; } .w3-zoom-125 { font-size: 125% !important; } .w3-zoom-130 { font-size: 130% !important; } .w3-zoom-140 { font-size: 140% !important; } .w3-zoom-150 { font-size: 150% !important; } .w3-zoom-160 { font-size: 160% !important; } .w3-zoom-170 { font-size: 170% !important; } .w3-zoom-180 { font-size: 180% !important; } .w3-zoom-190 { font-size: 190% !important; } .w3-zoom-200 { font-size: 200% !important; } .w3-zoom-210 { font-size: 210% !important; } .w3-zoom-220 { font-size: 220% !important; } .w3-zoom-230 { font-size: 230% !important; } .w3-zoom-240 { font-size: 240% !important; } .w3-zoom-250 { font-size: 250% !important; } .w3-zoom-260 { font-size: 260% !important; } .w3-zoom-270 { font-size: 270% !important; } .w3-zoom-280 { font-size: 280% !important; } .w3-zoom-290 { font-size: 290% !important; } .w3-zoom-300 { font-size: 300% !important; } .w3-zoom-400 { font-size: 400% !important; } .w3-zoom-500 { font-size: 500% !important; } .w3-zoom-10 .w3-tiny { font-size: 1px !important; } .w3-zoom-10 .w3-small { font-size: 1.2px !important; } .w3-zoom-10 .w3-medium { font-size: 1.5px !important; } .w3-zoom-10 .w3-large { font-size: 1.8px !important; } .w3-zoom-10 .w3-xlarge { font-size: 2.4px !important; } .w3-zoom-10 .w3-xxlarge { font-size: 3.6px !important; } .w3-zoom-10 .w3-xxxlarge { font-size: 4.8px !important; } .w3-zoom-10 .w3-jumbo { font-size: 6.4px !important; } .w3-zoom-10 h1 { font-size: 3.6px !important; } .w3-zoom-10 h2 { font-size: 3px !important; } .w3-zoom-10 h3 { font-size: 2.4px !important; } .w3-zoom-10 h4 { font-size: 2px !important; } .w3-zoom-10 h5 { font-size: 1.8px !important; } .w3-zoom-10 h6 { font-size: 1.6px !important; } .w3-zoom-20 .w3-tiny { font-size: 2px !important; } .w3-zoom-20 .w3-small { font-size: 2.4px !important; } .w3-zoom-20 .w3-medium { font-size: 3px !important; } .w3-zoom-20 .w3-large { font-size: 3.6px !important; } .w3-zoom-20 .w3-xlarge { font-size: 4.8px !important; } .w3-zoom-20 .w3-xxlarge { font-size: 7.2px !important; } .w3-zoom-20 .w3-xxxlarge { font-size: 9.6px !important; } .w3-zoom-20 .w3-jumbo { font-size: 12.8px !important; } .w3-zoom-20 h1 { font-size: 7.2px !important; } .w3-zoom-20 h2 { font-size: 6px !important; } .w3-zoom-20 h3 { font-size: 4.8px !important; } .w3-zoom-20 h4 { font-size: 4px !important; } .w3-zoom-20 h5 { font-size: 3.6px !important; } .w3-zoom-20 h6 { font-size: 3.2px !important; } .w3-zoom-30 .w3-tiny { font-size: 3px !important; } .w3-zoom-30 .w3-small { font-size: 3.6px !important; } .w3-zoom-30 .w3-medium { font-size: 4.5px !important; } .w3-zoom-30 .w3-large { font-size: 5.4px !important; } .w3-zoom-30 .w3-xlarge { font-size: 7.2px !important; } .w3-zoom-30 .w3-xxlarge { font-size: 10.8px !important; } .w3-zoom-30 .w3-xxxlarge { font-size: 14.4px !important; } .w3-zoom-30 .w3-jumbo { font-size: 19.2px !important; } .w3-zoom-30 h1 { font-size: 10.8px !important; } .w3-zoom-30 h2 { font-size: 9px !important; } .w3-zoom-30 h3 { font-size: 7.2px !important; } .w3-zoom-30 h4 { font-size: 6px !important; } .w3-zoom-30 h5 { font-size: 5.4px !important; } .w3-zoom-30 h6 { font-size: 4.8px !important; } .w3-zoom-40 .w3-tiny { font-size: 4px !important; } .w3-zoom-40 .w3-small { font-size: 4.8px !important; } .w3-zoom-40 .w3-medium { font-size: 6px !important; } .w3-zoom-40 .w3-large { font-size: 7.2px !important; } .w3-zoom-40 .w3-xlarge { font-size: 9.6px !important; } .w3-zoom-40 .w3-xxlarge { font-size: 14.4px !important; } .w3-zoom-40 .w3-xxxlarge { font-size: 19.2px !important; } .w3-zoom-40 .w3-jumbo { font-size: 25.6px !important; } .w3-zoom-40 h1 { font-size: 14.4px !important; } .w3-zoom-40 h2 { font-size: 12px !important; } .w3-zoom-40 h3 { font-size: 9.6px !important; } .w3-zoom-40 h4 { font-size: 8px !important; } .w3-zoom-40 h5 { font-size: 7.2px !important; } .w3-zoom-40 h6 { font-size: 6.4px !important; } .w3-zoom-50 .w3-tiny { font-size: 5px !important; } .w3-zoom-50 .w3-small { font-size: 6px !important; } .w3-zoom-50 .w3-medium { font-size: 7.5px !important; } .w3-zoom-50 .w3-large { font-size: 9px !important; } .w3-zoom-50 .w3-xlarge { font-size: 12px !important; } .w3-zoom-50 .w3-xxlarge { font-size: 18px !important; } .w3-zoom-50 .w3-xxxlarge { font-size: 24px !important; } .w3-zoom-50 .w3-jumbo { font-size: 32px !important; } .w3-zoom-50 h1 { font-size: 18px !important; } .w3-zoom-50 h2 { font-size: 15px !important; } .w3-zoom-50 h3 { font-size: 12px !important; } .w3-zoom-50 h4 { font-size: 10px !important; } .w3-zoom-50 h5 { font-size: 9px !important; } .w3-zoom-50 h6 { font-size: 8px !important; } .w3-zoom-60 .w3-tiny { font-size: 6px !important; } .w3-zoom-60 .w3-small { font-size: 7.2px !important; } .w3-zoom-60 .w3-medium { font-size: 9px !important; } .w3-zoom-60 .w3-large { font-size: 10.8px !important; } .w3-zoom-60 .w3-xlarge { font-size: 14.4px !important; } .w3-zoom-60 .w3-xxlarge { font-size: 21.6px !important; } .w3-zoom-60 .w3-xxxlarge { font-size: 28.8px !important; } .w3-zoom-60 .w3-jumbo { font-size: 38.4px !important; } .w3-zoom-60 h1 { font-size: 21.6px !important; } .w3-zoom-60 h2 { font-size: 18px !important; } .w3-zoom-60 h3 { font-size: 14.4px !important; } .w3-zoom-60 h4 { font-size: 12px !important; } .w3-zoom-60 h5 { font-size: 10.8px !important; } .w3-zoom-60 h6 { font-size: 9.6px !important; } .w3-zoom-70 .w3-tiny { font-size: 7px !important; } .w3-zoom-70 .w3-small { font-size: 8.4px !important; } .w3-zoom-70 .w3-medium { font-size: 10.5px !important; } .w3-zoom-70 .w3-large { font-size: 12.6px !important; } .w3-zoom-70 .w3-xlarge { font-size: 16.8px !important; } .w3-zoom-70 .w3-xxlarge { font-size: 25.2px !important; } .w3-zoom-70 .w3-xxxlarge { font-size: 33.6px !important; } .w3-zoom-70 .w3-jumbo { font-size: 44.8px !important; } .w3-zoom-70 h1 { font-size: 25.2px !important; } .w3-zoom-70 h2 { font-size: 21px !important; } .w3-zoom-70 h3 { font-size: 16.8px !important; } .w3-zoom-70 h4 { font-size: 14px !important; } .w3-zoom-70 h5 { font-size: 12.6px !important; } .w3-zoom-70 h6 { font-size: 11.2px !important; } .w3-zoom-80 .w3-tiny { font-size: 8px !important; } .w3-zoom-80 .w3-small { font-size: 9.6px !important; } .w3-zoom-80 .w3-medium { font-size: 12px !important; } .w3-zoom-80 .w3-large { font-size: 14.4px !important; } .w3-zoom-80 .w3-xlarge { font-size: 19.2px !important; } .w3-zoom-80 .w3-xxlarge { font-size: 28.8px !important; } .w3-zoom-80 .w3-xxxlarge { font-size: 38.4px !important; } .w3-zoom-80 .w3-jumbo { font-size: 51.2px !important; } .w3-zoom-80 h1 { font-size: 28.8px !important; } .w3-zoom-80 h2 { font-size: 24px !important; } .w3-zoom-80 h3 { font-size: 19.2px !important; } .w3-zoom-80 h4 { font-size: 16px !important; } .w3-zoom-80 h5 { font-size: 14.4px !important; } .w3-zoom-80 h6 { font-size: 12.8px !important; } .w3-zoom-90 .w3-tiny { font-size: 9px !important; } .w3-zoom-90 .w3-small { font-size: 10.8px !important; } .w3-zoom-90 .w3-medium { font-size: 13.5px !important; } .w3-zoom-90 .w3-large { font-size: 16.2px !important; } .w3-zoom-90 .w3-xlarge { font-size: 21.6px !important; } .w3-zoom-90 .w3-xxlarge { font-size: 32.4px !important; } .w3-zoom-90 .w3-xxxlarge { font-size: 43.2px !important; } .w3-zoom-90 .w3-jumbo { font-size: 57.6px !important; } .w3-zoom-90 h1 { font-size: 32.4px !important; } .w3-zoom-90 h2 { font-size: 27px !important; } .w3-zoom-90 h3 { font-size: 21.6px !important; } .w3-zoom-90 h4 { font-size: 18px !important; } .w3-zoom-90 h5 { font-size: 16.2px !important; } .w3-zoom-90 h6 { font-size: 14.4px !important; } .w3-zoom-100 .w3-tiny { font-size: 10px !important; } .w3-zoom-100 .w3-small { font-size: 12px !important; } .w3-zoom-100 .w3-medium { font-size: 15px !important; } .w3-zoom-100 .w3-large { font-size: 18px !important; } .w3-zoom-100 .w3-xlarge { font-size: 24px !important; } .w3-zoom-100 .w3-xxlarge { font-size: 36px !important; } .w3-zoom-100 .w3-xxxlarge { font-size: 48px !important; } .w3-zoom-100 .w3-jumbo { font-size: 64px !important; } .w3-zoom-100 h1 { font-size: 36px !important; } .w3-zoom-100 h2 { font-size: 30px !important; } .w3-zoom-100 h3 { font-size: 24px !important; } .w3-zoom-100 h4 { font-size: 20px !important; } .w3-zoom-100 h5 { font-size: 18px !important; } .w3-zoom-100 h6 { font-size: 16px !important; } .w3-zoom-110 .w3-tiny { font-size: 11px !important; } .w3-zoom-110 .w3-small { font-size: 13.2px !important; } .w3-zoom-110 .w3-medium { font-size: 16.5px !important; } .w3-zoom-110 .w3-large { font-size: 19.8px !important; } .w3-zoom-110 .w3-xlarge { font-size: 26.4px !important; } .w3-zoom-110 .w3-xxlarge { font-size: 39.6px !important; } .w3-zoom-110 .w3-xxxlarge { font-size: 52.8px !important; } .w3-zoom-110 .w3-jumbo { font-size: 70.4px !important; } .w3-zoom-110 h1 { font-size: 39.6px !important; } .w3-zoom-110 h2 { font-size: 33px !important; } .w3-zoom-110 h3 { font-size: 26.4px !important; } .w3-zoom-110 h4 { font-size: 22px !important; } .w3-zoom-110 h5 { font-size: 19.8px !important; } .w3-zoom-110 h6 { font-size: 17.6px !important; } .w3-zoom-120 .w3-tiny { font-size: 12px !important; } .w3-zoom-120 .w3-small { font-size: 14.4px !important; } .w3-zoom-120 .w3-medium { font-size: 18px !important; } .w3-zoom-120 .w3-large { font-size: 21.6px !important; } .w3-zoom-120 .w3-xlarge { font-size: 28.8px !important; } .w3-zoom-120 .w3-xxlarge { font-size: 43.2px !important; } .w3-zoom-120 .w3-xxxlarge { font-size: 57.6px !important; } .w3-zoom-120 .w3-jumbo { font-size: 76.8px !important; } .w3-zoom-120 h1 { font-size: 43.2px !important; } .w3-zoom-120 h2 { font-size: 36px !important; } .w3-zoom-120 h3 { font-size: 28.8px !important; } .w3-zoom-120 h4 { font-size: 24px !important; } .w3-zoom-120 h5 { font-size: 21.6px !important; } .w3-zoom-120 h6 { font-size: 19.2px !important; } .w3-zoom-125 .w3-tiny { font-size: 12.5px !important; } .w3-zoom-125 .w3-small { font-size: 15px !important; } .w3-zoom-125 .w3-medium { font-size: 18.75px !important; } .w3-zoom-125 .w3-large { font-size: 22.5px !important; } .w3-zoom-125 .w3-xlarge { font-size: 30px !important; } .w3-zoom-125 .w3-xxlarge { font-size: 45px !important; } .w3-zoom-125 .w3-xxxlarge { font-size: 60px !important; } .w3-zoom-125 .w3-jumbo { font-size: 80px !important; } .w3-zoom-125 h1 { font-size: 45px !important; } .w3-zoom-125 h2 { font-size: 37.5px !important; } .w3-zoom-125 h3 { font-size: 30px !important; } .w3-zoom-125 h4 { font-size: 25px !important; } .w3-zoom-125 h5 { font-size: 22.5px !important; } .w3-zoom-125 h6 { font-size: 20px !important; } .w3-zoom-130 .w3-tiny { font-size: 13px !important; } .w3-zoom-130 .w3-small { font-size: 15.6px !important; } .w3-zoom-130 .w3-medium { font-size: 19.5px !important; } .w3-zoom-130 .w3-large { font-size: 23.4px !important; } .w3-zoom-130 .w3-xlarge { font-size: 31.2px !important; } .w3-zoom-130 .w3-xxlarge { font-size: 46.8px !important; } .w3-zoom-130 .w3-xxxlarge { font-size: 62.4px !important; } .w3-zoom-130 .w3-jumbo { font-size: 83.2px !important; } .w3-zoom-130 h1 { font-size: 46.8px !important; } .w3-zoom-130 h2 { font-size: 39px !important; } .w3-zoom-130 h3 { font-size: 31.2px !important; } .w3-zoom-130 h4 { font-size: 26px !important; } .w3-zoom-130 h5 { font-size: 23.4px !important; } .w3-zoom-130 h6 { font-size: 20.8px !important; } .w3-zoom-140 .w3-tiny { font-size: 14px !important; } .w3-zoom-140 .w3-small { font-size: 16.8px !important; } .w3-zoom-140 .w3-medium { font-size: 21px !important; } .w3-zoom-140 .w3-large { font-size: 25.2px !important; } .w3-zoom-140 .w3-xlarge { font-size: 33.6px !important; } .w3-zoom-140 .w3-xxlarge { font-size: 50.4px !important; } .w3-zoom-140 .w3-xxxlarge { font-size: 67.2px !important; } .w3-zoom-140 .w3-jumbo { font-size: 89.6px !important; } .w3-zoom-140 h1 { font-size: 50.4px !important; } .w3-zoom-140 h2 { font-size: 42px !important; } .w3-zoom-140 h3 { font-size: 33.6px !important; } .w3-zoom-140 h4 { font-size: 28px !important; } .w3-zoom-140 h5 { font-size: 25.2px !important; } .w3-zoom-140 h6 { font-size: 22.4px !important; } .w3-zoom-150 .w3-tiny { font-size: 15px !important; } .w3-zoom-150 .w3-small { font-size: 18px !important; } .w3-zoom-150 .w3-medium { font-size: 22.5px !important; } .w3-zoom-150 .w3-large { font-size: 27px !important; } .w3-zoom-150 .w3-xlarge { font-size: 36px !important; } .w3-zoom-150 .w3-xxlarge { font-size: 54px !important; } .w3-zoom-150 .w3-xxxlarge { font-size: 72px !important; } .w3-zoom-150 .w3-jumbo { font-size: 96px !important; } .w3-zoom-150 h1 { font-size: 54px !important; } .w3-zoom-150 h2 { font-size: 45px !important; } .w3-zoom-150 h3 { font-size: 36px !important; } .w3-zoom-150 h4 { font-size: 30px !important; } .w3-zoom-150 h5 { font-size: 27px !important; } .w3-zoom-150 h6 { font-size: 24px !important; } .w3-zoom-160 .w3-tiny { font-size: 16px !important; } .w3-zoom-160 .w3-small { font-size: 19.2px !important; } .w3-zoom-160 .w3-medium { font-size: 24px !important; } .w3-zoom-160 .w3-large { font-size: 28.8px !important; } .w3-zoom-160 .w3-xlarge { font-size: 38.4px !important; } .w3-zoom-160 .w3-xxlarge { font-size: 57.6px !important; } .w3-zoom-160 .w3-xxxlarge { font-size: 76.8px !important; } .w3-zoom-160 .w3-jumbo { font-size: 102.4px !important; } .w3-zoom-160 h1 { font-size: 57.6px !important; } .w3-zoom-160 h2 { font-size: 48px !important; } .w3-zoom-160 h3 { font-size: 38.4px !important; } .w3-zoom-160 h4 { font-size: 32px !important; } .w3-zoom-160 h5 { font-size: 28.8px !important; } .w3-zoom-160 h6 { font-size: 25.6px !important; } .w3-zoom-170 .w3-tiny { font-size: 17px !important; } .w3-zoom-170 .w3-small { font-size: 20.4px !important; } .w3-zoom-170 .w3-medium { font-size: 25.5px !important; } .w3-zoom-170 .w3-large { font-size: 30.6px !important; } .w3-zoom-170 .w3-xlarge { font-size: 40.8px !important; } .w3-zoom-170 .w3-xxlarge { font-size: 61.2px !important; } .w3-zoom-170 .w3-xxxlarge { font-size: 81.6px !important; } .w3-zoom-170 .w3-jumbo { font-size: 108.8px !important; } .w3-zoom-170 h1 { font-size: 61.2px !important; } .w3-zoom-170 h2 { font-size: 51px !important; } .w3-zoom-170 h3 { font-size: 40.8px !important; } .w3-zoom-170 h4 { font-size: 34px !important; } .w3-zoom-170 h5 { font-size: 30.6px !important; } .w3-zoom-170 h6 { font-size: 27.2px !important; } .w3-zoom-180 .w3-tiny { font-size: 18px !important; } .w3-zoom-180 .w3-small { font-size: 21.6px !important; } .w3-zoom-180 .w3-medium { font-size: 27px !important; } .w3-zoom-180 .w3-large { font-size: 32.4px !important; } .w3-zoom-180 .w3-xlarge { font-size: 43.2px !important; } .w3-zoom-180 .w3-xxlarge { font-size: 64.8px !important; } .w3-zoom-180 .w3-xxxlarge { font-size: 86.4px !important; } .w3-zoom-180 .w3-jumbo { font-size: 115.2px !important; } .w3-zoom-180 h1 { font-size: 64.8px !important; } .w3-zoom-180 h2 { font-size: 54px !important; } .w3-zoom-180 h3 { font-size: 43.2px !important; } .w3-zoom-180 h4 { font-size: 36px !important; } .w3-zoom-180 h5 { font-size: 32.4px !important; } .w3-zoom-180 h6 { font-size: 28.8px !important; } .w3-zoom-190 .w3-tiny { font-size: 19px !important; } .w3-zoom-190 .w3-small { font-size: 22.8px !important; } .w3-zoom-190 .w3-medium { font-size: 28.5px !important; } .w3-zoom-190 .w3-large { font-size: 34.2px !important; } .w3-zoom-190 .w3-xlarge { font-size: 45.6px !important; } .w3-zoom-190 .w3-xxlarge { font-size: 68.4px !important; } .w3-zoom-190 .w3-xxxlarge { font-size: 91.2px !important; } .w3-zoom-190 .w3-jumbo { font-size: 121.6px !important; } .w3-zoom-190 h1 { font-size: 68.4px !important; } .w3-zoom-190 h2 { font-size: 57px !important; } .w3-zoom-190 h3 { font-size: 45.6px !important; } .w3-zoom-190 h4 { font-size: 38px !important; } .w3-zoom-190 h5 { font-size: 34.2px !important; } .w3-zoom-190 h6 { font-size: 30.4px !important; } .w3-zoom-200 .w3-tiny { font-size: 20px !important; } .w3-zoom-200 .w3-small { font-size: 24px !important; } .w3-zoom-200 .w3-medium { font-size: 30px !important; } .w3-zoom-200 .w3-large { font-size: 36px !important; } .w3-zoom-200 .w3-xlarge { font-size: 48px !important; } .w3-zoom-200 .w3-xxlarge { font-size: 72px !important; } .w3-zoom-200 .w3-xxxlarge { font-size: 96px !important; } .w3-zoom-200 .w3-jumbo { font-size: 128px !important; } .w3-zoom-200 h1 { font-size: 72px !important; } .w3-zoom-200 h2 { font-size: 60px !important; } .w3-zoom-200 h3 { font-size: 48px !important; } .w3-zoom-200 h4 { font-size: 40px !important; } .w3-zoom-200 h5 { font-size: 36px !important; } .w3-zoom-200 h6 { font-size: 32px !important; } .w3-zoom-210 .w3-tiny { font-size: 21px !important; } .w3-zoom-210 .w3-small { font-size: 25.2px !important; } .w3-zoom-210 .w3-medium { font-size: 31.5px !important; } .w3-zoom-210 .w3-large { font-size: 37.8px !important; } .w3-zoom-210 .w3-xlarge { font-size: 50.4px !important; } .w3-zoom-210 .w3-xxlarge { font-size: 75.6px !important; } .w3-zoom-210 .w3-xxxlarge { font-size: 100.8px !important; } .w3-zoom-210 .w3-jumbo { font-size: 134.4px !important; } .w3-zoom-210 h1 { font-size: 75.6px !important; } .w3-zoom-210 h2 { font-size: 63px !important; } .w3-zoom-210 h3 { font-size: 50.4px !important; } .w3-zoom-210 h4 { font-size: 42px !important; } .w3-zoom-210 h5 { font-size: 37.8px !important; } .w3-zoom-210 h6 { font-size: 33.6px !important; } .w3-zoom-220 .w3-tiny { font-size: 22px !important; } .w3-zoom-220 .w3-small { font-size: 26.4px !important; } .w3-zoom-220 .w3-medium { font-size: 33px !important; } .w3-zoom-220 .w3-large { font-size: 39.6px !important; } .w3-zoom-220 .w3-xlarge { font-size: 52.8px !important; } .w3-zoom-220 .w3-xxlarge { font-size: 79.2px !important; } .w3-zoom-220 .w3-xxxlarge { font-size: 105.6px !important; } .w3-zoom-220 .w3-jumbo { font-size: 140.8px !important; } .w3-zoom-220 h1 { font-size: 79.2px !important; } .w3-zoom-220 h2 { font-size: 66px !important; } .w3-zoom-220 h3 { font-size: 52.8px !important; } .w3-zoom-220 h4 { font-size: 44px !important; } .w3-zoom-220 h5 { font-size: 39.6px !important; } .w3-zoom-220 h6 { font-size: 35.2px !important; } .w3-zoom-230 .w3-tiny { font-size: 23px !important; } .w3-zoom-230 .w3-small { font-size: 27.6px !important; } .w3-zoom-230 .w3-medium { font-size: 34.5px !important; } .w3-zoom-230 .w3-large { font-size: 41.4px !important; } .w3-zoom-230 .w3-xlarge { font-size: 55.2px !important; } .w3-zoom-230 .w3-xxlarge { font-size: 82.8px !important; } .w3-zoom-230 .w3-xxxlarge { font-size: 110.4px !important; } .w3-zoom-230 .w3-jumbo { font-size: 147.2px !important; } .w3-zoom-230 h1 { font-size: 82.8px !important; } .w3-zoom-230 h2 { font-size: 69px !important; } .w3-zoom-230 h3 { font-size: 55.2px !important; } .w3-zoom-230 h4 { font-size: 46px !important; } .w3-zoom-230 h5 { font-size: 41.4px !important; } .w3-zoom-230 h6 { font-size: 36.8px !important; } .w3-zoom-240 .w3-tiny { font-size: 24px !important; } .w3-zoom-240 .w3-small { font-size: 28.8px !important; } .w3-zoom-240 .w3-medium { font-size: 36px !important; } .w3-zoom-240 .w3-large { font-size: 43.2px !important; } .w3-zoom-240 .w3-xlarge { font-size: 57.6px !important; } .w3-zoom-240 .w3-xxlarge { font-size: 86.4px !important; } .w3-zoom-240 .w3-xxxlarge { font-size: 115.2px !important; } .w3-zoom-240 .w3-jumbo { font-size: 153.6px !important; } .w3-zoom-240 h1 { font-size: 86.4px !important; } .w3-zoom-240 h2 { font-size: 72px !important; } .w3-zoom-240 h3 { font-size: 57.6px !important; } .w3-zoom-240 h4 { font-size: 48px !important; } .w3-zoom-240 h5 { font-size: 43.2px !important; } .w3-zoom-240 h6 { font-size: 38.4px !important; } .w3-zoom-250 .w3-tiny { font-size: 25px !important; } .w3-zoom-250 .w3-small { font-size: 30px !important; } .w3-zoom-250 .w3-medium { font-size: 37.5px !important; } .w3-zoom-250 .w3-large { font-size: 45px !important; } .w3-zoom-250 .w3-xlarge { font-size: 60px !important; } .w3-zoom-250 .w3-xxlarge { font-size: 90px !important; } .w3-zoom-250 .w3-xxxlarge { font-size: 120px !important; } .w3-zoom-250 .w3-jumbo { font-size: 160px !important; } .w3-zoom-250 h1 { font-size: 90px !important; } .w3-zoom-250 h2 { font-size: 75px !important; } .w3-zoom-250 h3 { font-size: 60px !important; } .w3-zoom-250 h4 { font-size: 50px !important; } .w3-zoom-250 h5 { font-size: 45px !important; } .w3-zoom-250 h6 { font-size: 40px !important; } .w3-zoom-260 .w3-tiny { font-size: 26px !important; } .w3-zoom-260 .w3-small { font-size: 31.2px !important; } .w3-zoom-260 .w3-medium { font-size: 39px !important; } .w3-zoom-260 .w3-large { font-size: 46.8px !important; } .w3-zoom-260 .w3-xlarge { font-size: 62.4px !important; } .w3-zoom-260 .w3-xxlarge { font-size: 93.6px !important; } .w3-zoom-260 .w3-xxxlarge { font-size: 124.8px !important; } .w3-zoom-260 .w3-jumbo { font-size: 166.4px !important; } .w3-zoom-260 h1 { font-size: 93.6px !important; } .w3-zoom-260 h2 { font-size: 78px !important; } .w3-zoom-260 h3 { font-size: 62.4px !important; } .w3-zoom-260 h4 { font-size: 52px !important; } .w3-zoom-260 h5 { font-size: 46.8px !important; } .w3-zoom-260 h6 { font-size: 41.6px !important; } .w3-zoom-270 .w3-tiny { font-size: 27px !important; } .w3-zoom-270 .w3-small { font-size: 32.4px !important; } .w3-zoom-270 .w3-medium { font-size: 40.5px !important; } .w3-zoom-270 .w3-large { font-size: 48.6px !important; } .w3-zoom-270 .w3-xlarge { font-size: 64.8px !important; } .w3-zoom-270 .w3-xxlarge { font-size: 97.2px !important; } .w3-zoom-270 .w3-xxxlarge { font-size: 129.6px !important; } .w3-zoom-270 .w3-jumbo { font-size: 172.8px !important; } .w3-zoom-270 h1 { font-size: 97.2px !important; } .w3-zoom-270 h2 { font-size: 81px !important; } .w3-zoom-270 h3 { font-size: 64.8px !important; } .w3-zoom-270 h4 { font-size: 54px !important; } .w3-zoom-270 h5 { font-size: 48.6px !important; } .w3-zoom-270 h6 { font-size: 43.2px !important; } .w3-zoom-280 .w3-tiny { font-size: 28px !important; } .w3-zoom-280 .w3-small { font-size: 33.6px !important; } .w3-zoom-280 .w3-medium { font-size: 42px !important; } .w3-zoom-280 .w3-large { font-size: 50.4px !important; } .w3-zoom-280 .w3-xlarge { font-size: 67.2px !important; } .w3-zoom-280 .w3-xxlarge { font-size: 100.8px !important; } .w3-zoom-280 .w3-xxxlarge { font-size: 134.4px !important; } .w3-zoom-280 .w3-jumbo { font-size: 179.2px !important; } .w3-zoom-280 h1 { font-size: 100.8px !important; } .w3-zoom-280 h2 { font-size: 84px !important; } .w3-zoom-280 h3 { font-size: 67.2px !important; } .w3-zoom-280 h4 { font-size: 56px !important; } .w3-zoom-280 h5 { font-size: 50.4px !important; } .w3-zoom-280 h6 { font-size: 44.8px !important; } .w3-zoom-290 .w3-tiny { font-size: 29px !important; } .w3-zoom-290 .w3-small { font-size: 34.8px !important; } .w3-zoom-290 .w3-medium { font-size: 43.5px !important; } .w3-zoom-290 .w3-large { font-size: 52.2px !important; } .w3-zoom-290 .w3-xlarge { font-size: 69.6px !important; } .w3-zoom-290 .w3-xxlarge { font-size: 104.4px !important; } .w3-zoom-290 .w3-xxxlarge { font-size: 139.2px !important; } .w3-zoom-290 .w3-jumbo { font-size: 185.6px !important; } .w3-zoom-290 h1 { font-size: 104.4px !important; } .w3-zoom-290 h2 { font-size: 87px !important; } .w3-zoom-290 h3 { font-size: 69.6px !important; } .w3-zoom-290 h4 { font-size: 58px !important; } .w3-zoom-290 h5 { font-size: 52.2px !important; } .w3-zoom-290 h6 { font-size: 46.4px !important; } .w3-zoom-300 .w3-tiny { font-size: 30px !important; } .w3-zoom-300 .w3-small { font-size: 36px !important; } .w3-zoom-300 .w3-medium { font-size: 45px !important; } .w3-zoom-300 .w3-large { font-size: 54px !important; } .w3-zoom-300 .w3-xlarge { font-size: 72px !important; } .w3-zoom-300 .w3-xxlarge { font-size: 108px !important; } .w3-zoom-300 .w3-xxxlarge { font-size: 144px !important; } .w3-zoom-300 .w3-jumbo { font-size: 192px !important; } .w3-zoom-300 h1 { font-size: 108px !important; } .w3-zoom-300 h2 { font-size: 90px !important; } .w3-zoom-300 h3 { font-size: 72px !important; } .w3-zoom-300 h4 { font-size: 60px !important; } .w3-zoom-300 h5 { font-size: 54px !important; } .w3-zoom-300 h6 { font-size: 48px !important; } .w3-zoom-400 .w3-tiny { font-size: 40px !important; } .w3-zoom-400 .w3-small { font-size: 48px !important; } .w3-zoom-400 .w3-medium { font-size: 60px !important; } .w3-zoom-400 .w3-large { font-size: 72px !important; } .w3-zoom-400 .w3-xlarge { font-size: 96px !important; } .w3-zoom-400 .w3-xxlarge { font-size: 144px !important; } .w3-zoom-400 .w3-xxxlarge { font-size: 192px !important; } .w3-zoom-400 .w3-jumbo { font-size: 256px !important; } .w3-zoom-400 h1 { font-size: 144px !important; } .w3-zoom-400 h2 { font-size: 120px !important; } .w3-zoom-400 h3 { font-size: 96px !important; } .w3-zoom-400 h4 { font-size: 80px !important; } .w3-zoom-400 h5 { font-size: 72px !important; } .w3-zoom-400 h6 { font-size: 64px !important; } .w3-zoom-500 .w3-tiny { font-size: 50px !important; } .w3-zoom-500 .w3-small { font-size: 60px !important; } .w3-zoom-500 .w3-medium { font-size: 75px !important; } .w3-zoom-500 .w3-large { font-size: 90px !important; } .w3-zoom-500 .w3-xlarge { font-size: 120px !important; } .w3-zoom-500 .w3-xxlarge { font-size: 180px !important; } .w3-zoom-500 .w3-xxxlarge { font-size: 240px !important; } .w3-zoom-500 .w3-jumbo { font-size: 320px !important; } .w3-zoom-500 h1 { font-size: 180px !important; } .w3-zoom-500 h2 { font-size: 150px !important; } .w3-zoom-500 h3 { font-size: 120px !important; } .w3-zoom-500 h4 { font-size: 100px !important; } .w3-zoom-500 h5 { font-size: 90px !important; } .w3-zoom-500 h6 { font-size: 80px !important; } .font-zoom-control { position: fixed; right: 1px; top: 180px; transition: all 0.3s ease; } .zoom-control-container { display: flex; flex-direction: column; align-items: center; backdrop-filter: blur(10px); border-radius: 8px; padding: 4px; min-width: 30px; } .zoom-control-container.horizontal { flex-direction: row; min-width: 120px; min-height: auto; } .zoom-btn, .zoom-reset { background: transparent !important; border: none !important; outline: none !important; cursor: pointer; padding: 2px; margin: 1px; box-shadow: none !important; color: rgba(125, 60, 204, 0.6); transition: opacity 0.2s ease; } .zoom-reset { color: rgba(20,137,185,0.50); } .zoom-btn:hover { color: rgba(125, 60, 204, 0.9); } .zoom-btn i, .zoom-reset i { font-size: 20px; display: block; } .zoom-display { display: flex; flex-direction: column; align-items: center; margin: 4px 0; min-height: 30px; justify-content: center; } .zoom-control-container.horizontal .zoom-display { flex-direction: row; margin: 0 10px; min-height: auto; } #zoom-percent { font-size: 11px; font-weight: bold; color: rgba(20,137,185,0.50); margin-bottom: 1px; } #zoom-percent:hover, .zoom-reset:hover { color: rgba(20,137,185,0.90); } .zoom-control-container.horizontal #zoom-percent { margin-bottom: 0; margin-right: 5px; } .font-zoom-control.lesson-smart-zoom { right: max(4px, env(safe-area-inset-right)); top: 180px; z-index: 10000; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; pointer-events: none; } .font-zoom-control.lesson-smart-zoom.w3-hide { display: none !important; } .lesson-smart-zoom .lesson-zoom-toggle { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 38px; min-height: 34px; padding: 5px 8px; border: 1px solid #b9cdd1; border-radius: 999px; background: rgba(255,255,255,.96); color: #166b83; font: 700 16px/1 Arial,sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(31,64,82,.16); } .lesson-smart-zoom .lesson-zoom-toggle:hover, .lesson-smart-zoom .lesson-zoom-toggle:focus-visible { border-color: #7aaabd; outline: 3px solid rgba(58,151,184,.2); outline-offset: 2px; } .lesson-smart-zoom .lesson-zoom-toggle__level { display: none; min-width: 31px; padding: 3px 5px; border-radius: 999px; background: #e8f3f6; color: #166b83; font-size: 10px; line-height: 1; } .lesson-smart-zoom.has-custom-zoom .lesson-zoom-toggle__level { display: inline-block; } .lesson-smart-zoom .zoom-control-container { display: none; pointer-events: auto; margin: 0; min-width: 34px; background: rgba(255,255,255,.96); border: 1px solid #d5e5e8; box-shadow: 0 2px 8px rgba(31,64,82,.14); } .lesson-smart-zoom.is-open .zoom-control-container { display: flex; } @media (max-width:600px) { .font-zoom-control.lesson-smart-zoom { top: var(--lesson-smart-zoom-top, 112px); max-width: calc(100vw - 8px); align-items: flex-end; isolation: isolate; } .font-zoom-control.lesson-smart-zoom > .lesson-image-fit-toggle, .font-zoom-control.lesson-smart-zoom > .lesson-zoom-toggle, .font-zoom-control.lesson-smart-zoom > .zoom-control-container { position: relative; inset: auto; flex: 0 0 auto; } .lesson-smart-zoom .lesson-zoom-toggle { min-width: 38px; min-height: 38px; } } .wrapped { position: relative; clear: both; } .wrap { width: 100%; height: 100%; } ::selection { background-color: #000; color: #fff; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); pointer-events: none; } .no-outline:focus { outline: none; } ::-webkit-input-placeholder { color: lightgray; } :-ms-input-placeholder { color: lightgray; } ::placeholder { color: lightgray; } select:focus { outline: none !important; } a { text-decoration: inherit; } object[type*="svg"]{ pointer-events: none } i { text-decoration: ltr !important; } .notification { position: fixed; z-index: 9999; } .notification.top { top: 0; } .notification.middle { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0,-50%); transform: translate(0, -50%); } .notification.bottom { bottom: 0; } .notification.left, .notification.en { left: 0; } .notification.center { left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%,0); transform: translate(-50%, 0); } .notification.right, .notification.ar { right: 0; } .notification .message { background-color: #202124 !important; color: #F2FFFF !important; } .notification .message span { padding: 8px 12px; } .notification .message span:nth-child(2) { color: #5F87CF !important; cursor: pointer; } .notification .message span:nth-child(2):hover { background-color: #323E50 !important; } .notification .message span:last-child { color: #CAC9CE !important; cursor: pointer; } .notification span:last-child:hover { background-color: #4D4C51 !important; border-radius: 50%; } .label { padding-bottom: 8px !important; } #signuppasswordvalidationmessage { display:none; } #signuppasswordvalidationmessage .valid { color: green; } #signuppasswordvalidationmessage .valid:before { position: relative; left: -10px; content: "✔"; } #signuppasswordvalidationmessage .invalid { color: red; } #signuppasswordvalidationmessage .invalid:before { position: relative; left: -10px; content: "✖"; } .error p { padding: 5px 15px !important; color: red; background-color: rgba(200,0,0,0.05); margin: 4px 10px; border-radius: 4px; font-size: 85%; font-weight: 600; } th > .sort-icon { padding-right: 20px; } .sort-icon { position: relative; display: inline-block; } .sort-icon i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; margin-left: 10px; display: block; } .sort-icon i:first-child { margin-top: -1em; } .sort-icon i:last-child { margin-bottom: -1em; } .w3-opacity-med, .w3-hover-opacity-med { opacity: 0.50; } .w3-padding-0 { padding: 0 !important; } .w3-padding-16-top { padding-top:16px!important; } .w3-padding-16-bottom { padding-bottom:16px!important } .w3-offwhite,.w3-hover-offwhite:hover{color:#000!important;background-color:#F8F9FD!important} .w3-input-container { position: relative; } .w3-input-button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0; margin: 0; } .w3-input-button i { font-size: 1.2em; } .tooltip { position: relative; display: inline-block; cursor: pointer; } .tooltip .tooltiptext { visibility: hidden; width: max-content; max-width: 200px; background-color: #555; color: #fff; text-align: center; border-radius: 5px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s, top 0.3s, bottom 0.3s, left 0.3s, right 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip.tooltip-bottom .tooltiptext::after { top: auto; bottom: 100%; border-color: transparent transparent #555 transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .tooltip.tooltip-bottom .tooltiptext { top: 125%; bottom: auto; } .tooltip.tooltip-left .tooltiptext { left: auto; right: 100%; transform: translateX(0); } .tooltip.tooltip-right .tooltiptext { right: auto; left: 100%; transform: translateX(0); } .action-icon-custom-size { width: 24px; height: 36px; } .action-icon-custom-font { font-size: 24px; line-height: 36px; } #quizIndexMobile { -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; display: flex !important; align-items: center; background: linear-gradient(to bottom, #f8f9fa, #e9ecef); } #quizIndexMobile::-webkit-scrollbar { display: none; } .quiz-index-active { transform: scale(1.1); z-index: 1; } @media only screen and (max-width: 600px) { #quizIndex { display: none !important; } #quizContent { padding-top: 20px !important; padding-right: 0 !important; padding-left: 0 !important; } #questionDiv { padding-top: 40px !important; } } @media only screen and (min-width: 601px) { #quizIndexMobile, #quizIndexMobileSpacer { display: none !important; } } @media only screen and (min-width: 601px) { #quiz { position: relative; } #quizIndex { position: fixed; right: 8px; width: 105px; z-index: 100; } #quizContent { transition: padding-right 0.3s ease; box-sizing: border-box; } } @media only screen and (max-width: 600px) { #quizContent { width: 100% !important; max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box; } #quizContent > .w3-display-container { margin-top: 10px; } #questionDiv { padding-top: 60px !important; } } .w3-animate-right { animation-duration: 0.4s; } @media only screen and (min-width: 993px) { #quizContent { width: calc(100% - 120px) !important; } } @media only screen and (min-width: 601px) and (max-width: 992px) { #quizContent { width: calc(100% - 120px) !important; } } .notification { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; font-size: 14px; line-height: 1.4; animation: slideIn 0.3s ease forwards; } .notification-close:hover { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .notification-close:focus { outline: 2px solid rgba(0, 0, 0, 0.3); outline-offset: 2px; } .notification:focus { outline: 2px solid rgba(0, 0, 0, 0.3); outline-offset: 2px; } @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @media (max-width: 768px) { .notification-container { left: 10px !important; right: 10px !important; top: ${70 + 10}px !important; max-width: none !important; align-items: stretch !important; } .notification { width: 100% !important; box-sizing: border-box; right: 0 !important; left: 0 !important; } } @media (max-width: 480px) { .notification { padding: 12px 16px !important; font-size: 13px !important; } .notification-container { top: ${70 + 5}px !important; } } .question-choice-correct { border-left: 4px solid #4CAF50 !important; background-color: #f1f8e9 !important; } .question-choice-incorrect { border-left: 4px solid #f44336 !important; } .question-answer-key { background: linear-gradient(45deg, #4CAF50, #8BC34A); color: white; padding: 8px 16px; border-radius: 4px; margin: 8px 0; } .question-stat-box { border: 1px solid #ddd; border-radius: 8px; padding: 12px; margin: 8px 0; background: white; } .question-stat-box .stat-value { font-size: 24px; font-weight: bold; display: block; } .question-stat-box .stat-label { font-size: 12px; color: #666; text-transform: uppercase; } .w3-tooltip { position: relative; display: inline-block; } .w3-tooltip:hover span { display: block; } .choice-badge { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; font-weight: bold; margin-right: 8px; } .choice-badge.correct { background-color: #4CAF50; color: white; } .choice-badge.incorrect { background-color: #f44336; color: white; } .choice-badge.neutral { background-color: #9E9E9E; color: white; } .choice-marker { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .model-answer-container pre { font-size: 14px; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; } .broken-image-fallback { width: 100%; height: 300px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); display: flex; align-items: center; justify-content: center; color: #666; font-size: 1.2em; } #slideAvailabilityStatus { vertical-align: middle; margin-left: 10px; } .w3-modal { z-index: 1000; } .w3-modal-content { animation: animatezoom 0.3s; } @keyframes animatezoom { from {transform: scale(0)} to {transform: scale(1)} } @media screen and (max-width: 768px) { .w3-bar-item { margin-bottom: 5px; } #slideSelect { font-size: 14px; } } .source-document-export-form{max-width:980px;margin:auto}.source-export-unit-list{display:grid;gap:12px}.source-export-unit-card{overflow:hidden;border:1px solid #dbe4ee}.source-export-unit-card.source-export-unit-empty{opacity:.72;border-style:dashed}.source-export-unit-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;background:#f7fafc;list-style:none}.source-export-unit-summary::-webkit-details-marker{display:none}.source-export-unit-summary small{display:block;color:#6b7280;margin-top:3px}.source-export-unit-actions{padding:9px 14px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;background:#fff}.source-export-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:#fbfdff}.source-export-chapter-option{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e4eaf0;border-radius:9px;background:#fff;cursor:pointer;min-height:48px}.source-export-chapter-option:hover{border-color:#64b5f6;background:#f5fbff}.source-export-chapter-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f1fb;color:#245b87;font-weight:700}.source-export-chapter-title{overflow-wrap:anywhere}.source-export-selection-toolbar{position:sticky;top:4px;z-index:2;box-shadow:0 3px 12px rgba(30,64,90,.08)} @media(max-width:700px){.source-export-chapter-grid{grid-template-columns:1fr}.source-export-unit-summary{padding:12px 10px;gap:8px}.source-export-chapter-option{grid-template-columns:auto auto minmax(0,1fr)}.source-export-chapter-option .w3-tag{grid-column:3;justify-self:start}.source-export-selection-toolbar .w3-button{margin:3px!important}.source-export-selection-toolbar .w3-tag{display:inline-block;margin:5px!important}} .source-document-export-form{max-width:1180px} .document-export-modal-content{width:min(96vw,1240px)!important;max-width:1240px!important} .source-export-range-hint{display:inline-flex;align-items:center;gap:5px;margin-inline-start:12px;color:#627784;vertical-align:middle} .document-layout-toggle{border-radius:8px;background:#f7f9fb;transition:background-color .2s ease} .document-layout-toggle:hover{background:#edf3f8} .document-layout-panel{padding-inline:0!important} .document-layout-editor{--document-accent:#315f7d;--document-accent-soft:#edf5fa;--document-border:#d9e3eb;color:#263746;border:1px solid var(--document-border);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(35,65,86,.08);overflow:hidden;text-align:start} .document-layout-editor *{box-sizing:border-box} .document-layout-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#f6fafc,#edf4f8);border-bottom:1px solid var(--document-border)} .document-layout-editor-heading strong{display:block;font-size:16px;color:#244c67} .document-layout-editor-heading strong i{margin-inline-end:7px} .document-layout-editor-heading small{display:block;margin-top:3px;color:#6a7b88;font-size:12px} .document-layout-status{display:inline-flex;align-items:center;gap:6px;max-width:55%;padding:6px 10px;border-radius:999px;background:#fff;color:#315f7d;border:1px solid #ccdde8;font-size:11px;white-space:normal;text-align:center} .document-layout-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#35a36f;box-shadow:0 0 0 3px rgba(53,163,111,.13);flex:none} .document-layout-presets{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(430px,1.35fr) auto;align-items:end;gap:10px;padding:11px 14px;border-bottom:1px solid var(--document-border);background:#fbfdfe} .document-layout-preset-picker,.document-layout-preset-editor,.document-layout-preset-transfer{display:flex;align-items:end;gap:7px;min-width:0} .document-layout-preset-global{grid-column:1 / -1;display:grid;grid-template-columns:minmax(210px,.8fr) auto minmax(260px,1fr);align-items:center;gap:10px;padding:9px 11px;border:1px solid #dce3f3;border-radius:9px;background:linear-gradient(135deg,#f8f9ff,#fbfdff);color:#39465a} .document-layout-preset-global[hidden]{display:none!important} .document-layout-preset-global>strong{font-size:12px}.document-layout-preset-global>div{display:flex;flex-wrap:wrap;gap:6px}.document-layout-preset-global>small{color:#677386;font-size:10px;line-height:1.45} .document-layout-presets label{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;color:#536675;font-size:11px;font-weight:700} .document-layout-presets input,.document-layout-presets select{min-height:36px;background:#fff;font-size:12px} .document-layout-presets button{min-height:36px;white-space:nowrap;font-size:11px} .document-layout-preset-transfer{flex-wrap:wrap;justify-content:flex-end} .document-layout-preset-transfer small{flex-basis:100%;max-width:310px;color:#71828d;font-size:10px;line-height:1.35;text-align:end} .document-layout-guide{margin:10px 14px 0;border:1px solid #cfdfe9;border-radius:10px;background:#fbfdff;overflow:hidden} .document-layout-guide>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;color:#315f7d;background:#edf5fa;font-size:12px;font-weight:700;list-style:none} .document-layout-guide>summary::-webkit-details-marker{display:none}.document-layout-guide>summary small{margin-inline-start:auto;color:#6c8291;font-size:10px;font-weight:600} .document-layout-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;background:#f7fafc} .document-layout-guide-item{min-width:0;padding:9px 10px;border:1px solid #dfe8ee;border-radius:8px;background:#fff} .document-layout-guide-item>strong{display:block;margin-bottom:5px;color:#315f7d;font-size:11px}.document-layout-guide-item p{margin:3px 0;color:#5e7280;font-size:10px;line-height:1.5}.document-layout-guide-item p[lang=ar]{padding-top:4px;border-top:1px dashed #e4ebef;color:#485f6f} .document-layout-editor-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);min-height:520px} .document-layout-controls{padding:14px;min-width:0;background:#fff} .document-layout-section{margin:0 0 10px;border:1px solid #dfe7ed;border-radius:10px;background:#fff;overflow:hidden} .document-layout-section[open]{box-shadow:0 3px 12px rgba(38,70,92,.05)} .document-layout-section>summary{display:flex;align-items:center;gap:9px;padding:11px 13px;cursor:pointer;color:#315f7d;background:#f8fafb;font-weight:700;list-style:none;user-select:none} .document-layout-section>summary::-webkit-details-marker{display:none} .document-layout-section>summary:after{content:"+";margin-inline-start:auto;font-size:18px;font-weight:400;color:#788b99} .document-layout-section[open]>summary:after{content:"−"} .document-layout-section>summary i{width:20px;text-align:center;color:#537b96} .document-layout-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px} .document-layout-field-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))} .document-layout-field-grid label,.document-zone-grid label,.document-export-output-options label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#536675;font-size:12px;font-weight:600} .document-layout-field-grid input:not([type=checkbox]),.document-layout-field-grid select,.document-zone-grid input,.document-zone-grid select,.document-zone-grid textarea,.document-title-columns-editor textarea,.document-export-output-options select{min-height:38px;background:#fff;font-size:13px;color:#233845} .document-layout-field--full{grid-column:1 / -1}.document-layout-field--full small,.document-layout-field-grid label>small{color:#758792;font-size:9px;font-weight:400;line-height:1.4} .document-layout-field-help{align-self:end;margin:0;padding:9px 10px;border-inline-start:3px solid #a9c8dc;background:#f5f9fb;color:#667b89;font-size:11px;line-height:1.45} .document-layout-checkbox-field{justify-content:center;align-items:flex-start;flex-direction:row!important;padding-top:25px} .document-layout-check-row{display:flex;flex-wrap:wrap;gap:9px 20px;padding:0 13px 13px;color:#465c6b;font-size:13px} .document-layout-check-row label{display:inline-flex;align-items:center;gap:7px;cursor:pointer} .document-color-input{width:100%;min-height:38px;padding:3px;border:1px solid #cfd9e0;border-radius:5px;background:#fff;cursor:pointer} .document-variant-tabs{display:flex;gap:5px;padding:0 13px;margin-top:2px;overflow-x:auto;scrollbar-width:thin} .document-variant-tab{border:1px solid #d9e4eb;background:#f7fafc;color:#4a6678;border-radius:8px 8px 0 0;padding:8px 12px;font-size:12px;white-space:nowrap;cursor:pointer} .document-variant-tab.is-active{background:#fff;color:#245b7d;border-bottom-color:#fff;box-shadow:inset 0 3px 0 #4d86a9} .document-variant-panel{display:none;margin:-1px 13px 13px;padding:12px;border:1px solid #d9e4eb;border-radius:0 9px 9px;background:#fff} .document-variant-panel.is-active{display:block} .document-variant-panel-title{display:block;margin-bottom:8px;color:#7a8b96;font-size:11px} .document-zones-title{margin:8px 0 5px;color:#315f7d;font-size:12px;font-weight:700} .document-zones-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:5px 0} .document-zones-heading .document-zones-title{margin:0 0 6px} .document-zone-merge{display:flex;flex-direction:column;gap:3px;width:min(210px,55%);color:#607684;font-size:10px;font-weight:600} .document-zone-merge select{min-height:32px;font-size:11px;background:#fff} .document-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;direction:ltr} .document-zone-editor,.document-title-column-editor{min-width:0;padding:9px;border:1px solid #e0e8ee;border-radius:9px;background:#fbfdfe;direction:ltr} .document-zone-editor-title{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:6px;color:#315f7d;direction:inherit} .document-zone-editor-title strong{font-size:11px}.document-zone-editor-title small{max-width:72%;color:#7a8a95;font-size:8px;font-weight:400;line-height:1.3;text-align:end} .document-rich-text-input{width:100%;min-height:70px!important;resize:vertical;white-space:pre-wrap;unicode-bidi:plaintext;line-height:1.35} .document-rich-text-toolbar{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:5px;direction:ltr} .document-rich-text-toolbar button{display:inline-grid;place-items:center;min-width:25px;height:24px;padding:1px 5px;border:1px solid #d7e1e8;border-radius:5px;background:#fff;color:#385a70;font-size:11px;cursor:pointer} .document-rich-text-toolbar button:hover,.document-rich-text-toolbar button:focus{border-color:#75a8c8;background:#edf6fb;outline:0} .document-zone-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px} .document-zone-style-grid label{gap:3px!important;font-size:9px!important;text-align:start}.document-zone-style-grid input,.document-zone-style-grid select{min-height:31px!important;padding:4px!important;font-size:10px!important} .document-header-footer-options{margin:0 13px 12px;padding:9px 10px;border:1px dashed #cad9e3;border-radius:8px;background:#f7fafc}.document-header-footer-options label{display:flex;align-items:center;gap:9px;color:#536675;font-size:11px;font-weight:600}.document-header-footer-options label span{flex:1}.document-header-footer-options input{width:min(250px,45%);min-height:34px;font-family:monospace;white-space:pre}.document-header-footer-options small{display:block;margin-top:4px;color:#778995;font-size:9px} .document-title-columns-editor{display:grid;grid-template-columns:repeat(var(--document-title-column-count,3),minmax(0,1fr));gap:9px;padding:0 13px 13px;direction:ltr}.document-title-column-editor textarea{min-height:86px!important} .document-layout-preview-wrap{padding:14px;background:#eef3f6;border-inline-start:1px solid #d9e3eb;min-width:0} .document-layout-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#556b79;font-size:12px;font-weight:700} .document-layout-preview-toolbar select{width:auto;max-width:190px;padding:5px 28px 5px 8px;background:#fff;font-size:12px} .document-layout-preview-stage{display:flex;justify-content:center;align-items:flex-start;min-height:430px;padding:16px 8px;border-radius:12px;background:radial-gradient(circle at 50% 20%,#f9fbfc,#dfe8ed);box-shadow:inset 0 1px 4px rgba(45,68,82,.09)} .document-layout-sheet{--document-sheet-ratio:210 / 297;display:grid;gap:3px;width:min(100%,390px);aspect-ratio:var(--document-sheet-ratio);padding:3px;background:#c7d2da;box-shadow:0 10px 30px rgba(29,49,62,.22);transition:aspect-ratio .2s ease} .document-layout-page-frame{position:relative;min-width:0;min-height:0;overflow:hidden} .document-layout-page-frame .document-layout-page{width:100%;height:100%;aspect-ratio:auto;box-shadow:none} .document-preview-page-label{position:absolute;top:4px;left:50%;z-index:5;max-width:88%;padding:2px 5px;border-radius:999px;background:rgba(38,55,70,.8);color:#fff;font-size:7px;line-height:1.2;white-space:nowrap;transform:translateX(-50%);pointer-events:none} .document-layout-page{--document-page-ratio:210 / 297;--document-margin-left:8%;--document-margin-right:8%;--document-margin-top:7%;--document-margin-bottom:7%;--document-header-offset:3%;--document-footer-offset:3%;position:relative;width:min(100%,350px);aspect-ratio:var(--document-page-ratio);background:#fff;box-shadow:0 8px 24px rgba(29,49,62,.2);overflow:hidden;color:#334a59;font-family:Arial,sans-serif;direction:ltr;transition:aspect-ratio .2s ease} .document-layout-page-border{position:absolute;inset:3px;border:1px solid #9aa8b6;pointer-events:none;z-index:0} .document-preview-zones{position:absolute;left:var(--document-margin-left);right:var(--document-margin-right);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:4px;min-height:18px;font-size:clamp(6px,1vw,9px);line-height:1.15;z-index:2} .document-preview-header{top:var(--document-header-offset)} .document-preview-footer{bottom:var(--document-footer-offset)} .document-preview-zones>span{min-width:0;max-height:34px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext} .document-preview-zones>span[data-zone=left]{text-align:left;justify-self:start} .document-preview-zones>span[data-zone=center]{text-align:center;justify-self:center} .document-preview-zones>span[data-zone=right]{text-align:right;justify-self:end} .document-preview-content{position:absolute;z-index:1;top:var(--document-margin-top);right:var(--document-margin-right);bottom:var(--document-margin-bottom);left:var(--document-margin-left);display:grid;align-content:start;padding-top:15px;overflow:hidden} .document-preview-title{display:grid;gap:4px;width:100%;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #dce4e9;direction:ltr}.document-preview-title-column{min-width:0;min-height:10px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.15;unicode-bidi:plaintext}.document-preview-body-columns{display:grid;min-width:0} .document-preview-column{display:flex;flex-direction:column;gap:7px;min-width:0;padding-inline:1px} .document-preview-column+ .document-preview-column{border-inline-start:0 solid #c7d1d8} .document-preview-content.has-column-rule .document-preview-column+ .document-preview-column{border-inline-start-width:1px;padding-inline-start:6px} .document-preview-question{display:flex;flex-direction:column;gap:2px;min-width:0}.document-preview-question span{display:block;height:3px;max-width:100%;border-radius:3px;background:#d8e0e5}.document-preview-question span:first-child{height:5px;background:#b7c5ce} .document-preview-page-number{display:inline-grid;place-items:center;min-width:13px;min-height:13px;padding:2px 4px;border:0 solid currentColor;font-size:inherit;line-height:1;white-space:nowrap} .document-preview-page-number--square,.document-preview-page-number--circle,.document-preview-page-number--rounded{border-width:1px} .document-preview-page-number--square{border-radius:0} .document-preview-page-number--circle{border-radius:999px;aspect-ratio:1;padding:3px} .document-preview-page-number--rounded{border-radius:999px;padding-inline:6px} .document-layout-preview-note{margin:10px 2px 0;color:#71828d;font-size:11px;line-height:1.45;text-align:center} .document-export-output-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #dfe7ed;border-radius:10px;background:#f9fbfc} .document-export-output-options label:first-child:nth-last-child(2),.document-export-output-options label:first-child:nth-last-child(2)~label{grid-column:auto} .document-export-download-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start} .document-export-download-actions .w3-button{margin:0!important;min-width:150px} .document-layout-editor [hidden]{display:none!important} @media(min-width:1000px){.document-layout-preview-wrap{position:relative}.document-layout-preview-toolbar{position:sticky;top:0;z-index:4}.document-layout-preview-stage{position:sticky;top:43px}} @media(max-width:1180px){.document-layout-presets{grid-template-columns:1fr 1fr}.document-layout-preset-transfer{grid-column:1 / -1;justify-content:flex-start}.document-layout-preset-transfer small{max-width:none;text-align:start}.document-layout-preset-global{grid-template-columns:1fr auto}.document-layout-preset-global>small{grid-column:1 / -1}} @media(max-width:980px){.document-layout-editor-grid{grid-template-columns:1fr}.document-layout-preview-wrap{border-inline-start:0;border-top:1px solid #d9e3eb}.document-layout-preview-stage{min-height:360px}.document-layout-sheet{width:min(100%,360px)}} @media(max-width:700px){.source-export-range-hint{display:none}.document-layout-editor-heading{align-items:flex-start;flex-direction:column}.document-layout-status{max-width:100%}.document-layout-presets{grid-template-columns:1fr;padding:10px}.document-layout-preset-transfer{grid-column:auto}.document-layout-preset-picker,.document-layout-preset-editor{flex-wrap:wrap}.document-layout-preset-picker label,.document-layout-preset-editor label{flex-basis:100%}.document-layout-preset-global{grid-column:auto;grid-template-columns:1fr}.document-layout-preset-global>small{grid-column:auto}.document-layout-preset-global>div{display:grid;grid-template-columns:1fr 1fr}.document-layout-guide{margin:8px}.document-layout-guide-grid{grid-template-columns:1fr}.document-layout-controls,.document-layout-preview-wrap{padding:9px}.document-layout-field-grid,.document-layout-field-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:9px}.document-zone-grid,.document-title-columns-editor{grid-template-columns:1fr}.document-zones-heading{align-items:start;flex-direction:column}.document-zone-merge{width:100%}.document-header-footer-options label{align-items:stretch;flex-direction:column}.document-header-footer-options input{width:100%}.document-layout-check-row{flex-direction:column;gap:8px;padding:0 10px 10px}.document-variant-tabs{padding:0 10px}.document-variant-panel{margin-inline:10px;padding:10px}.document-export-output-options{grid-template-columns:1fr;padding:10px}.document-export-download-actions{display:grid;grid-template-columns:1fr 1fr}.document-export-download-actions .w3-button{min-width:0}.document-layout-preview-stage{min-height:310px;padding:10px 5px}.document-layout-sheet{width:min(100%,310px)}} @media(max-width:420px){.document-layout-field-grid,.document-layout-field-grid--compact{grid-template-columns:1fr}.document-export-download-actions{grid-template-columns:1fr}.document-layout-preview-stage{min-height:270px}.document-layout-sheet{width:min(100%,255px)}.document-layout-preset-editor button{flex:1}.document-layout-preset-transfer button{flex:1}}