/* Filéa : feuille de style de l'application
   Couleurs, polices et formes tirées de la charte Filéa. */

:root { --remix-icon: "remixicon"; --heading-font: var(--font-sans); --body-font: var(--font-sans); --f-primary: #0E5468; --f-secondary: #B83E22; --f-tertiary: #B83E22; --f-primary-rgb: 96, 73, 231; --f-secondary-rgb: 231, 121, 42; --f-tertiary-rgb: 240, 120, 60; --body-bg: #F5F3EE; --login-bg: #EEEAE2; --f-primary-title: #14232B; --f-secondary-title: #14232B; --f-tertiary-title: #4A5A62; --f-primary-paragraph: #4A5A62; --f-secondary-paragraph: #857D70; --f-tertiary-paragraph: #4A5A62; --f-primary-btn: var(--f-primary); --f-secondary-btn: var(--f-secondary); --f-tertiary-btn: var(--f-tertiary); --f-primary-border: #E5EDF6; --f-secondary-border: #F5F3EE; --f-tertiary-border: #D8D2C6; --red: #B42318; --ratting-color: #B83E22; --ratting-color-rgb: 255, 193, 7; --f-bg-badge: #EEEAE2; --f-text-badge: #14232B; --f-date: #14232B; --f-bg-event-date-lightblue: #F5F3EE; --f-bg-event-date-green: #E3F1E8; --f-bg-event-date-orange: #FFF1D2; --scroll-color-one: rgba(14, 84, 104, 0.275); --scroll-color-two: #EEEAE2; --white: #FFFFFF; --theme-shadow: 0px 0px 20px 0px rgba(14, 84, 104, 0.02); --theme-shadow2: 0px 5px 20px 0px rgba(14, 84, 104, 0.3); --f-bg-primary: #F5F3EE; --f-bg-secondary: #FFFFFF; --f-bg-secondary-opacity: rgba(255, 255, 255, 0.35); --f-bg-tertiary: #FFFFFF; --f-bg-progress: #EEEAE2; --f-bg-badge-success: #1D6B3E; --f-bg-badge-danger: #B42318; --f-bg-badge-warning: #7F5400; --f-bg-badge-primary: #0E5468; --f-bg-badge-custom: #F5F3EE; --f-text-badge-success: #1D6B3E; --f-text-badge-danger: #B42318; --f-text-badge-warning: #7F5400; --f-text-badge-primary: #0E5468; --primary--rgb: 41, 120, 229; --f-secondary-rgb: 0, 0, 0; --f-danger-rgb: 255, 51, 51; --f-success-rgb: 16, 185, 129; --f-warning-rgb: 255, 153, 26; --f-info-rgb: 23, 162, 184; --f-light-rgb: 244, 241, 235; --f-tertiary-rgb: 84, 92, 102; --soft-secondary: #0E5468; --soft-secondary-rgb: 30, 167, 255; --soft-tertiary: #1D6B3E; --soft-tertiary-rgb: 8, 157, 73; --soft-four: #0E5468; --soft-four-rgb: 8, 124, 124; --soft-danger: #B42318; --soft-danger-rgb: 255, 0, 0; --counter-btn-1: #B83E22; --counter-btn-1-rgb: 231, 121, 42; --counter-btn-2: #1D6B3E; --counter-btn-2-rgb: #1D6B3E; --counter-btn-3: #0E5468; --counter-btn-3-rgb: 30, 167, 255; --counter-btn-4: var(--f-primary); --counter-btn-4-rgb: var(--f-primary-rgb); --counter-btn-5: #B42318; --counter-btn-5-rgb: 255, 0, 0; }
.text-primary { color: var(--f-primary) !important; }
.text-secondary { color: var(--f-tertiary-title) !important; }
.text-tertiary { color: var(--f-tertiary) !important; }
.text-success { color: #1D6B3E !important; }
.text-danger { color: #B42318 !important; }
.text-info { color: #4A5A62 !important; }
.text-light { color: #EEEAE2 !important; }
.text-dark { color: #14232B !important; }
.text-white { color: var(--white) !important; }
.text-warning { color: #7F5400 !important; }
.text-title { color: var(--f-primary-title) !important; }
.text-orange { color: orange !important; }
.text-primary-paragraph { color: var(--f-primary-paragraph) !important; }
.text-secondary-paragraph { color: var(--f-secondary-paragraph) !important; }
.text-tertiary-paragraph { color: var(--f-tertiary-paragraph) !important; }
.p-6 { padding: 6px !important; }
.p-7 { padding: 7px !important; }
.p-8 { padding: 8px !important; }
.p-9 { padding: 9px !important; }
.p-10 { padding: 10px !important; }
.p-11 { padding: 11px !important; }
.p-12 { padding: 12px !important; }
.p-13 { padding: 13px !important; }
.p-14 { padding: 14px !important; }
.p-15 { padding: 15px !important; }
.p-16 { padding: 16px !important; }
.p-17 { padding: 17px !important; }
.p-18 { padding: 18px !important; }
.p-19 { padding: 19px !important; }
.p-20 { padding: 20px !important; }
.p-21 { padding: 21px !important; }
.p-22 { padding: 22px !important; }
.p-23 { padding: 23px !important; }
.p-24 { padding: 24px !important; }
.p-25 { padding: 25px !important; }
.p-26 { padding: 26px !important; }
.p-27 { padding: 27px !important; }
.p-28 { padding: 28px !important; }
.p-29 { padding: 29px !important; }
.p-30 { padding: 30px !important; }
.p-31 { padding: 31px !important; }
.p-32 { padding: 32px !important; }
.p-33 { padding: 33px !important; }
.p-34 { padding: 34px !important; }
.p-35 { padding: 35px !important; }
.p-36 { padding: 36px !important; }
.p-37 { padding: 37px !important; }
.p-38 { padding: 38px !important; }
.p-39 { padding: 39px !important; }
.p-40 { padding: 40px !important; }
.p-41 { padding: 41px !important; }
.p-42 { padding: 42px !important; }
.p-43 { padding: 43px !important; }
.p-44 { padding: 44px !important; }
.p-45 { padding: 45px !important; }
.p-46 { padding: 46px !important; }
.p-47 { padding: 47px !important; }
.p-48 { padding: 48px !important; }
.p-49 { padding: 49px !important; }
.p-50 { padding: 50px !important; }
.p-51 { padding: 51px !important; }
.p-52 { padding: 52px !important; }
.p-53 { padding: 53px !important; }
.p-54 { padding: 54px !important; }
.p-55 { padding: 55px !important; }
.p-56 { padding: 56px !important; }
.p-57 { padding: 57px !important; }
.p-58 { padding: 58px !important; }
.p-59 { padding: 59px !important; }
.p-60 { padding: 60px !important; }
.p-61 { padding: 61px !important; }
.p-62 { padding: 62px !important; }
.p-63 { padding: 63px !important; }
.p-64 { padding: 64px !important; }
.p-65 { padding: 65px !important; }
.p-66 { padding: 66px !important; }
.p-67 { padding: 67px !important; }
.p-68 { padding: 68px !important; }
.p-69 { padding: 69px !important; }
.p-70 { padding: 70px !important; }
.p-71 { padding: 71px !important; }
.p-72 { padding: 72px !important; }
.p-73 { padding: 73px !important; }
.p-74 { padding: 74px !important; }
.p-75 { padding: 75px !important; }
.p-76 { padding: 76px !important; }
.p-77 { padding: 77px !important; }
.p-78 { padding: 78px !important; }
.p-79 { padding: 79px !important; }
.p-80 { padding: 80px !important; }
.p-81 { padding: 81px !important; }
.p-82 { padding: 82px !important; }
.p-83 { padding: 83px !important; }
.p-84 { padding: 84px !important; }
.p-85 { padding: 85px !important; }
.p-86 { padding: 86px !important; }
.p-87 { padding: 87px !important; }
.p-88 { padding: 88px !important; }
.p-89 { padding: 89px !important; }
.p-90 { padding: 90px !important; }
.p-91 { padding: 91px !important; }
.p-92 { padding: 92px !important; }
.p-93 { padding: 93px !important; }
.p-94 { padding: 94px !important; }
.p-95 { padding: 95px !important; }
.p-96 { padding: 96px !important; }
.p-97 { padding: 97px !important; }
.p-98 { padding: 98px !important; }
.p-99 { padding: 99px !important; }
.p-100 { padding: 100px !important; }
.mw-10 { min-width: 10px !important; }
.mw-11 { min-width: 11px !important; }
.mw-12 { min-width: 12px !important; }
.mw-13 { min-width: 13px !important; }
.mw-14 { min-width: 14px !important; }
.mw-15 { min-width: 15px !important; }
.mw-16 { min-width: 16px !important; }
.mw-17 { min-width: 17px !important; }
.mw-18 { min-width: 18px !important; }
.mw-19 { min-width: 19px !important; }
.mw-20 { min-width: 20px !important; }
.mw-21 { min-width: 21px !important; }
.mw-22 { min-width: 22px !important; }
.mw-23 { min-width: 23px !important; }
.mw-24 { min-width: 24px !important; }
.mw-25 { min-width: 25px !important; }
.mw-26 { min-width: 26px !important; }
.mw-27 { min-width: 27px !important; }
.mw-28 { min-width: 28px !important; }
.mw-29 { min-width: 29px !important; }
.mw-30 { min-width: 30px !important; }
.mw-31 { min-width: 31px !important; }
.mw-32 { min-width: 32px !important; }
.mw-33 { min-width: 33px !important; }
.mw-34 { min-width: 34px !important; }
.mw-35 { min-width: 35px !important; }
.mw-36 { min-width: 36px !important; }
.mw-37 { min-width: 37px !important; }
.mw-38 { min-width: 38px !important; }
.mw-39 { min-width: 39px !important; }
.mw-40 { min-width: 40px !important; }
.mw-41 { min-width: 41px !important; }
.mw-42 { min-width: 42px !important; }
.mw-43 { min-width: 43px !important; }
.mw-44 { min-width: 44px !important; }
.mw-45 { min-width: 45px !important; }
.mw-46 { min-width: 46px !important; }
.mw-47 { min-width: 47px !important; }
.mw-48 { min-width: 48px !important; }
.mw-49 { min-width: 49px !important; }
.mw-50 { min-width: 50px !important; }
.mw-51 { min-width: 51px !important; }
.mw-52 { min-width: 52px !important; }
.mw-53 { min-width: 53px !important; }
.mw-54 { min-width: 54px !important; }
.mw-55 { min-width: 55px !important; }
.mw-56 { min-width: 56px !important; }
.mw-57 { min-width: 57px !important; }
.mw-58 { min-width: 58px !important; }
.mw-59 { min-width: 59px !important; }
.mw-60 { min-width: 60px !important; }
.mw-61 { min-width: 61px !important; }
.mw-62 { min-width: 62px !important; }
.mw-63 { min-width: 63px !important; }
.mw-64 { min-width: 64px !important; }
.mw-65 { min-width: 65px !important; }
.mw-66 { min-width: 66px !important; }
.mw-67 { min-width: 67px !important; }
.mw-68 { min-width: 68px !important; }
.mw-69 { min-width: 69px !important; }
.mw-70 { min-width: 70px !important; }
.mw-71 { min-width: 71px !important; }
.mw-72 { min-width: 72px !important; }
.mw-73 { min-width: 73px !important; }
.mw-74 { min-width: 74px !important; }
.mw-75 { min-width: 75px !important; }
.mw-76 { min-width: 76px !important; }
.mw-77 { min-width: 77px !important; }
.mw-78 { min-width: 78px !important; }
.mw-79 { min-width: 79px !important; }
.mw-80 { min-width: 80px !important; }
.mw-81 { min-width: 81px !important; }
.mw-82 { min-width: 82px !important; }
.mw-83 { min-width: 83px !important; }
.mw-84 { min-width: 84px !important; }
.mw-85 { min-width: 85px !important; }
.mw-86 { min-width: 86px !important; }
.mw-87 { min-width: 87px !important; }
.mw-88 { min-width: 88px !important; }
.mw-89 { min-width: 89px !important; }
.mw-90 { min-width: 90px !important; }
.mw-91 { min-width: 91px !important; }
.mw-92 { min-width: 92px !important; }
.mw-93 { min-width: 93px !important; }
.mw-94 { min-width: 94px !important; }
.mw-95 { min-width: 95px !important; }
.mw-96 { min-width: 96px !important; }
.mw-97 { min-width: 97px !important; }
.mw-98 { min-width: 98px !important; }
.mw-99 { min-width: 99px !important; }
.mw-100 { min-width: 100px !important; }
.mw-101 { min-width: 101px !important; }
.mw-102 { min-width: 102px !important; }
.mw-103 { min-width: 103px !important; }
.mw-104 { min-width: 104px !important; }
.mw-105 { min-width: 105px !important; }
.mw-106 { min-width: 106px !important; }
.mw-107 { min-width: 107px !important; }
.mw-108 { min-width: 108px !important; }
.mw-109 { min-width: 109px !important; }
.mw-110 { min-width: 110px !important; }
.mw-111 { min-width: 111px !important; }
.mw-112 { min-width: 112px !important; }
.mw-113 { min-width: 113px !important; }
.mw-114 { min-width: 114px !important; }
.mw-115 { min-width: 115px !important; }
.mw-116 { min-width: 116px !important; }
.mw-117 { min-width: 117px !important; }
.mw-118 { min-width: 118px !important; }
.mw-119 { min-width: 119px !important; }
.mw-120 { min-width: 120px !important; }
.mw-121 { min-width: 121px !important; }
.mw-122 { min-width: 122px !important; }
.mw-123 { min-width: 123px !important; }
.mw-124 { min-width: 124px !important; }
.mw-125 { min-width: 125px !important; }
.mw-126 { min-width: 126px !important; }
.mw-127 { min-width: 127px !important; }
.mw-128 { min-width: 128px !important; }
.mw-129 { min-width: 129px !important; }
.mw-130 { min-width: 130px !important; }
.mw-131 { min-width: 131px !important; }
.mw-132 { min-width: 132px !important; }
.mw-133 { min-width: 133px !important; }
.mw-134 { min-width: 134px !important; }
.mw-135 { min-width: 135px !important; }
.mw-136 { min-width: 136px !important; }
.mw-137 { min-width: 137px !important; }
.mw-138 { min-width: 138px !important; }
.mw-139 { min-width: 139px !important; }
.mw-140 { min-width: 140px !important; }
.mw-141 { min-width: 141px !important; }
.mw-142 { min-width: 142px !important; }
.mw-143 { min-width: 143px !important; }
.mw-144 { min-width: 144px !important; }
.mw-145 { min-width: 145px !important; }
.mw-146 { min-width: 146px !important; }
.mw-147 { min-width: 147px !important; }
.mw-148 { min-width: 148px !important; }
.mw-149 { min-width: 149px !important; }
.mw-150 { min-width: 150px !important; }
.mw-151 { min-width: 151px !important; }
.mw-152 { min-width: 152px !important; }
.mw-153 { min-width: 153px !important; }
.mw-154 { min-width: 154px !important; }
.mw-155 { min-width: 155px !important; }
.mw-156 { min-width: 156px !important; }
.mw-157 { min-width: 157px !important; }
.mw-158 { min-width: 158px !important; }
.mw-159 { min-width: 159px !important; }
.mw-160 { min-width: 160px !important; }
.mw-161 { min-width: 161px !important; }
.mw-162 { min-width: 162px !important; }
.mw-163 { min-width: 163px !important; }
.mw-164 { min-width: 164px !important; }
.mw-165 { min-width: 165px !important; }
.mw-166 { min-width: 166px !important; }
.mw-167 { min-width: 167px !important; }
.mw-168 { min-width: 168px !important; }
.mw-169 { min-width: 169px !important; }
.mw-170 { min-width: 170px !important; }
.mw-171 { min-width: 171px !important; }
.mw-172 { min-width: 172px !important; }
.mw-173 { min-width: 173px !important; }
.mw-174 { min-width: 174px !important; }
.mw-175 { min-width: 175px !important; }
.mw-176 { min-width: 176px !important; }
.mw-177 { min-width: 177px !important; }
.mw-178 { min-width: 178px !important; }
.mw-179 { min-width: 179px !important; }
.mw-180 { min-width: 180px !important; }
.mw-181 { min-width: 181px !important; }
.mw-182 { min-width: 182px !important; }
.mw-183 { min-width: 183px !important; }
.mw-184 { min-width: 184px !important; }
.mw-185 { min-width: 185px !important; }
.mw-186 { min-width: 186px !important; }
.mw-187 { min-width: 187px !important; }
.mw-188 { min-width: 188px !important; }
.mw-189 { min-width: 189px !important; }
.mw-190 { min-width: 190px !important; }
.mw-191 { min-width: 191px !important; }
.mw-192 { min-width: 192px !important; }
.mw-193 { min-width: 193px !important; }
.mw-194 { min-width: 194px !important; }
.mw-195 { min-width: 195px !important; }
.mw-196 { min-width: 196px !important; }
.mw-197 { min-width: 197px !important; }
.mw-198 { min-width: 198px !important; }
.mw-199 { min-width: 199px !important; }
.mw-200 { min-width: 200px !important; }
.mw-201 { min-width: 201px !important; }
.mw-202 { min-width: 202px !important; }
.mw-203 { min-width: 203px !important; }
.mw-204 { min-width: 204px !important; }
.mw-205 { min-width: 205px !important; }
.mw-206 { min-width: 206px !important; }
.mw-207 { min-width: 207px !important; }
.mw-208 { min-width: 208px !important; }
.mw-209 { min-width: 209px !important; }
.mw-210 { min-width: 210px !important; }
.mw-211 { min-width: 211px !important; }
.mw-212 { min-width: 212px !important; }
.mw-213 { min-width: 213px !important; }
.mw-214 { min-width: 214px !important; }
.mw-215 { min-width: 215px !important; }
.mw-216 { min-width: 216px !important; }
.mw-217 { min-width: 217px !important; }
.mw-218 { min-width: 218px !important; }
.mw-219 { min-width: 219px !important; }
.mw-220 { min-width: 220px !important; }
.mw-221 { min-width: 221px !important; }
.mw-222 { min-width: 222px !important; }
.mw-223 { min-width: 223px !important; }
.mw-224 { min-width: 224px !important; }
.mw-225 { min-width: 225px !important; }
.mw-226 { min-width: 226px !important; }
.mw-227 { min-width: 227px !important; }
.mw-228 { min-width: 228px !important; }
.mw-229 { min-width: 229px !important; }
.mw-230 { min-width: 230px !important; }
.mw-231 { min-width: 231px !important; }
.mw-232 { min-width: 232px !important; }
.mw-233 { min-width: 233px !important; }
.mw-234 { min-width: 234px !important; }
.mw-235 { min-width: 235px !important; }
.mw-236 { min-width: 236px !important; }
.mw-237 { min-width: 237px !important; }
.mw-238 { min-width: 238px !important; }
.mw-239 { min-width: 239px !important; }
.mw-240 { min-width: 240px !important; }
.mw-241 { min-width: 241px !important; }
.mw-242 { min-width: 242px !important; }
.mw-243 { min-width: 243px !important; }
.mw-244 { min-width: 244px !important; }
.mw-245 { min-width: 245px !important; }
.mw-246 { min-width: 246px !important; }
.mw-247 { min-width: 247px !important; }
.mw-248 { min-width: 248px !important; }
.mw-249 { min-width: 249px !important; }
.mw-250 { min-width: 250px !important; }
.mw-251 { min-width: 251px !important; }
.mw-252 { min-width: 252px !important; }
.mw-253 { min-width: 253px !important; }
.mw-254 { min-width: 254px !important; }
.mw-255 { min-width: 255px !important; }
.mw-256 { min-width: 256px !important; }
.mw-257 { min-width: 257px !important; }
.mw-258 { min-width: 258px !important; }
.mw-259 { min-width: 259px !important; }
.mw-260 { min-width: 260px !important; }
.mw-261 { min-width: 261px !important; }
.mw-262 { min-width: 262px !important; }
.mw-263 { min-width: 263px !important; }
.mw-264 { min-width: 264px !important; }
.mw-265 { min-width: 265px !important; }
.mw-266 { min-width: 266px !important; }
.mw-267 { min-width: 267px !important; }
.mw-268 { min-width: 268px !important; }
.mw-269 { min-width: 269px !important; }
.mw-270 { min-width: 270px !important; }
.mw-271 { min-width: 271px !important; }
.mw-272 { min-width: 272px !important; }
.mw-273 { min-width: 273px !important; }
.mw-274 { min-width: 274px !important; }
.mw-275 { min-width: 275px !important; }
.mw-276 { min-width: 276px !important; }
.mw-277 { min-width: 277px !important; }
.mw-278 { min-width: 278px !important; }
.mw-279 { min-width: 279px !important; }
.mw-280 { min-width: 280px !important; }
.mw-281 { min-width: 281px !important; }
.mw-282 { min-width: 282px !important; }
.mw-283 { min-width: 283px !important; }
.mw-284 { min-width: 284px !important; }
.mw-285 { min-width: 285px !important; }
.mw-286 { min-width: 286px !important; }
.mw-287 { min-width: 287px !important; }
.mw-288 { min-width: 288px !important; }
.mw-289 { min-width: 289px !important; }
.mw-290 { min-width: 290px !important; }
.mw-291 { min-width: 291px !important; }
.mw-292 { min-width: 292px !important; }
.mw-293 { min-width: 293px !important; }
.mw-294 { min-width: 294px !important; }
.mw-295 { min-width: 295px !important; }
.mw-296 { min-width: 296px !important; }
.mw-297 { min-width: 297px !important; }
.mw-298 { min-width: 298px !important; }
.mw-299 { min-width: 299px !important; }
.mw-300 { min-width: 300px !important; }
.mw-301 { min-width: 301px !important; }
.mw-302 { min-width: 302px !important; }
.mw-303 { min-width: 303px !important; }
.mw-304 { min-width: 304px !important; }
.mw-305 { min-width: 305px !important; }
.mw-306 { min-width: 306px !important; }
.mw-307 { min-width: 307px !important; }
.mw-308 { min-width: 308px !important; }
.mw-309 { min-width: 309px !important; }
.mw-310 { min-width: 310px !important; }
.mw-311 { min-width: 311px !important; }
.mw-312 { min-width: 312px !important; }
.mw-313 { min-width: 313px !important; }
.mw-314 { min-width: 314px !important; }
.mw-315 { min-width: 315px !important; }
.mw-316 { min-width: 316px !important; }
.mw-317 { min-width: 317px !important; }
.mw-318 { min-width: 318px !important; }
.mw-319 { min-width: 319px !important; }
.mw-320 { min-width: 320px !important; }
.mw-321 { min-width: 321px !important; }
.mw-322 { min-width: 322px !important; }
.mw-323 { min-width: 323px !important; }
.mw-324 { min-width: 324px !important; }
.mw-325 { min-width: 325px !important; }
.mw-326 { min-width: 326px !important; }
.mw-327 { min-width: 327px !important; }
.mw-328 { min-width: 328px !important; }
.mw-329 { min-width: 329px !important; }
.mw-330 { min-width: 330px !important; }
.mw-331 { min-width: 331px !important; }
.mw-332 { min-width: 332px !important; }
.mw-333 { min-width: 333px !important; }
.mw-334 { min-width: 334px !important; }
.mw-335 { min-width: 335px !important; }
.mw-336 { min-width: 336px !important; }
.mw-337 { min-width: 337px !important; }
.mw-338 { min-width: 338px !important; }
.mw-339 { min-width: 339px !important; }
.mw-340 { min-width: 340px !important; }
.mw-341 { min-width: 341px !important; }
.mw-342 { min-width: 342px !important; }
.mw-343 { min-width: 343px !important; }
.mw-344 { min-width: 344px !important; }
.mw-345 { min-width: 345px !important; }
.mw-346 { min-width: 346px !important; }
.mw-347 { min-width: 347px !important; }
.mw-348 { min-width: 348px !important; }
.mw-349 { min-width: 349px !important; }
.mw-350 { min-width: 350px !important; }
.mw-351 { min-width: 351px !important; }
.mw-352 { min-width: 352px !important; }
.mw-353 { min-width: 353px !important; }
.mw-354 { min-width: 354px !important; }
.mw-355 { min-width: 355px !important; }
.mw-356 { min-width: 356px !important; }
.mw-357 { min-width: 357px !important; }
.mw-358 { min-width: 358px !important; }
.mw-359 { min-width: 359px !important; }
.mw-360 { min-width: 360px !important; }
.mw-361 { min-width: 361px !important; }
.mw-362 { min-width: 362px !important; }
.mw-363 { min-width: 363px !important; }
.mw-364 { min-width: 364px !important; }
.mw-365 { min-width: 365px !important; }
.mw-366 { min-width: 366px !important; }
.mw-367 { min-width: 367px !important; }
.mw-368 { min-width: 368px !important; }
.mw-369 { min-width: 369px !important; }
.mw-370 { min-width: 370px !important; }
.mw-371 { min-width: 371px !important; }
.mw-372 { min-width: 372px !important; }
.mw-373 { min-width: 373px !important; }
.mw-374 { min-width: 374px !important; }
.mw-375 { min-width: 375px !important; }
.mw-376 { min-width: 376px !important; }
.mw-377 { min-width: 377px !important; }
.mw-378 { min-width: 378px !important; }
.mw-379 { min-width: 379px !important; }
.mw-380 { min-width: 380px !important; }
.mw-381 { min-width: 381px !important; }
.mw-382 { min-width: 382px !important; }
.mw-383 { min-width: 383px !important; }
.mw-384 { min-width: 384px !important; }
.mw-385 { min-width: 385px !important; }
.mw-386 { min-width: 386px !important; }
.mw-387 { min-width: 387px !important; }
.mw-388 { min-width: 388px !important; }
.mw-389 { min-width: 389px !important; }
.mw-390 { min-width: 390px !important; }
.mw-391 { min-width: 391px !important; }
.mw-392 { min-width: 392px !important; }
.mw-393 { min-width: 393px !important; }
.mw-394 { min-width: 394px !important; }
.mw-395 { min-width: 395px !important; }
.mw-396 { min-width: 396px !important; }
.mw-397 { min-width: 397px !important; }
.mw-398 { min-width: 398px !important; }
.mw-399 { min-width: 399px !important; }
.mw-400 { min-width: 400px !important; }
.mw-401 { min-width: 401px !important; }
.mw-402 { min-width: 402px !important; }
.mw-403 { min-width: 403px !important; }
.mw-404 { min-width: 404px !important; }
.mw-405 { min-width: 405px !important; }
.mw-406 { min-width: 406px !important; }
.mw-407 { min-width: 407px !important; }
.mw-408 { min-width: 408px !important; }
.mw-409 { min-width: 409px !important; }
.mw-410 { min-width: 410px !important; }
.mw-411 { min-width: 411px !important; }
.mw-412 { min-width: 412px !important; }
.mw-413 { min-width: 413px !important; }
.mw-414 { min-width: 414px !important; }
.mw-415 { min-width: 415px !important; }
.mw-416 { min-width: 416px !important; }
.mw-417 { min-width: 417px !important; }
.mw-418 { min-width: 418px !important; }
.mw-419 { min-width: 419px !important; }
.mw-420 { min-width: 420px !important; }
.mw-421 { min-width: 421px !important; }
.mw-422 { min-width: 422px !important; }
.mw-423 { min-width: 423px !important; }
.mw-424 { min-width: 424px !important; }
.mw-425 { min-width: 425px !important; }
.mw-426 { min-width: 426px !important; }
.mw-427 { min-width: 427px !important; }
.mw-428 { min-width: 428px !important; }
.mw-429 { min-width: 429px !important; }
.mw-430 { min-width: 430px !important; }
.mw-431 { min-width: 431px !important; }
.mw-432 { min-width: 432px !important; }
.mw-433 { min-width: 433px !important; }
.mw-434 { min-width: 434px !important; }
.mw-435 { min-width: 435px !important; }
.mw-436 { min-width: 436px !important; }
.mw-437 { min-width: 437px !important; }
.mw-438 { min-width: 438px !important; }
.mw-439 { min-width: 439px !important; }
.mw-440 { min-width: 440px !important; }
.mw-441 { min-width: 441px !important; }
.mw-442 { min-width: 442px !important; }
.mw-443 { min-width: 443px !important; }
.mw-444 { min-width: 444px !important; }
.mw-445 { min-width: 445px !important; }
.mw-446 { min-width: 446px !important; }
.mw-447 { min-width: 447px !important; }
.mw-448 { min-width: 448px !important; }
.mw-449 { min-width: 449px !important; }
.mw-450 { min-width: 450px !important; }
.mw-451 { min-width: 451px !important; }
.mw-452 { min-width: 452px !important; }
.mw-453 { min-width: 453px !important; }
.mw-454 { min-width: 454px !important; }
.mw-455 { min-width: 455px !important; }
.mw-456 { min-width: 456px !important; }
.mw-457 { min-width: 457px !important; }
.mw-458 { min-width: 458px !important; }
.mw-459 { min-width: 459px !important; }
.mw-460 { min-width: 460px !important; }
.mw-461 { min-width: 461px !important; }
.mw-462 { min-width: 462px !important; }
.mw-463 { min-width: 463px !important; }
.mw-464 { min-width: 464px !important; }
.mw-465 { min-width: 465px !important; }
.mw-466 { min-width: 466px !important; }
.mw-467 { min-width: 467px !important; }
.mw-468 { min-width: 468px !important; }
.mw-469 { min-width: 469px !important; }
.mw-470 { min-width: 470px !important; }
.mw-471 { min-width: 471px !important; }
.mw-472 { min-width: 472px !important; }
.mw-473 { min-width: 473px !important; }
.mw-474 { min-width: 474px !important; }
.mw-475 { min-width: 475px !important; }
.mw-476 { min-width: 476px !important; }
.mw-477 { min-width: 477px !important; }
.mw-478 { min-width: 478px !important; }
.mw-479 { min-width: 479px !important; }
.mw-480 { min-width: 480px !important; }
.mw-481 { min-width: 481px !important; }
.mw-482 { min-width: 482px !important; }
.mw-483 { min-width: 483px !important; }
.mw-484 { min-width: 484px !important; }
.mw-485 { min-width: 485px !important; }
.mw-486 { min-width: 486px !important; }
.mw-487 { min-width: 487px !important; }
.mw-488 { min-width: 488px !important; }
.mw-489 { min-width: 489px !important; }
.mw-490 { min-width: 490px !important; }
.mw-491 { min-width: 491px !important; }
.mw-492 { min-width: 492px !important; }
.mw-493 { min-width: 493px !important; }
.mw-494 { min-width: 494px !important; }
.mw-495 { min-width: 495px !important; }
.mw-496 { min-width: 496px !important; }
.mw-497 { min-width: 497px !important; }
.mw-498 { min-width: 498px !important; }
.mw-499 { min-width: 499px !important; }
.mw-500 { min-width: 500px !important; }
.max_w-10 { max-width: 10px !important; }
.max_w-11 { max-width: 11px !important; }
.max_w-12 { max-width: 12px !important; }
.max_w-13 { max-width: 13px !important; }
.max_w-14 { max-width: 14px !important; }
.max_w-15 { max-width: 15px !important; }
.max_w-16 { max-width: 16px !important; }
.max_w-17 { max-width: 17px !important; }
.max_w-18 { max-width: 18px !important; }
.max_w-19 { max-width: 19px !important; }
.max_w-20 { max-width: 20px !important; }
.max_w-21 { max-width: 21px !important; }
.max_w-22 { max-width: 22px !important; }
.max_w-23 { max-width: 23px !important; }
.max_w-24 { max-width: 24px !important; }
.max_w-25 { max-width: 25px !important; }
.max_w-26 { max-width: 26px !important; }
.max_w-27 { max-width: 27px !important; }
.max_w-28 { max-width: 28px !important; }
.max_w-29 { max-width: 29px !important; }
.max_w-30 { max-width: 30px !important; }
.max_w-31 { max-width: 31px !important; }
.max_w-32 { max-width: 32px !important; }
.max_w-33 { max-width: 33px !important; }
.max_w-34 { max-width: 34px !important; }
.max_w-35 { max-width: 35px !important; }
.max_w-36 { max-width: 36px !important; }
.max_w-37 { max-width: 37px !important; }
.max_w-38 { max-width: 38px !important; }
.max_w-39 { max-width: 39px !important; }
.max_w-40 { max-width: 40px !important; }
.max_w-41 { max-width: 41px !important; }
.max_w-42 { max-width: 42px !important; }
.max_w-43 { max-width: 43px !important; }
.max_w-44 { max-width: 44px !important; }
.max_w-45 { max-width: 45px !important; }
.max_w-46 { max-width: 46px !important; }
.max_w-47 { max-width: 47px !important; }
.max_w-48 { max-width: 48px !important; }
.max_w-49 { max-width: 49px !important; }
.max_w-50 { max-width: 50px !important; }
.max_w-51 { max-width: 51px !important; }
.max_w-52 { max-width: 52px !important; }
.max_w-53 { max-width: 53px !important; }
.max_w-54 { max-width: 54px !important; }
.max_w-55 { max-width: 55px !important; }
.max_w-56 { max-width: 56px !important; }
.max_w-57 { max-width: 57px !important; }
.max_w-58 { max-width: 58px !important; }
.max_w-59 { max-width: 59px !important; }
.max_w-60 { max-width: 60px !important; }
.max_w-61 { max-width: 61px !important; }
.max_w-62 { max-width: 62px !important; }
.max_w-63 { max-width: 63px !important; }
.max_w-64 { max-width: 64px !important; }
.max_w-65 { max-width: 65px !important; }
.max_w-66 { max-width: 66px !important; }
.max_w-67 { max-width: 67px !important; }
.max_w-68 { max-width: 68px !important; }
.max_w-69 { max-width: 69px !important; }
.max_w-70 { max-width: 70px !important; }
.max_w-71 { max-width: 71px !important; }
.max_w-72 { max-width: 72px !important; }
.max_w-73 { max-width: 73px !important; }
.max_w-74 { max-width: 74px !important; }
.max_w-75 { max-width: 75px !important; }
.max_w-76 { max-width: 76px !important; }
.max_w-77 { max-width: 77px !important; }
.max_w-78 { max-width: 78px !important; }
.max_w-79 { max-width: 79px !important; }
.max_w-80 { max-width: 80px !important; }
.max_w-81 { max-width: 81px !important; }
.max_w-82 { max-width: 82px !important; }
.max_w-83 { max-width: 83px !important; }
.max_w-84 { max-width: 84px !important; }
.max_w-85 { max-width: 85px !important; }
.max_w-86 { max-width: 86px !important; }
.max_w-87 { max-width: 87px !important; }
.max_w-88 { max-width: 88px !important; }
.max_w-89 { max-width: 89px !important; }
.max_w-90 { max-width: 90px !important; }
.max_w-91 { max-width: 91px !important; }
.max_w-92 { max-width: 92px !important; }
.max_w-93 { max-width: 93px !important; }
.max_w-94 { max-width: 94px !important; }
.max_w-95 { max-width: 95px !important; }
.max_w-96 { max-width: 96px !important; }
.max_w-97 { max-width: 97px !important; }
.max_w-98 { max-width: 98px !important; }
.max_w-99 { max-width: 99px !important; }
.max_w-100 { max-width: 100px !important; }
.max_w-101 { max-width: 101px !important; }
.max_w-102 { max-width: 102px !important; }
.max_w-103 { max-width: 103px !important; }
.max_w-104 { max-width: 104px !important; }
.max_w-105 { max-width: 105px !important; }
.max_w-106 { max-width: 106px !important; }
.max_w-107 { max-width: 107px !important; }
.max_w-108 { max-width: 108px !important; }
.max_w-109 { max-width: 109px !important; }
.max_w-110 { max-width: 110px !important; }
.max_w-111 { max-width: 111px !important; }
.max_w-112 { max-width: 112px !important; }
.max_w-113 { max-width: 113px !important; }
.max_w-114 { max-width: 114px !important; }
.max_w-115 { max-width: 115px !important; }
.max_w-116 { max-width: 116px !important; }
.max_w-117 { max-width: 117px !important; }
.max_w-118 { max-width: 118px !important; }
.max_w-119 { max-width: 119px !important; }
.max_w-120 { max-width: 120px !important; }
.max_w-121 { max-width: 121px !important; }
.max_w-122 { max-width: 122px !important; }
.max_w-123 { max-width: 123px !important; }
.max_w-124 { max-width: 124px !important; }
.max_w-125 { max-width: 125px !important; }
.max_w-126 { max-width: 126px !important; }
.max_w-127 { max-width: 127px !important; }
.max_w-128 { max-width: 128px !important; }
.max_w-129 { max-width: 129px !important; }
.max_w-130 { max-width: 130px !important; }
.max_w-131 { max-width: 131px !important; }
.max_w-132 { max-width: 132px !important; }
.max_w-133 { max-width: 133px !important; }
.max_w-134 { max-width: 134px !important; }
.max_w-135 { max-width: 135px !important; }
.max_w-136 { max-width: 136px !important; }
.max_w-137 { max-width: 137px !important; }
.max_w-138 { max-width: 138px !important; }
.max_w-139 { max-width: 139px !important; }
.max_w-140 { max-width: 140px !important; }
.max_w-141 { max-width: 141px !important; }
.max_w-142 { max-width: 142px !important; }
.max_w-143 { max-width: 143px !important; }
.max_w-144 { max-width: 144px !important; }
.max_w-145 { max-width: 145px !important; }
.max_w-146 { max-width: 146px !important; }
.max_w-147 { max-width: 147px !important; }
.max_w-148 { max-width: 148px !important; }
.max_w-149 { max-width: 149px !important; }
.max_w-150 { max-width: 150px !important; }
.max_w-151 { max-width: 151px !important; }
.max_w-152 { max-width: 152px !important; }
.max_w-153 { max-width: 153px !important; }
.max_w-154 { max-width: 154px !important; }
.max_w-155 { max-width: 155px !important; }
.max_w-156 { max-width: 156px !important; }
.max_w-157 { max-width: 157px !important; }
.max_w-158 { max-width: 158px !important; }
.max_w-159 { max-width: 159px !important; }
.max_w-160 { max-width: 160px !important; }
.max_w-161 { max-width: 161px !important; }
.max_w-162 { max-width: 162px !important; }
.max_w-163 { max-width: 163px !important; }
.max_w-164 { max-width: 164px !important; }
.max_w-165 { max-width: 165px !important; }
.max_w-166 { max-width: 166px !important; }
.max_w-167 { max-width: 167px !important; }
.max_w-168 { max-width: 168px !important; }
.max_w-169 { max-width: 169px !important; }
.max_w-170 { max-width: 170px !important; }
.max_w-171 { max-width: 171px !important; }
.max_w-172 { max-width: 172px !important; }
.max_w-173 { max-width: 173px !important; }
.max_w-174 { max-width: 174px !important; }
.max_w-175 { max-width: 175px !important; }
.max_w-176 { max-width: 176px !important; }
.max_w-177 { max-width: 177px !important; }
.max_w-178 { max-width: 178px !important; }
.max_w-179 { max-width: 179px !important; }
.max_w-180 { max-width: 180px !important; }
.max_w-181 { max-width: 181px !important; }
.max_w-182 { max-width: 182px !important; }
.max_w-183 { max-width: 183px !important; }
.max_w-184 { max-width: 184px !important; }
.max_w-185 { max-width: 185px !important; }
.max_w-186 { max-width: 186px !important; }
.max_w-187 { max-width: 187px !important; }
.max_w-188 { max-width: 188px !important; }
.max_w-189 { max-width: 189px !important; }
.max_w-190 { max-width: 190px !important; }
.max_w-191 { max-width: 191px !important; }
.max_w-192 { max-width: 192px !important; }
.max_w-193 { max-width: 193px !important; }
.max_w-194 { max-width: 194px !important; }
.max_w-195 { max-width: 195px !important; }
.max_w-196 { max-width: 196px !important; }
.max_w-197 { max-width: 197px !important; }
.max_w-198 { max-width: 198px !important; }
.max_w-199 { max-width: 199px !important; }
.max_w-200 { max-width: 200px !important; }
.max_w-201 { max-width: 201px !important; }
.max_w-202 { max-width: 202px !important; }
.max_w-203 { max-width: 203px !important; }
.max_w-204 { max-width: 204px !important; }
.max_w-205 { max-width: 205px !important; }
.max_w-206 { max-width: 206px !important; }
.max_w-207 { max-width: 207px !important; }
.max_w-208 { max-width: 208px !important; }
.max_w-209 { max-width: 209px !important; }
.max_w-210 { max-width: 210px !important; }
.max_w-211 { max-width: 211px !important; }
.max_w-212 { max-width: 212px !important; }
.max_w-213 { max-width: 213px !important; }
.max_w-214 { max-width: 214px !important; }
.max_w-215 { max-width: 215px !important; }
.max_w-216 { max-width: 216px !important; }
.max_w-217 { max-width: 217px !important; }
.max_w-218 { max-width: 218px !important; }
.max_w-219 { max-width: 219px !important; }
.max_w-220 { max-width: 220px !important; }
.max_w-221 { max-width: 221px !important; }
.max_w-222 { max-width: 222px !important; }
.max_w-223 { max-width: 223px !important; }
.max_w-224 { max-width: 224px !important; }
.max_w-225 { max-width: 225px !important; }
.max_w-226 { max-width: 226px !important; }
.max_w-227 { max-width: 227px !important; }
.max_w-228 { max-width: 228px !important; }
.max_w-229 { max-width: 229px !important; }
.max_w-230 { max-width: 230px !important; }
.max_w-231 { max-width: 231px !important; }
.max_w-232 { max-width: 232px !important; }
.max_w-233 { max-width: 233px !important; }
.max_w-234 { max-width: 234px !important; }
.max_w-235 { max-width: 235px !important; }
.max_w-236 { max-width: 236px !important; }
.max_w-237 { max-width: 237px !important; }
.max_w-238 { max-width: 238px !important; }
.max_w-239 { max-width: 239px !important; }
.max_w-240 { max-width: 240px !important; }
.max_w-241 { max-width: 241px !important; }
.max_w-242 { max-width: 242px !important; }
.max_w-243 { max-width: 243px !important; }
.max_w-244 { max-width: 244px !important; }
.max_w-245 { max-width: 245px !important; }
.max_w-246 { max-width: 246px !important; }
.max_w-247 { max-width: 247px !important; }
.max_w-248 { max-width: 248px !important; }
.max_w-249 { max-width: 249px !important; }
.max_w-250 { max-width: 250px !important; }
.max_w-251 { max-width: 251px !important; }
.max_w-252 { max-width: 252px !important; }
.max_w-253 { max-width: 253px !important; }
.max_w-254 { max-width: 254px !important; }
.max_w-255 { max-width: 255px !important; }
.max_w-256 { max-width: 256px !important; }
.max_w-257 { max-width: 257px !important; }
.max_w-258 { max-width: 258px !important; }
.max_w-259 { max-width: 259px !important; }
.max_w-260 { max-width: 260px !important; }
.max_w-261 { max-width: 261px !important; }
.max_w-262 { max-width: 262px !important; }
.max_w-263 { max-width: 263px !important; }
.max_w-264 { max-width: 264px !important; }
.max_w-265 { max-width: 265px !important; }
.max_w-266 { max-width: 266px !important; }
.max_w-267 { max-width: 267px !important; }
.max_w-268 { max-width: 268px !important; }
.max_w-269 { max-width: 269px !important; }
.max_w-270 { max-width: 270px !important; }
.max_w-271 { max-width: 271px !important; }
.max_w-272 { max-width: 272px !important; }
.max_w-273 { max-width: 273px !important; }
.max_w-274 { max-width: 274px !important; }
.max_w-275 { max-width: 275px !important; }
.max_w-276 { max-width: 276px !important; }
.max_w-277 { max-width: 277px !important; }
.max_w-278 { max-width: 278px !important; }
.max_w-279 { max-width: 279px !important; }
.max_w-280 { max-width: 280px !important; }
.max_w-281 { max-width: 281px !important; }
.max_w-282 { max-width: 282px !important; }
.max_w-283 { max-width: 283px !important; }
.max_w-284 { max-width: 284px !important; }
.max_w-285 { max-width: 285px !important; }
.max_w-286 { max-width: 286px !important; }
.max_w-287 { max-width: 287px !important; }
.max_w-288 { max-width: 288px !important; }
.max_w-289 { max-width: 289px !important; }
.max_w-290 { max-width: 290px !important; }
.max_w-291 { max-width: 291px !important; }
.max_w-292 { max-width: 292px !important; }
.max_w-293 { max-width: 293px !important; }
.max_w-294 { max-width: 294px !important; }
.max_w-295 { max-width: 295px !important; }
.max_w-296 { max-width: 296px !important; }
.max_w-297 { max-width: 297px !important; }
.max_w-298 { max-width: 298px !important; }
.max_w-299 { max-width: 299px !important; }
.max_w-300 { max-width: 300px !important; }
.max_w-301 { max-width: 301px !important; }
.max_w-302 { max-width: 302px !important; }
.max_w-303 { max-width: 303px !important; }
.max_w-304 { max-width: 304px !important; }
.max_w-305 { max-width: 305px !important; }
.max_w-306 { max-width: 306px !important; }
.max_w-307 { max-width: 307px !important; }
.max_w-308 { max-width: 308px !important; }
.max_w-309 { max-width: 309px !important; }
.max_w-310 { max-width: 310px !important; }
.max_w-311 { max-width: 311px !important; }
.max_w-312 { max-width: 312px !important; }
.max_w-313 { max-width: 313px !important; }
.max_w-314 { max-width: 314px !important; }
.max_w-315 { max-width: 315px !important; }
.max_w-316 { max-width: 316px !important; }
.max_w-317 { max-width: 317px !important; }
.max_w-318 { max-width: 318px !important; }
.max_w-319 { max-width: 319px !important; }
.max_w-320 { max-width: 320px !important; }
.max_w-321 { max-width: 321px !important; }
.max_w-322 { max-width: 322px !important; }
.max_w-323 { max-width: 323px !important; }
.max_w-324 { max-width: 324px !important; }
.max_w-325 { max-width: 325px !important; }
.max_w-326 { max-width: 326px !important; }
.max_w-327 { max-width: 327px !important; }
.max_w-328 { max-width: 328px !important; }
.max_w-329 { max-width: 329px !important; }
.max_w-330 { max-width: 330px !important; }
.max_w-331 { max-width: 331px !important; }
.max_w-332 { max-width: 332px !important; }
.max_w-333 { max-width: 333px !important; }
.max_w-334 { max-width: 334px !important; }
.max_w-335 { max-width: 335px !important; }
.max_w-336 { max-width: 336px !important; }
.max_w-337 { max-width: 337px !important; }
.max_w-338 { max-width: 338px !important; }
.max_w-339 { max-width: 339px !important; }
.max_w-340 { max-width: 340px !important; }
.max_w-341 { max-width: 341px !important; }
.max_w-342 { max-width: 342px !important; }
.max_w-343 { max-width: 343px !important; }
.max_w-344 { max-width: 344px !important; }
.max_w-345 { max-width: 345px !important; }
.max_w-346 { max-width: 346px !important; }
.max_w-347 { max-width: 347px !important; }
.max_w-348 { max-width: 348px !important; }
.max_w-349 { max-width: 349px !important; }
.max_w-350 { max-width: 350px !important; }
.max_w-351 { max-width: 351px !important; }
.max_w-352 { max-width: 352px !important; }
.max_w-353 { max-width: 353px !important; }
.max_w-354 { max-width: 354px !important; }
.max_w-355 { max-width: 355px !important; }
.max_w-356 { max-width: 356px !important; }
.max_w-357 { max-width: 357px !important; }
.max_w-358 { max-width: 358px !important; }
.max_w-359 { max-width: 359px !important; }
.max_w-360 { max-width: 360px !important; }
.max_w-361 { max-width: 361px !important; }
.max_w-362 { max-width: 362px !important; }
.max_w-363 { max-width: 363px !important; }
.max_w-364 { max-width: 364px !important; }
.max_w-365 { max-width: 365px !important; }
.max_w-366 { max-width: 366px !important; }
.max_w-367 { max-width: 367px !important; }
.max_w-368 { max-width: 368px !important; }
.max_w-369 { max-width: 369px !important; }
.max_w-370 { max-width: 370px !important; }
.max_w-371 { max-width: 371px !important; }
.max_w-372 { max-width: 372px !important; }
.max_w-373 { max-width: 373px !important; }
.max_w-374 { max-width: 374px !important; }
.max_w-375 { max-width: 375px !important; }
.max_w-376 { max-width: 376px !important; }
.max_w-377 { max-width: 377px !important; }
.max_w-378 { max-width: 378px !important; }
.max_w-379 { max-width: 379px !important; }
.max_w-380 { max-width: 380px !important; }
.max_w-381 { max-width: 381px !important; }
.max_w-382 { max-width: 382px !important; }
.max_w-383 { max-width: 383px !important; }
.max_w-384 { max-width: 384px !important; }
.max_w-385 { max-width: 385px !important; }
.max_w-386 { max-width: 386px !important; }
.max_w-387 { max-width: 387px !important; }
.max_w-388 { max-width: 388px !important; }
.max_w-389 { max-width: 389px !important; }
.max_w-390 { max-width: 390px !important; }
.max_w-391 { max-width: 391px !important; }
.max_w-392 { max-width: 392px !important; }
.max_w-393 { max-width: 393px !important; }
.max_w-394 { max-width: 394px !important; }
.max_w-395 { max-width: 395px !important; }
.max_w-396 { max-width: 396px !important; }
.max_w-397 { max-width: 397px !important; }
.max_w-398 { max-width: 398px !important; }
.max_w-399 { max-width: 399px !important; }
.max_w-400 { max-width: 400px !important; }
.max_w-401 { max-width: 401px !important; }
.max_w-402 { max-width: 402px !important; }
.max_w-403 { max-width: 403px !important; }
.max_w-404 { max-width: 404px !important; }
.max_w-405 { max-width: 405px !important; }
.max_w-406 { max-width: 406px !important; }
.max_w-407 { max-width: 407px !important; }
.max_w-408 { max-width: 408px !important; }
.max_w-409 { max-width: 409px !important; }
.max_w-410 { max-width: 410px !important; }
.max_w-411 { max-width: 411px !important; }
.max_w-412 { max-width: 412px !important; }
.max_w-413 { max-width: 413px !important; }
.max_w-414 { max-width: 414px !important; }
.max_w-415 { max-width: 415px !important; }
.max_w-416 { max-width: 416px !important; }
.max_w-417 { max-width: 417px !important; }
.max_w-418 { max-width: 418px !important; }
.max_w-419 { max-width: 419px !important; }
.max_w-420 { max-width: 420px !important; }
.max_w-421 { max-width: 421px !important; }
.max_w-422 { max-width: 422px !important; }
.max_w-423 { max-width: 423px !important; }
.max_w-424 { max-width: 424px !important; }
.max_w-425 { max-width: 425px !important; }
.max_w-426 { max-width: 426px !important; }
.max_w-427 { max-width: 427px !important; }
.max_w-428 { max-width: 428px !important; }
.max_w-429 { max-width: 429px !important; }
.max_w-430 { max-width: 430px !important; }
.max_w-431 { max-width: 431px !important; }
.max_w-432 { max-width: 432px !important; }
.max_w-433 { max-width: 433px !important; }
.max_w-434 { max-width: 434px !important; }
.max_w-435 { max-width: 435px !important; }
.max_w-436 { max-width: 436px !important; }
.max_w-437 { max-width: 437px !important; }
.max_w-438 { max-width: 438px !important; }
.max_w-439 { max-width: 439px !important; }
.max_w-440 { max-width: 440px !important; }
.max_w-441 { max-width: 441px !important; }
.max_w-442 { max-width: 442px !important; }
.max_w-443 { max-width: 443px !important; }
.max_w-444 { max-width: 444px !important; }
.max_w-445 { max-width: 445px !important; }
.max_w-446 { max-width: 446px !important; }
.max_w-447 { max-width: 447px !important; }
.max_w-448 { max-width: 448px !important; }
.max_w-449 { max-width: 449px !important; }
.max_w-450 { max-width: 450px !important; }
.max_w-451 { max-width: 451px !important; }
.max_w-452 { max-width: 452px !important; }
.max_w-453 { max-width: 453px !important; }
.max_w-454 { max-width: 454px !important; }
.max_w-455 { max-width: 455px !important; }
.max_w-456 { max-width: 456px !important; }
.max_w-457 { max-width: 457px !important; }
.max_w-458 { max-width: 458px !important; }
.max_w-459 { max-width: 459px !important; }
.max_w-460 { max-width: 460px !important; }
.max_w-461 { max-width: 461px !important; }
.max_w-462 { max-width: 462px !important; }
.max_w-463 { max-width: 463px !important; }
.max_w-464 { max-width: 464px !important; }
.max_w-465 { max-width: 465px !important; }
.max_w-466 { max-width: 466px !important; }
.max_w-467 { max-width: 467px !important; }
.max_w-468 { max-width: 468px !important; }
.max_w-469 { max-width: 469px !important; }
.max_w-470 { max-width: 470px !important; }
.max_w-471 { max-width: 471px !important; }
.max_w-472 { max-width: 472px !important; }
.max_w-473 { max-width: 473px !important; }
.max_w-474 { max-width: 474px !important; }
.max_w-475 { max-width: 475px !important; }
.max_w-476 { max-width: 476px !important; }
.max_w-477 { max-width: 477px !important; }
.max_w-478 { max-width: 478px !important; }
.max_w-479 { max-width: 479px !important; }
.max_w-480 { max-width: 480px !important; }
.max_w-481 { max-width: 481px !important; }
.max_w-482 { max-width: 482px !important; }
.max_w-483 { max-width: 483px !important; }
.max_w-484 { max-width: 484px !important; }
.max_w-485 { max-width: 485px !important; }
.max_w-486 { max-width: 486px !important; }
.max_w-487 { max-width: 487px !important; }
.max_w-488 { max-width: 488px !important; }
.max_w-489 { max-width: 489px !important; }
.max_w-490 { max-width: 490px !important; }
.max_w-491 { max-width: 491px !important; }
.max_w-492 { max-width: 492px !important; }
.max_w-493 { max-width: 493px !important; }
.max_w-494 { max-width: 494px !important; }
.max_w-495 { max-width: 495px !important; }
.max_w-496 { max-width: 496px !important; }
.max_w-497 { max-width: 497px !important; }
.max_w-498 { max-width: 498px !important; }
.max_w-499 { max-width: 499px !important; }
.max_w-500 { max-width: 500px !important; }
.top-0 { top: 0px !important; }
.top-1 { top: 1px !important; }
.top-2 { top: 2px !important; }
.top-3 { top: 3px !important; }
.top-4 { top: 4px !important; }
.top-5 { top: 5px !important; }
.top-6 { top: 6px !important; }
.top-7 { top: 7px !important; }
.top-8 { top: 8px !important; }
.top-9 { top: 9px !important; }
.top-10 { top: 10px !important; }
.top-11 { top: 11px !important; }
.top-12 { top: 12px !important; }
.top-13 { top: 13px !important; }
.top-14 { top: 14px !important; }
.top-15 { top: 15px !important; }
.px-6 { padding-left: 6px !important; padding-right: 6px !important; }
.px-7 { padding-left: 7px !important; padding-right: 7px !important; }
.px-8 { padding-left: 8px !important; padding-right: 8px !important; }
.px-9 { padding-left: 9px !important; padding-right: 9px !important; }
.px-10 { padding-left: 10px !important; padding-right: 10px !important; }
.px-11 { padding-left: 11px !important; padding-right: 11px !important; }
.px-12 { padding-left: 12px !important; padding-right: 12px !important; }
.px-13 { padding-left: 13px !important; padding-right: 13px !important; }
.px-14 { padding-left: 14px !important; padding-right: 14px !important; }
.px-15 { padding-left: 15px !important; padding-right: 15px !important; }
.px-16 { padding-left: 16px !important; padding-right: 16px !important; }
.px-17 { padding-left: 17px !important; padding-right: 17px !important; }
.px-18 { padding-left: 18px !important; padding-right: 18px !important; }
.px-19 { padding-left: 19px !important; padding-right: 19px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-21 { padding-left: 21px !important; padding-right: 21px !important; }
.px-22 { padding-left: 22px !important; padding-right: 22px !important; }
.px-23 { padding-left: 23px !important; padding-right: 23px !important; }
.px-24 { padding-left: 24px !important; padding-right: 24px !important; }
.px-25 { padding-left: 25px !important; padding-right: 25px !important; }
.px-26 { padding-left: 26px !important; padding-right: 26px !important; }
.px-27 { padding-left: 27px !important; padding-right: 27px !important; }
.px-28 { padding-left: 28px !important; padding-right: 28px !important; }
.px-29 { padding-left: 29px !important; padding-right: 29px !important; }
.px-30 { padding-left: 30px !important; padding-right: 30px !important; }
.px-31 { padding-left: 31px !important; padding-right: 31px !important; }
.px-32 { padding-left: 32px !important; padding-right: 32px !important; }
.px-33 { padding-left: 33px !important; padding-right: 33px !important; }
.px-34 { padding-left: 34px !important; padding-right: 34px !important; }
.px-35 { padding-left: 35px !important; padding-right: 35px !important; }
.px-36 { padding-left: 36px !important; padding-right: 36px !important; }
.px-37 { padding-left: 37px !important; padding-right: 37px !important; }
.px-38 { padding-left: 38px !important; padding-right: 38px !important; }
.px-39 { padding-left: 39px !important; padding-right: 39px !important; }
.px-40 { padding-left: 40px !important; padding-right: 40px !important; }
.px-41 { padding-left: 41px !important; padding-right: 41px !important; }
.px-42 { padding-left: 42px !important; padding-right: 42px !important; }
.px-43 { padding-left: 43px !important; padding-right: 43px !important; }
.px-44 { padding-left: 44px !important; padding-right: 44px !important; }
.px-45 { padding-left: 45px !important; padding-right: 45px !important; }
.px-46 { padding-left: 46px !important; padding-right: 46px !important; }
.px-47 { padding-left: 47px !important; padding-right: 47px !important; }
.px-48 { padding-left: 48px !important; padding-right: 48px !important; }
.px-49 { padding-left: 49px !important; padding-right: 49px !important; }
.px-50 { padding-left: 50px !important; padding-right: 50px !important; }
.px-51 { padding-left: 51px !important; padding-right: 51px !important; }
.px-52 { padding-left: 52px !important; padding-right: 52px !important; }
.px-53 { padding-left: 53px !important; padding-right: 53px !important; }
.px-54 { padding-left: 54px !important; padding-right: 54px !important; }
.px-55 { padding-left: 55px !important; padding-right: 55px !important; }
.px-56 { padding-left: 56px !important; padding-right: 56px !important; }
.px-57 { padding-left: 57px !important; padding-right: 57px !important; }
.px-58 { padding-left: 58px !important; padding-right: 58px !important; }
.px-59 { padding-left: 59px !important; padding-right: 59px !important; }
.px-60 { padding-left: 60px !important; padding-right: 60px !important; }
.px-61 { padding-left: 61px !important; padding-right: 61px !important; }
.px-62 { padding-left: 62px !important; padding-right: 62px !important; }
.px-63 { padding-left: 63px !important; padding-right: 63px !important; }
.px-64 { padding-left: 64px !important; padding-right: 64px !important; }
.px-65 { padding-left: 65px !important; padding-right: 65px !important; }
.px-66 { padding-left: 66px !important; padding-right: 66px !important; }
.px-67 { padding-left: 67px !important; padding-right: 67px !important; }
.px-68 { padding-left: 68px !important; padding-right: 68px !important; }
.px-69 { padding-left: 69px !important; padding-right: 69px !important; }
.px-70 { padding-left: 70px !important; padding-right: 70px !important; }
.px-71 { padding-left: 71px !important; padding-right: 71px !important; }
.px-72 { padding-left: 72px !important; padding-right: 72px !important; }
.px-73 { padding-left: 73px !important; padding-right: 73px !important; }
.px-74 { padding-left: 74px !important; padding-right: 74px !important; }
.px-75 { padding-left: 75px !important; padding-right: 75px !important; }
.px-76 { padding-left: 76px !important; padding-right: 76px !important; }
.px-77 { padding-left: 77px !important; padding-right: 77px !important; }
.px-78 { padding-left: 78px !important; padding-right: 78px !important; }
.px-79 { padding-left: 79px !important; padding-right: 79px !important; }
.px-80 { padding-left: 80px !important; padding-right: 80px !important; }
.px-81 { padding-left: 81px !important; padding-right: 81px !important; }
.px-82 { padding-left: 82px !important; padding-right: 82px !important; }
.px-83 { padding-left: 83px !important; padding-right: 83px !important; }
.px-84 { padding-left: 84px !important; padding-right: 84px !important; }
.px-85 { padding-left: 85px !important; padding-right: 85px !important; }
.px-86 { padding-left: 86px !important; padding-right: 86px !important; }
.px-87 { padding-left: 87px !important; padding-right: 87px !important; }
.px-88 { padding-left: 88px !important; padding-right: 88px !important; }
.px-89 { padding-left: 89px !important; padding-right: 89px !important; }
.px-90 { padding-left: 90px !important; padding-right: 90px !important; }
.px-91 { padding-left: 91px !important; padding-right: 91px !important; }
.px-92 { padding-left: 92px !important; padding-right: 92px !important; }
.px-93 { padding-left: 93px !important; padding-right: 93px !important; }
.px-94 { padding-left: 94px !important; padding-right: 94px !important; }
.px-95 { padding-left: 95px !important; padding-right: 95px !important; }
.px-96 { padding-left: 96px !important; padding-right: 96px !important; }
.px-97 { padding-left: 97px !important; padding-right: 97px !important; }
.px-98 { padding-left: 98px !important; padding-right: 98px !important; }
.px-99 { padding-left: 99px !important; padding-right: 99px !important; }
.px-100 { padding-left: 100px !important; padding-right: 100px !important; }
.max-height-6 { max-height: 6px; }
.max-height-7 { max-height: 7px; }
.max-height-8 { max-height: 8px; }
.max-height-9 { max-height: 9px; }
.max-height-10 { max-height: 10px; }
.max-height-11 { max-height: 11px; }
.max-height-12 { max-height: 12px; }
.max-height-13 { max-height: 13px; }
.max-height-14 { max-height: 14px; }
.max-height-15 { max-height: 15px; }
.max-height-16 { max-height: 16px; }
.max-height-17 { max-height: 17px; }
.max-height-18 { max-height: 18px; }
.max-height-19 { max-height: 19px; }
.max-height-20 { max-height: 20px; }
.max-height-21 { max-height: 21px; }
.max-height-22 { max-height: 22px; }
.max-height-23 { max-height: 23px; }
.max-height-24 { max-height: 24px; }
.max-height-25 { max-height: 25px; }
.max-height-26 { max-height: 26px; }
.max-height-27 { max-height: 27px; }
.max-height-28 { max-height: 28px; }
.max-height-29 { max-height: 29px; }
.max-height-30 { max-height: 30px; }
.max-height-31 { max-height: 31px; }
.max-height-32 { max-height: 32px; }
.max-height-33 { max-height: 33px; }
.max-height-34 { max-height: 34px; }
.max-height-35 { max-height: 35px; }
.max-height-36 { max-height: 36px; }
.max-height-37 { max-height: 37px; }
.max-height-38 { max-height: 38px; }
.max-height-39 { max-height: 39px; }
.max-height-40 { max-height: 40px; }
.max-height-41 { max-height: 41px; }
.max-height-42 { max-height: 42px; }
.max-height-43 { max-height: 43px; }
.max-height-44 { max-height: 44px; }
.max-height-45 { max-height: 45px; }
.max-height-46 { max-height: 46px; }
.max-height-47 { max-height: 47px; }
.max-height-48 { max-height: 48px; }
.max-height-49 { max-height: 49px; }
.max-height-50 { max-height: 50px; }
.max-height-51 { max-height: 51px; }
.max-height-52 { max-height: 52px; }
.max-height-53 { max-height: 53px; }
.max-height-54 { max-height: 54px; }
.max-height-55 { max-height: 55px; }
.max-height-56 { max-height: 56px; }
.max-height-57 { max-height: 57px; }
.max-height-58 { max-height: 58px; }
.max-height-59 { max-height: 59px; }
.max-height-60 { max-height: 60px; }
.max-height-61 { max-height: 61px; }
.max-height-62 { max-height: 62px; }
.max-height-63 { max-height: 63px; }
.max-height-64 { max-height: 64px; }
.max-height-65 { max-height: 65px; }
.max-height-66 { max-height: 66px; }
.max-height-67 { max-height: 67px; }
.max-height-68 { max-height: 68px; }
.max-height-69 { max-height: 69px; }
.max-height-70 { max-height: 70px; }
.max-height-71 { max-height: 71px; }
.max-height-72 { max-height: 72px; }
.max-height-73 { max-height: 73px; }
.max-height-74 { max-height: 74px; }
.max-height-75 { max-height: 75px; }
.max-height-76 { max-height: 76px; }
.max-height-77 { max-height: 77px; }
.max-height-78 { max-height: 78px; }
.max-height-79 { max-height: 79px; }
.max-height-80 { max-height: 80px; }
.max-height-81 { max-height: 81px; }
.max-height-82 { max-height: 82px; }
.max-height-83 { max-height: 83px; }
.max-height-84 { max-height: 84px; }
.max-height-85 { max-height: 85px; }
.max-height-86 { max-height: 86px; }
.max-height-87 { max-height: 87px; }
.max-height-88 { max-height: 88px; }
.max-height-89 { max-height: 89px; }
.max-height-90 { max-height: 90px; }
.max-height-91 { max-height: 91px; }
.max-height-92 { max-height: 92px; }
.max-height-93 { max-height: 93px; }
.max-height-94 { max-height: 94px; }
.max-height-95 { max-height: 95px; }
.max-height-96 { max-height: 96px; }
.max-height-97 { max-height: 97px; }
.max-height-98 { max-height: 98px; }
.max-height-99 { max-height: 99px; }
.max-height-100 { max-height: 100px; }
.max-height-101 { max-height: 101px; }
.max-height-102 { max-height: 102px; }
.max-height-103 { max-height: 103px; }
.max-height-104 { max-height: 104px; }
.max-height-105 { max-height: 105px; }
.max-height-106 { max-height: 106px; }
.max-height-107 { max-height: 107px; }
.max-height-108 { max-height: 108px; }
.max-height-109 { max-height: 109px; }
.max-height-110 { max-height: 110px; }
.max-height-111 { max-height: 111px; }
.max-height-112 { max-height: 112px; }
.max-height-113 { max-height: 113px; }
.max-height-114 { max-height: 114px; }
.max-height-115 { max-height: 115px; }
.max-height-116 { max-height: 116px; }
.max-height-117 { max-height: 117px; }
.max-height-118 { max-height: 118px; }
.max-height-119 { max-height: 119px; }
.max-height-120 { max-height: 120px; }
.max-height-121 { max-height: 121px; }
.max-height-122 { max-height: 122px; }
.max-height-123 { max-height: 123px; }
.max-height-124 { max-height: 124px; }
.max-height-125 { max-height: 125px; }
.max-height-126 { max-height: 126px; }
.max-height-127 { max-height: 127px; }
.max-height-128 { max-height: 128px; }
.max-height-129 { max-height: 129px; }
.max-height-130 { max-height: 130px; }
.max-height-131 { max-height: 131px; }
.max-height-132 { max-height: 132px; }
.max-height-133 { max-height: 133px; }
.max-height-134 { max-height: 134px; }
.max-height-135 { max-height: 135px; }
.max-height-136 { max-height: 136px; }
.max-height-137 { max-height: 137px; }
.max-height-138 { max-height: 138px; }
.max-height-139 { max-height: 139px; }
.max-height-140 { max-height: 140px; }
.max-height-141 { max-height: 141px; }
.max-height-142 { max-height: 142px; }
.max-height-143 { max-height: 143px; }
.max-height-144 { max-height: 144px; }
.max-height-145 { max-height: 145px; }
.max-height-146 { max-height: 146px; }
.max-height-147 { max-height: 147px; }
.max-height-148 { max-height: 148px; }
.max-height-149 { max-height: 149px; }
.max-height-150 { max-height: 150px; }
.max-height-151 { max-height: 151px; }
.max-height-152 { max-height: 152px; }
.max-height-153 { max-height: 153px; }
.max-height-154 { max-height: 154px; }
.max-height-155 { max-height: 155px; }
.max-height-156 { max-height: 156px; }
.max-height-157 { max-height: 157px; }
.max-height-158 { max-height: 158px; }
.max-height-159 { max-height: 159px; }
.max-height-160 { max-height: 160px; }
.max-height-161 { max-height: 161px; }
.max-height-162 { max-height: 162px; }
.max-height-163 { max-height: 163px; }
.max-height-164 { max-height: 164px; }
.max-height-165 { max-height: 165px; }
.max-height-166 { max-height: 166px; }
.max-height-167 { max-height: 167px; }
.max-height-168 { max-height: 168px; }
.max-height-169 { max-height: 169px; }
.max-height-170 { max-height: 170px; }
.max-height-171 { max-height: 171px; }
.max-height-172 { max-height: 172px; }
.max-height-173 { max-height: 173px; }
.max-height-174 { max-height: 174px; }
.max-height-175 { max-height: 175px; }
.max-height-176 { max-height: 176px; }
.max-height-177 { max-height: 177px; }
.max-height-178 { max-height: 178px; }
.max-height-179 { max-height: 179px; }
.max-height-180 { max-height: 180px; }
.max-height-181 { max-height: 181px; }
.max-height-182 { max-height: 182px; }
.max-height-183 { max-height: 183px; }
.max-height-184 { max-height: 184px; }
.max-height-185 { max-height: 185px; }
.max-height-186 { max-height: 186px; }
.max-height-187 { max-height: 187px; }
.max-height-188 { max-height: 188px; }
.max-height-189 { max-height: 189px; }
.max-height-190 { max-height: 190px; }
.max-height-191 { max-height: 191px; }
.max-height-192 { max-height: 192px; }
.max-height-193 { max-height: 193px; }
.max-height-194 { max-height: 194px; }
.max-height-195 { max-height: 195px; }
.max-height-196 { max-height: 196px; }
.max-height-197 { max-height: 197px; }
.max-height-198 { max-height: 198px; }
.max-height-199 { max-height: 199px; }
.max-height-200 { max-height: 200px; }
.max-height-201 { max-height: 201px; }
.max-height-202 { max-height: 202px; }
.max-height-203 { max-height: 203px; }
.max-height-204 { max-height: 204px; }
.max-height-205 { max-height: 205px; }
.max-height-206 { max-height: 206px; }
.max-height-207 { max-height: 207px; }
.max-height-208 { max-height: 208px; }
.max-height-209 { max-height: 209px; }
.max-height-210 { max-height: 210px; }
.max-height-211 { max-height: 211px; }
.max-height-212 { max-height: 212px; }
.max-height-213 { max-height: 213px; }
.max-height-214 { max-height: 214px; }
.max-height-215 { max-height: 215px; }
.max-height-216 { max-height: 216px; }
.max-height-217 { max-height: 217px; }
.max-height-218 { max-height: 218px; }
.max-height-219 { max-height: 219px; }
.max-height-220 { max-height: 220px; }
.max-height-221 { max-height: 221px; }
.max-height-222 { max-height: 222px; }
.max-height-223 { max-height: 223px; }
.max-height-224 { max-height: 224px; }
.max-height-225 { max-height: 225px; }
.max-height-226 { max-height: 226px; }
.max-height-227 { max-height: 227px; }
.max-height-228 { max-height: 228px; }
.max-height-229 { max-height: 229px; }
.max-height-230 { max-height: 230px; }
.max-height-231 { max-height: 231px; }
.max-height-232 { max-height: 232px; }
.max-height-233 { max-height: 233px; }
.max-height-234 { max-height: 234px; }
.max-height-235 { max-height: 235px; }
.max-height-236 { max-height: 236px; }
.max-height-237 { max-height: 237px; }
.max-height-238 { max-height: 238px; }
.max-height-239 { max-height: 239px; }
.max-height-240 { max-height: 240px; }
.max-height-241 { max-height: 241px; }
.max-height-242 { max-height: 242px; }
.max-height-243 { max-height: 243px; }
.max-height-244 { max-height: 244px; }
.max-height-245 { max-height: 245px; }
.max-height-246 { max-height: 246px; }
.max-height-247 { max-height: 247px; }
.max-height-248 { max-height: 248px; }
.max-height-249 { max-height: 249px; }
.max-height-250 { max-height: 250px; }
.max-height-251 { max-height: 251px; }
.max-height-252 { max-height: 252px; }
.max-height-253 { max-height: 253px; }
.max-height-254 { max-height: 254px; }
.max-height-255 { max-height: 255px; }
.max-height-256 { max-height: 256px; }
.max-height-257 { max-height: 257px; }
.max-height-258 { max-height: 258px; }
.max-height-259 { max-height: 259px; }
.max-height-260 { max-height: 260px; }
.max-height-261 { max-height: 261px; }
.max-height-262 { max-height: 262px; }
.max-height-263 { max-height: 263px; }
.max-height-264 { max-height: 264px; }
.max-height-265 { max-height: 265px; }
.max-height-266 { max-height: 266px; }
.max-height-267 { max-height: 267px; }
.max-height-268 { max-height: 268px; }
.max-height-269 { max-height: 269px; }
.max-height-270 { max-height: 270px; }
.max-height-271 { max-height: 271px; }
.max-height-272 { max-height: 272px; }
.max-height-273 { max-height: 273px; }
.max-height-274 { max-height: 274px; }
.max-height-275 { max-height: 275px; }
.max-height-276 { max-height: 276px; }
.max-height-277 { max-height: 277px; }
.max-height-278 { max-height: 278px; }
.max-height-279 { max-height: 279px; }
.max-height-280 { max-height: 280px; }
.max-height-281 { max-height: 281px; }
.max-height-282 { max-height: 282px; }
.max-height-283 { max-height: 283px; }
.max-height-284 { max-height: 284px; }
.max-height-285 { max-height: 285px; }
.max-height-286 { max-height: 286px; }
.max-height-287 { max-height: 287px; }
.max-height-288 { max-height: 288px; }
.max-height-289 { max-height: 289px; }
.max-height-290 { max-height: 290px; }
.max-height-291 { max-height: 291px; }
.max-height-292 { max-height: 292px; }
.max-height-293 { max-height: 293px; }
.max-height-294 { max-height: 294px; }
.max-height-295 { max-height: 295px; }
.max-height-296 { max-height: 296px; }
.max-height-297 { max-height: 297px; }
.max-height-298 { max-height: 298px; }
.max-height-299 { max-height: 299px; }
.max-height-300 { max-height: 300px; }
.max-height-301 { max-height: 301px; }
.max-height-302 { max-height: 302px; }
.max-height-303 { max-height: 303px; }
.max-height-304 { max-height: 304px; }
.max-height-305 { max-height: 305px; }
.max-height-306 { max-height: 306px; }
.max-height-307 { max-height: 307px; }
.max-height-308 { max-height: 308px; }
.max-height-309 { max-height: 309px; }
.max-height-310 { max-height: 310px; }
.max-height-311 { max-height: 311px; }
.max-height-312 { max-height: 312px; }
.max-height-313 { max-height: 313px; }
.max-height-314 { max-height: 314px; }
.max-height-315 { max-height: 315px; }
.max-height-316 { max-height: 316px; }
.max-height-317 { max-height: 317px; }
.max-height-318 { max-height: 318px; }
.max-height-319 { max-height: 319px; }
.max-height-320 { max-height: 320px; }
.max-height-321 { max-height: 321px; }
.max-height-322 { max-height: 322px; }
.max-height-323 { max-height: 323px; }
.max-height-324 { max-height: 324px; }
.max-height-325 { max-height: 325px; }
.max-height-326 { max-height: 326px; }
.max-height-327 { max-height: 327px; }
.max-height-328 { max-height: 328px; }
.max-height-329 { max-height: 329px; }
.max-height-330 { max-height: 330px; }
.max-height-331 { max-height: 331px; }
.max-height-332 { max-height: 332px; }
.max-height-333 { max-height: 333px; }
.max-height-334 { max-height: 334px; }
.max-height-335 { max-height: 335px; }
.max-height-336 { max-height: 336px; }
.max-height-337 { max-height: 337px; }
.max-height-338 { max-height: 338px; }
.max-height-339 { max-height: 339px; }
.max-height-340 { max-height: 340px; }
.max-height-341 { max-height: 341px; }
.max-height-342 { max-height: 342px; }
.max-height-343 { max-height: 343px; }
.max-height-344 { max-height: 344px; }
.max-height-345 { max-height: 345px; }
.max-height-346 { max-height: 346px; }
.max-height-347 { max-height: 347px; }
.max-height-348 { max-height: 348px; }
.max-height-349 { max-height: 349px; }
.max-height-350 { max-height: 350px; }
.max-height-351 { max-height: 351px; }
.max-height-352 { max-height: 352px; }
.max-height-353 { max-height: 353px; }
.max-height-354 { max-height: 354px; }
.max-height-355 { max-height: 355px; }
.max-height-356 { max-height: 356px; }
.max-height-357 { max-height: 357px; }
.max-height-358 { max-height: 358px; }
.max-height-359 { max-height: 359px; }
.max-height-360 { max-height: 360px; }
.max-height-361 { max-height: 361px; }
.max-height-362 { max-height: 362px; }
.max-height-363 { max-height: 363px; }
.max-height-364 { max-height: 364px; }
.max-height-365 { max-height: 365px; }
.max-height-366 { max-height: 366px; }
.max-height-367 { max-height: 367px; }
.max-height-368 { max-height: 368px; }
.max-height-369 { max-height: 369px; }
.max-height-370 { max-height: 370px; }
.max-height-371 { max-height: 371px; }
.max-height-372 { max-height: 372px; }
.max-height-373 { max-height: 373px; }
.max-height-374 { max-height: 374px; }
.max-height-375 { max-height: 375px; }
.max-height-376 { max-height: 376px; }
.max-height-377 { max-height: 377px; }
.max-height-378 { max-height: 378px; }
.max-height-379 { max-height: 379px; }
.max-height-380 { max-height: 380px; }
.max-height-381 { max-height: 381px; }
.max-height-382 { max-height: 382px; }
.max-height-383 { max-height: 383px; }
.max-height-384 { max-height: 384px; }
.max-height-385 { max-height: 385px; }
.max-height-386 { max-height: 386px; }
.max-height-387 { max-height: 387px; }
.max-height-388 { max-height: 388px; }
.max-height-389 { max-height: 389px; }
.max-height-390 { max-height: 390px; }
.max-height-391 { max-height: 391px; }
.max-height-392 { max-height: 392px; }
.max-height-393 { max-height: 393px; }
.max-height-394 { max-height: 394px; }
.max-height-395 { max-height: 395px; }
.max-height-396 { max-height: 396px; }
.max-height-397 { max-height: 397px; }
.max-height-398 { max-height: 398px; }
.max-height-399 { max-height: 399px; }
.max-height-400 { max-height: 400px; }
.max-height-401 { max-height: 401px; }
.max-height-402 { max-height: 402px; }
.max-height-403 { max-height: 403px; }
.max-height-404 { max-height: 404px; }
.max-height-405 { max-height: 405px; }
.max-height-406 { max-height: 406px; }
.max-height-407 { max-height: 407px; }
.max-height-408 { max-height: 408px; }
.max-height-409 { max-height: 409px; }
.max-height-410 { max-height: 410px; }
.max-height-411 { max-height: 411px; }
.max-height-412 { max-height: 412px; }
.max-height-413 { max-height: 413px; }
.max-height-414 { max-height: 414px; }
.max-height-415 { max-height: 415px; }
.max-height-416 { max-height: 416px; }
.max-height-417 { max-height: 417px; }
.max-height-418 { max-height: 418px; }
.max-height-419 { max-height: 419px; }
.max-height-420 { max-height: 420px; }
.max-height-421 { max-height: 421px; }
.max-height-422 { max-height: 422px; }
.max-height-423 { max-height: 423px; }
.max-height-424 { max-height: 424px; }
.max-height-425 { max-height: 425px; }
.max-height-426 { max-height: 426px; }
.max-height-427 { max-height: 427px; }
.max-height-428 { max-height: 428px; }
.max-height-429 { max-height: 429px; }
.max-height-430 { max-height: 430px; }
.max-height-431 { max-height: 431px; }
.max-height-432 { max-height: 432px; }
.max-height-433 { max-height: 433px; }
.max-height-434 { max-height: 434px; }
.max-height-435 { max-height: 435px; }
.max-height-436 { max-height: 436px; }
.max-height-437 { max-height: 437px; }
.max-height-438 { max-height: 438px; }
.max-height-439 { max-height: 439px; }
.max-height-440 { max-height: 440px; }
.max-height-441 { max-height: 441px; }
.max-height-442 { max-height: 442px; }
.max-height-443 { max-height: 443px; }
.max-height-444 { max-height: 444px; }
.max-height-445 { max-height: 445px; }
.max-height-446 { max-height: 446px; }
.max-height-447 { max-height: 447px; }
.max-height-448 { max-height: 448px; }
.max-height-449 { max-height: 449px; }
.max-height-450 { max-height: 450px; }
.max-height-451 { max-height: 451px; }
.max-height-452 { max-height: 452px; }
.max-height-453 { max-height: 453px; }
.max-height-454 { max-height: 454px; }
.max-height-455 { max-height: 455px; }
.max-height-456 { max-height: 456px; }
.max-height-457 { max-height: 457px; }
.max-height-458 { max-height: 458px; }
.max-height-459 { max-height: 459px; }
.max-height-460 { max-height: 460px; }
.max-height-461 { max-height: 461px; }
.max-height-462 { max-height: 462px; }
.max-height-463 { max-height: 463px; }
.max-height-464 { max-height: 464px; }
.max-height-465 { max-height: 465px; }
.max-height-466 { max-height: 466px; }
.max-height-467 { max-height: 467px; }
.max-height-468 { max-height: 468px; }
.max-height-469 { max-height: 469px; }
.max-height-470 { max-height: 470px; }
.max-height-471 { max-height: 471px; }
.max-height-472 { max-height: 472px; }
.max-height-473 { max-height: 473px; }
.max-height-474 { max-height: 474px; }
.max-height-475 { max-height: 475px; }
.max-height-476 { max-height: 476px; }
.max-height-477 { max-height: 477px; }
.max-height-478 { max-height: 478px; }
.max-height-479 { max-height: 479px; }
.max-height-480 { max-height: 480px; }
.max-height-481 { max-height: 481px; }
.max-height-482 { max-height: 482px; }
.max-height-483 { max-height: 483px; }
.max-height-484 { max-height: 484px; }
.max-height-485 { max-height: 485px; }
.max-height-486 { max-height: 486px; }
.max-height-487 { max-height: 487px; }
.max-height-488 { max-height: 488px; }
.max-height-489 { max-height: 489px; }
.max-height-490 { max-height: 490px; }
.max-height-491 { max-height: 491px; }
.max-height-492 { max-height: 492px; }
.max-height-493 { max-height: 493px; }
.max-height-494 { max-height: 494px; }
.max-height-495 { max-height: 495px; }
.max-height-496 { max-height: 496px; }
.max-height-497 { max-height: 497px; }
.max-height-498 { max-height: 498px; }
.max-height-499 { max-height: 499px; }
.max-height-500 { max-height: 500px; }
.max-height-501 { max-height: 501px; }
.max-height-502 { max-height: 502px; }
.max-height-503 { max-height: 503px; }
.max-height-504 { max-height: 504px; }
.max-height-505 { max-height: 505px; }
.max-height-506 { max-height: 506px; }
.max-height-507 { max-height: 507px; }
.max-height-508 { max-height: 508px; }
.max-height-509 { max-height: 509px; }
.max-height-510 { max-height: 510px; }
.max-height-511 { max-height: 511px; }
.max-height-512 { max-height: 512px; }
.max-height-513 { max-height: 513px; }
.max-height-514 { max-height: 514px; }
.max-height-515 { max-height: 515px; }
.max-height-516 { max-height: 516px; }
.max-height-517 { max-height: 517px; }
.max-height-518 { max-height: 518px; }
.max-height-519 { max-height: 519px; }
.max-height-520 { max-height: 520px; }
.max-height-521 { max-height: 521px; }
.max-height-522 { max-height: 522px; }
.max-height-523 { max-height: 523px; }
.max-height-524 { max-height: 524px; }
.max-height-525 { max-height: 525px; }
.max-height-526 { max-height: 526px; }
.max-height-527 { max-height: 527px; }
.max-height-528 { max-height: 528px; }
.max-height-529 { max-height: 529px; }
.max-height-530 { max-height: 530px; }
.max-height-531 { max-height: 531px; }
.max-height-532 { max-height: 532px; }
.max-height-533 { max-height: 533px; }
.max-height-534 { max-height: 534px; }
.max-height-535 { max-height: 535px; }
.max-height-536 { max-height: 536px; }
.max-height-537 { max-height: 537px; }
.max-height-538 { max-height: 538px; }
.max-height-539 { max-height: 539px; }
.max-height-540 { max-height: 540px; }
.max-height-541 { max-height: 541px; }
.max-height-542 { max-height: 542px; }
.max-height-543 { max-height: 543px; }
.max-height-544 { max-height: 544px; }
.max-height-545 { max-height: 545px; }
.max-height-546 { max-height: 546px; }
.max-height-547 { max-height: 547px; }
.max-height-548 { max-height: 548px; }
.max-height-549 { max-height: 549px; }
.max-height-550 { max-height: 550px; }
.max-height-551 { max-height: 551px; }
.max-height-552 { max-height: 552px; }
.max-height-553 { max-height: 553px; }
.max-height-554 { max-height: 554px; }
.max-height-555 { max-height: 555px; }
.max-height-556 { max-height: 556px; }
.max-height-557 { max-height: 557px; }
.max-height-558 { max-height: 558px; }
.max-height-559 { max-height: 559px; }
.max-height-560 { max-height: 560px; }
.max-height-561 { max-height: 561px; }
.max-height-562 { max-height: 562px; }
.max-height-563 { max-height: 563px; }
.max-height-564 { max-height: 564px; }
.max-height-565 { max-height: 565px; }
.max-height-566 { max-height: 566px; }
.max-height-567 { max-height: 567px; }
.max-height-568 { max-height: 568px; }
.max-height-569 { max-height: 569px; }
.max-height-570 { max-height: 570px; }
.max-height-571 { max-height: 571px; }
.max-height-572 { max-height: 572px; }
.max-height-573 { max-height: 573px; }
.max-height-574 { max-height: 574px; }
.max-height-575 { max-height: 575px; }
.max-height-576 { max-height: 576px; }
.max-height-577 { max-height: 577px; }
.max-height-578 { max-height: 578px; }
.max-height-579 { max-height: 579px; }
.max-height-580 { max-height: 580px; }
.max-height-581 { max-height: 581px; }
.max-height-582 { max-height: 582px; }
.max-height-583 { max-height: 583px; }
.max-height-584 { max-height: 584px; }
.max-height-585 { max-height: 585px; }
.max-height-586 { max-height: 586px; }
.max-height-587 { max-height: 587px; }
.max-height-588 { max-height: 588px; }
.max-height-589 { max-height: 589px; }
.max-height-590 { max-height: 590px; }
.max-height-591 { max-height: 591px; }
.max-height-592 { max-height: 592px; }
.max-height-593 { max-height: 593px; }
.max-height-594 { max-height: 594px; }
.max-height-595 { max-height: 595px; }
.max-height-596 { max-height: 596px; }
.max-height-597 { max-height: 597px; }
.max-height-598 { max-height: 598px; }
.max-height-599 { max-height: 599px; }
.max-height-600 { max-height: 600px; }
.max-height-601 { max-height: 601px; }
.max-height-602 { max-height: 602px; }
.max-height-603 { max-height: 603px; }
.max-height-604 { max-height: 604px; }
.max-height-605 { max-height: 605px; }
.max-height-606 { max-height: 606px; }
.max-height-607 { max-height: 607px; }
.max-height-608 { max-height: 608px; }
.max-height-609 { max-height: 609px; }
.max-height-610 { max-height: 610px; }
.max-height-611 { max-height: 611px; }
.max-height-612 { max-height: 612px; }
.max-height-613 { max-height: 613px; }
.max-height-614 { max-height: 614px; }
.max-height-615 { max-height: 615px; }
.max-height-616 { max-height: 616px; }
.max-height-617 { max-height: 617px; }
.max-height-618 { max-height: 618px; }
.max-height-619 { max-height: 619px; }
.max-height-620 { max-height: 620px; }
.max-height-621 { max-height: 621px; }
.max-height-622 { max-height: 622px; }
.max-height-623 { max-height: 623px; }
.max-height-624 { max-height: 624px; }
.max-height-625 { max-height: 625px; }
.max-height-626 { max-height: 626px; }
.max-height-627 { max-height: 627px; }
.max-height-628 { max-height: 628px; }
.max-height-629 { max-height: 629px; }
.max-height-630 { max-height: 630px; }
.max-height-631 { max-height: 631px; }
.max-height-632 { max-height: 632px; }
.max-height-633 { max-height: 633px; }
.max-height-634 { max-height: 634px; }
.max-height-635 { max-height: 635px; }
.max-height-636 { max-height: 636px; }
.max-height-637 { max-height: 637px; }
.max-height-638 { max-height: 638px; }
.max-height-639 { max-height: 639px; }
.max-height-640 { max-height: 640px; }
.max-height-641 { max-height: 641px; }
.max-height-642 { max-height: 642px; }
.max-height-643 { max-height: 643px; }
.max-height-644 { max-height: 644px; }
.max-height-645 { max-height: 645px; }
.max-height-646 { max-height: 646px; }
.max-height-647 { max-height: 647px; }
.max-height-648 { max-height: 648px; }
.max-height-649 { max-height: 649px; }
.max-height-650 { max-height: 650px; }
.max-height-651 { max-height: 651px; }
.max-height-652 { max-height: 652px; }
.max-height-653 { max-height: 653px; }
.max-height-654 { max-height: 654px; }
.max-height-655 { max-height: 655px; }
.max-height-656 { max-height: 656px; }
.max-height-657 { max-height: 657px; }
.max-height-658 { max-height: 658px; }
.max-height-659 { max-height: 659px; }
.max-height-660 { max-height: 660px; }
.max-height-661 { max-height: 661px; }
.max-height-662 { max-height: 662px; }
.max-height-663 { max-height: 663px; }
.max-height-664 { max-height: 664px; }
.max-height-665 { max-height: 665px; }
.max-height-666 { max-height: 666px; }
.max-height-667 { max-height: 667px; }
.max-height-668 { max-height: 668px; }
.max-height-669 { max-height: 669px; }
.max-height-670 { max-height: 670px; }
.max-height-671 { max-height: 671px; }
.max-height-672 { max-height: 672px; }
.max-height-673 { max-height: 673px; }
.max-height-674 { max-height: 674px; }
.max-height-675 { max-height: 675px; }
.max-height-676 { max-height: 676px; }
.max-height-677 { max-height: 677px; }
.max-height-678 { max-height: 678px; }
.max-height-679 { max-height: 679px; }
.max-height-680 { max-height: 680px; }
.max-height-681 { max-height: 681px; }
.max-height-682 { max-height: 682px; }
.max-height-683 { max-height: 683px; }
.max-height-684 { max-height: 684px; }
.max-height-685 { max-height: 685px; }
.max-height-686 { max-height: 686px; }
.max-height-687 { max-height: 687px; }
.max-height-688 { max-height: 688px; }
.max-height-689 { max-height: 689px; }
.max-height-690 { max-height: 690px; }
.max-height-691 { max-height: 691px; }
.max-height-692 { max-height: 692px; }
.max-height-693 { max-height: 693px; }
.max-height-694 { max-height: 694px; }
.max-height-695 { max-height: 695px; }
.max-height-696 { max-height: 696px; }
.max-height-697 { max-height: 697px; }
.max-height-698 { max-height: 698px; }
.max-height-699 { max-height: 699px; }
.max-height-700 { max-height: 700px; }
.font-100 { font-weight: 100 !important; }
.font-200 { font-weight: 200 !important; }
.font-300 { font-weight: 300 !important; }
.font-400 { font-weight: 400 !important; }
.font-500 { font-weight: 500 !important; }
.font-600 { font-weight: 600 !important; }
.font-700 { font-weight: 700 !important; }
.font-800 { font-weight: 800 !important; }
.font-900 { font-weight: 900 !important; }
.mt-6 { margin-top: 6px; }
.mb-6 { margin-bottom: 6px; }
.ml-6 { margin-left: 6px; }
.mr-6 { margin-right: 6px; }
.pt-6 { padding-top: 6px; }
.pb-6 { padding-bottom: 6px; }
.pl-6 { padding-left: 6px; }
.pr-6 { padding-right: 6px; }
.mt-7 { margin-top: 7px; }
.mb-7 { margin-bottom: 7px; }
.ml-7 { margin-left: 7px; }
.mr-7 { margin-right: 7px; }
.pt-7 { padding-top: 7px; }
.pb-7 { padding-bottom: 7px; }
.pl-7 { padding-left: 7px; }
.pr-7 { padding-right: 7px; }
.mt-8 { margin-top: 8px; }
.mb-8 { margin-bottom: 8px; }
.ml-8 { margin-left: 8px; }
.mr-8 { margin-right: 8px; }
.pt-8 { padding-top: 8px; }
.pb-8 { padding-bottom: 8px; }
.pl-8 { padding-left: 8px; }
.pr-8 { padding-right: 8px; }
.mt-9 { margin-top: 9px; }
.mb-9 { margin-bottom: 9px; }
.ml-9 { margin-left: 9px; }
.mr-9 { margin-right: 9px; }
.pt-9 { padding-top: 9px; }
.pb-9 { padding-bottom: 9px; }
.pl-9 { padding-left: 9px; }
.pr-9 { padding-right: 9px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }
.mt-11 { margin-top: 11px; }
.mb-11 { margin-bottom: 11px; }
.ml-11 { margin-left: 11px; }
.mr-11 { margin-right: 11px; }
.pt-11 { padding-top: 11px; }
.pb-11 { padding-bottom: 11px; }
.pl-11 { padding-left: 11px; }
.pr-11 { padding-right: 11px; }
.mt-12 { margin-top: 12px; }
.mb-12 { margin-bottom: 12px; }
.ml-12 { margin-left: 12px; }
.mr-12 { margin-right: 12px; }
.pt-12 { padding-top: 12px; }
.pb-12 { padding-bottom: 12px; }
.pl-12 { padding-left: 12px; }
.pr-12 { padding-right: 12px; }
.mt-13 { margin-top: 13px; }
.mb-13 { margin-bottom: 13px; }
.ml-13 { margin-left: 13px; }
.mr-13 { margin-right: 13px; }
.pt-13 { padding-top: 13px; }
.pb-13 { padding-bottom: 13px; }
.pl-13 { padding-left: 13px; }
.pr-13 { padding-right: 13px; }
.mt-14 { margin-top: 14px; }
.mb-14 { margin-bottom: 14px; }
.ml-14 { margin-left: 14px; }
.mr-14 { margin-right: 14px; }
.pt-14 { padding-top: 14px; }
.pb-14 { padding-bottom: 14px; }
.pl-14 { padding-left: 14px; }
.pr-14 { padding-right: 14px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }
.ml-15 { margin-left: 15px; }
.mr-15 { margin-right: 15px; }
.pt-15 { padding-top: 15px; }
.pb-15 { padding-bottom: 15px; }
.pl-15 { padding-left: 15px; }
.pr-15 { padding-right: 15px; }
.mt-16 { margin-top: 16px; }
.mb-16 { margin-bottom: 16px; }
.ml-16 { margin-left: 16px; }
.mr-16 { margin-right: 16px; }
.pt-16 { padding-top: 16px; }
.pb-16 { padding-bottom: 16px; }
.pl-16 { padding-left: 16px; }
.pr-16 { padding-right: 16px; }
.mt-17 { margin-top: 17px; }
.mb-17 { margin-bottom: 17px; }
.ml-17 { margin-left: 17px; }
.mr-17 { margin-right: 17px; }
.pt-17 { padding-top: 17px; }
.pb-17 { padding-bottom: 17px; }
.pl-17 { padding-left: 17px; }
.pr-17 { padding-right: 17px; }
.mt-18 { margin-top: 18px; }
.mb-18 { margin-bottom: 18px; }
.ml-18 { margin-left: 18px; }
.mr-18 { margin-right: 18px; }
.pt-18 { padding-top: 18px; }
.pb-18 { padding-bottom: 18px; }
.pl-18 { padding-left: 18px; }
.pr-18 { padding-right: 18px; }
.mt-19 { margin-top: 19px; }
.mb-19 { margin-bottom: 19px; }
.ml-19 { margin-left: 19px; }
.mr-19 { margin-right: 19px; }
.pt-19 { padding-top: 19px; }
.pb-19 { padding-bottom: 19px; }
.pl-19 { padding-left: 19px; }
.pr-19 { padding-right: 19px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.pl-20 { padding-left: 20px; }
.pr-20 { padding-right: 20px; }
.mt-21 { margin-top: 21px; }
.mb-21 { margin-bottom: 21px; }
.ml-21 { margin-left: 21px; }
.mr-21 { margin-right: 21px; }
.pt-21 { padding-top: 21px; }
.pb-21 { padding-bottom: 21px; }
.pl-21 { padding-left: 21px; }
.pr-21 { padding-right: 21px; }
.mt-22 { margin-top: 22px; }
.mb-22 { margin-bottom: 22px; }
.ml-22 { margin-left: 22px; }
.mr-22 { margin-right: 22px; }
.pt-22 { padding-top: 22px; }
.pb-22 { padding-bottom: 22px; }
.pl-22 { padding-left: 22px; }
.pr-22 { padding-right: 22px; }
.mt-23 { margin-top: 23px; }
.mb-23 { margin-bottom: 23px; }
.ml-23 { margin-left: 23px; }
.mr-23 { margin-right: 23px; }
.pt-23 { padding-top: 23px; }
.pb-23 { padding-bottom: 23px; }
.pl-23 { padding-left: 23px; }
.pr-23 { padding-right: 23px; }
.mt-24 { margin-top: 24px; }
.mb-24 { margin-bottom: 24px; }
.ml-24 { margin-left: 24px; }
.mr-24 { margin-right: 24px; }
.pt-24 { padding-top: 24px; }
.pb-24 { padding-bottom: 24px; }
.pl-24 { padding-left: 24px; }
.pr-24 { padding-right: 24px; }
.mt-25 { margin-top: 25px; }
.mb-25 { margin-bottom: 25px; }
.ml-25 { margin-left: 25px; }
.mr-25 { margin-right: 25px; }
.pt-25 { padding-top: 25px; }
.pb-25 { padding-bottom: 25px; }
.pl-25 { padding-left: 25px; }
.pr-25 { padding-right: 25px; }
.mt-26 { margin-top: 26px; }
.mb-26 { margin-bottom: 26px; }
.ml-26 { margin-left: 26px; }
.mr-26 { margin-right: 26px; }
.pt-26 { padding-top: 26px; }
.pb-26 { padding-bottom: 26px; }
.pl-26 { padding-left: 26px; }
.pr-26 { padding-right: 26px; }
.mt-27 { margin-top: 27px; }
.mb-27 { margin-bottom: 27px; }
.ml-27 { margin-left: 27px; }
.mr-27 { margin-right: 27px; }
.pt-27 { padding-top: 27px; }
.pb-27 { padding-bottom: 27px; }
.pl-27 { padding-left: 27px; }
.pr-27 { padding-right: 27px; }
.mt-28 { margin-top: 28px; }
.mb-28 { margin-bottom: 28px; }
.ml-28 { margin-left: 28px; }
.mr-28 { margin-right: 28px; }
.pt-28 { padding-top: 28px; }
.pb-28 { padding-bottom: 28px; }
.pl-28 { padding-left: 28px; }
.pr-28 { padding-right: 28px; }
.mt-29 { margin-top: 29px; }
.mb-29 { margin-bottom: 29px; }
.ml-29 { margin-left: 29px; }
.mr-29 { margin-right: 29px; }
.pt-29 { padding-top: 29px; }
.pb-29 { padding-bottom: 29px; }
.pl-29 { padding-left: 29px; }
.pr-29 { padding-right: 29px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }
.ml-30 { margin-left: 30px; }
.mr-30 { margin-right: 30px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.pl-30 { padding-left: 30px; }
.pr-30 { padding-right: 30px; }
.mt-31 { margin-top: 31px; }
.mb-31 { margin-bottom: 31px; }
.ml-31 { margin-left: 31px; }
.mr-31 { margin-right: 31px; }
.pt-31 { padding-top: 31px; }
.pb-31 { padding-bottom: 31px; }
.pl-31 { padding-left: 31px; }
.pr-31 { padding-right: 31px; }
.mt-32 { margin-top: 32px; }
.mb-32 { margin-bottom: 32px; }
.ml-32 { margin-left: 32px; }
.mr-32 { margin-right: 32px; }
.pt-32 { padding-top: 32px; }
.pb-32 { padding-bottom: 32px; }
.pl-32 { padding-left: 32px; }
.pr-32 { padding-right: 32px; }
.mt-33 { margin-top: 33px; }
.mb-33 { margin-bottom: 33px; }
.ml-33 { margin-left: 33px; }
.mr-33 { margin-right: 33px; }
.pt-33 { padding-top: 33px; }
.pb-33 { padding-bottom: 33px; }
.pl-33 { padding-left: 33px; }
.pr-33 { padding-right: 33px; }
.mt-34 { margin-top: 34px; }
.mb-34 { margin-bottom: 34px; }
.ml-34 { margin-left: 34px; }
.mr-34 { margin-right: 34px; }
.pt-34 { padding-top: 34px; }
.pb-34 { padding-bottom: 34px; }
.pl-34 { padding-left: 34px; }
.pr-34 { padding-right: 34px; }
.mt-35 { margin-top: 35px; }
.mb-35 { margin-bottom: 35px; }
.ml-35 { margin-left: 35px; }
.mr-35 { margin-right: 35px; }
.pt-35 { padding-top: 35px; }
.pb-35 { padding-bottom: 35px; }
.pl-35 { padding-left: 35px; }
.pr-35 { padding-right: 35px; }
.mt-36 { margin-top: 36px; }
.mb-36 { margin-bottom: 36px; }
.ml-36 { margin-left: 36px; }
.mr-36 { margin-right: 36px; }
.pt-36 { padding-top: 36px; }
.pb-36 { padding-bottom: 36px; }
.pl-36 { padding-left: 36px; }
.pr-36 { padding-right: 36px; }
.mt-37 { margin-top: 37px; }
.mb-37 { margin-bottom: 37px; }
.ml-37 { margin-left: 37px; }
.mr-37 { margin-right: 37px; }
.pt-37 { padding-top: 37px; }
.pb-37 { padding-bottom: 37px; }
.pl-37 { padding-left: 37px; }
.pr-37 { padding-right: 37px; }
.mt-38 { margin-top: 38px; }
.mb-38 { margin-bottom: 38px; }
.ml-38 { margin-left: 38px; }
.mr-38 { margin-right: 38px; }
.pt-38 { padding-top: 38px; }
.pb-38 { padding-bottom: 38px; }
.pl-38 { padding-left: 38px; }
.pr-38 { padding-right: 38px; }
.mt-39 { margin-top: 39px; }
.mb-39 { margin-bottom: 39px; }
.ml-39 { margin-left: 39px; }
.mr-39 { margin-right: 39px; }
.pt-39 { padding-top: 39px; }
.pb-39 { padding-bottom: 39px; }
.pl-39 { padding-left: 39px; }
.pr-39 { padding-right: 39px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.ml-40 { margin-left: 40px; }
.mr-40 { margin-right: 40px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pl-40 { padding-left: 40px; }
.pr-40 { padding-right: 40px; }
.mt-41 { margin-top: 41px; }
.mb-41 { margin-bottom: 41px; }
.ml-41 { margin-left: 41px; }
.mr-41 { margin-right: 41px; }
.pt-41 { padding-top: 41px; }
.pb-41 { padding-bottom: 41px; }
.pl-41 { padding-left: 41px; }
.pr-41 { padding-right: 41px; }
.mt-42 { margin-top: 42px; }
.mb-42 { margin-bottom: 42px; }
.ml-42 { margin-left: 42px; }
.mr-42 { margin-right: 42px; }
.pt-42 { padding-top: 42px; }
.pb-42 { padding-bottom: 42px; }
.pl-42 { padding-left: 42px; }
.pr-42 { padding-right: 42px; }
.mt-43 { margin-top: 43px; }
.mb-43 { margin-bottom: 43px; }
.ml-43 { margin-left: 43px; }
.mr-43 { margin-right: 43px; }
.pt-43 { padding-top: 43px; }
.pb-43 { padding-bottom: 43px; }
.pl-43 { padding-left: 43px; }
.pr-43 { padding-right: 43px; }
.mt-44 { margin-top: 44px; }
.mb-44 { margin-bottom: 44px; }
.ml-44 { margin-left: 44px; }
.mr-44 { margin-right: 44px; }
.pt-44 { padding-top: 44px; }
.pb-44 { padding-bottom: 44px; }
.pl-44 { padding-left: 44px; }
.pr-44 { padding-right: 44px; }
.mt-45 { margin-top: 45px; }
.mb-45 { margin-bottom: 45px; }
.ml-45 { margin-left: 45px; }
.mr-45 { margin-right: 45px; }
.pt-45 { padding-top: 45px; }
.pb-45 { padding-bottom: 45px; }
.pl-45 { padding-left: 45px; }
.pr-45 { padding-right: 45px; }
.mt-46 { margin-top: 46px; }
.mb-46 { margin-bottom: 46px; }
.ml-46 { margin-left: 46px; }
.mr-46 { margin-right: 46px; }
.pt-46 { padding-top: 46px; }
.pb-46 { padding-bottom: 46px; }
.pl-46 { padding-left: 46px; }
.pr-46 { padding-right: 46px; }
.mt-47 { margin-top: 47px; }
.mb-47 { margin-bottom: 47px; }
.ml-47 { margin-left: 47px; }
.mr-47 { margin-right: 47px; }
.pt-47 { padding-top: 47px; }
.pb-47 { padding-bottom: 47px; }
.pl-47 { padding-left: 47px; }
.pr-47 { padding-right: 47px; }
.mt-48 { margin-top: 48px; }
.mb-48 { margin-bottom: 48px; }
.ml-48 { margin-left: 48px; }
.mr-48 { margin-right: 48px; }
.pt-48 { padding-top: 48px; }
.pb-48 { padding-bottom: 48px; }
.pl-48 { padding-left: 48px; }
.pr-48 { padding-right: 48px; }
.mt-49 { margin-top: 49px; }
.mb-49 { margin-bottom: 49px; }
.ml-49 { margin-left: 49px; }
.mr-49 { margin-right: 49px; }
.pt-49 { padding-top: 49px; }
.pb-49 { padding-bottom: 49px; }
.pl-49 { padding-left: 49px; }
.pr-49 { padding-right: 49px; }
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.ml-50 { margin-left: 50px; }
.mr-50 { margin-right: 50px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px; }
.pl-50 { padding-left: 50px; }
.pr-50 { padding-right: 50px; }
.mt-51 { margin-top: 51px; }
.mb-51 { margin-bottom: 51px; }
.ml-51 { margin-left: 51px; }
.mr-51 { margin-right: 51px; }
.pt-51 { padding-top: 51px; }
.pb-51 { padding-bottom: 51px; }
.pl-51 { padding-left: 51px; }
.pr-51 { padding-right: 51px; }
.mt-52 { margin-top: 52px; }
.mb-52 { margin-bottom: 52px; }
.ml-52 { margin-left: 52px; }
.mr-52 { margin-right: 52px; }
.pt-52 { padding-top: 52px; }
.pb-52 { padding-bottom: 52px; }
.pl-52 { padding-left: 52px; }
.pr-52 { padding-right: 52px; }
.mt-53 { margin-top: 53px; }
.mb-53 { margin-bottom: 53px; }
.ml-53 { margin-left: 53px; }
.mr-53 { margin-right: 53px; }
.pt-53 { padding-top: 53px; }
.pb-53 { padding-bottom: 53px; }
.pl-53 { padding-left: 53px; }
.pr-53 { padding-right: 53px; }
.mt-54 { margin-top: 54px; }
.mb-54 { margin-bottom: 54px; }
.ml-54 { margin-left: 54px; }
.mr-54 { margin-right: 54px; }
.pt-54 { padding-top: 54px; }
.pb-54 { padding-bottom: 54px; }
.pl-54 { padding-left: 54px; }
.pr-54 { padding-right: 54px; }
.mt-55 { margin-top: 55px; }
.mb-55 { margin-bottom: 55px; }
.ml-55 { margin-left: 55px; }
.mr-55 { margin-right: 55px; }
.pt-55 { padding-top: 55px; }
.pb-55 { padding-bottom: 55px; }
.pl-55 { padding-left: 55px; }
.pr-55 { padding-right: 55px; }
.mt-56 { margin-top: 56px; }
.mb-56 { margin-bottom: 56px; }
.ml-56 { margin-left: 56px; }
.mr-56 { margin-right: 56px; }
.pt-56 { padding-top: 56px; }
.pb-56 { padding-bottom: 56px; }
.pl-56 { padding-left: 56px; }
.pr-56 { padding-right: 56px; }
.mt-57 { margin-top: 57px; }
.mb-57 { margin-bottom: 57px; }
.ml-57 { margin-left: 57px; }
.mr-57 { margin-right: 57px; }
.pt-57 { padding-top: 57px; }
.pb-57 { padding-bottom: 57px; }
.pl-57 { padding-left: 57px; }
.pr-57 { padding-right: 57px; }
.mt-58 { margin-top: 58px; }
.mb-58 { margin-bottom: 58px; }
.ml-58 { margin-left: 58px; }
.mr-58 { margin-right: 58px; }
.pt-58 { padding-top: 58px; }
.pb-58 { padding-bottom: 58px; }
.pl-58 { padding-left: 58px; }
.pr-58 { padding-right: 58px; }
.mt-59 { margin-top: 59px; }
.mb-59 { margin-bottom: 59px; }
.ml-59 { margin-left: 59px; }
.mr-59 { margin-right: 59px; }
.pt-59 { padding-top: 59px; }
.pb-59 { padding-bottom: 59px; }
.pl-59 { padding-left: 59px; }
.pr-59 { padding-right: 59px; }
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px; }
.ml-60 { margin-left: 60px; }
.mr-60 { margin-right: 60px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.pl-60 { padding-left: 60px; }
.pr-60 { padding-right: 60px; }
.mt-61 { margin-top: 61px; }
.mb-61 { margin-bottom: 61px; }
.ml-61 { margin-left: 61px; }
.mr-61 { margin-right: 61px; }
.pt-61 { padding-top: 61px; }
.pb-61 { padding-bottom: 61px; }
.pl-61 { padding-left: 61px; }
.pr-61 { padding-right: 61px; }
.mt-62 { margin-top: 62px; }
.mb-62 { margin-bottom: 62px; }
.ml-62 { margin-left: 62px; }
.mr-62 { margin-right: 62px; }
.pt-62 { padding-top: 62px; }
.pb-62 { padding-bottom: 62px; }
.pl-62 { padding-left: 62px; }
.pr-62 { padding-right: 62px; }
.mt-63 { margin-top: 63px; }
.mb-63 { margin-bottom: 63px; }
.ml-63 { margin-left: 63px; }
.mr-63 { margin-right: 63px; }
.pt-63 { padding-top: 63px; }
.pb-63 { padding-bottom: 63px; }
.pl-63 { padding-left: 63px; }
.pr-63 { padding-right: 63px; }
.mt-64 { margin-top: 64px; }
.mb-64 { margin-bottom: 64px; }
.ml-64 { margin-left: 64px; }
.mr-64 { margin-right: 64px; }
.pt-64 { padding-top: 64px; }
.pb-64 { padding-bottom: 64px; }
.pl-64 { padding-left: 64px; }
.pr-64 { padding-right: 64px; }
.mt-65 { margin-top: 65px; }
.mb-65 { margin-bottom: 65px; }
.ml-65 { margin-left: 65px; }
.mr-65 { margin-right: 65px; }
.pt-65 { padding-top: 65px; }
.pb-65 { padding-bottom: 65px; }
.pl-65 { padding-left: 65px; }
.pr-65 { padding-right: 65px; }
.mt-66 { margin-top: 66px; }
.mb-66 { margin-bottom: 66px; }
.ml-66 { margin-left: 66px; }
.mr-66 { margin-right: 66px; }
.pt-66 { padding-top: 66px; }
.pb-66 { padding-bottom: 66px; }
.pl-66 { padding-left: 66px; }
.pr-66 { padding-right: 66px; }
.mt-67 { margin-top: 67px; }
.mb-67 { margin-bottom: 67px; }
.ml-67 { margin-left: 67px; }
.mr-67 { margin-right: 67px; }
.pt-67 { padding-top: 67px; }
.pb-67 { padding-bottom: 67px; }
.pl-67 { padding-left: 67px; }
.pr-67 { padding-right: 67px; }
.mt-68 { margin-top: 68px; }
.mb-68 { margin-bottom: 68px; }
.ml-68 { margin-left: 68px; }
.mr-68 { margin-right: 68px; }
.pt-68 { padding-top: 68px; }
.pb-68 { padding-bottom: 68px; }
.pl-68 { padding-left: 68px; }
.pr-68 { padding-right: 68px; }
.mt-69 { margin-top: 69px; }
.mb-69 { margin-bottom: 69px; }
.ml-69 { margin-left: 69px; }
.mr-69 { margin-right: 69px; }
.pt-69 { padding-top: 69px; }
.pb-69 { padding-bottom: 69px; }
.pl-69 { padding-left: 69px; }
.pr-69 { padding-right: 69px; }
.mt-70 { margin-top: 70px; }
.mb-70 { margin-bottom: 70px; }
.ml-70 { margin-left: 70px; }
.mr-70 { margin-right: 70px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.pl-70 { padding-left: 70px; }
.pr-70 { padding-right: 70px; }
.mt-71 { margin-top: 71px; }
.mb-71 { margin-bottom: 71px; }
.ml-71 { margin-left: 71px; }
.mr-71 { margin-right: 71px; }
.pt-71 { padding-top: 71px; }
.pb-71 { padding-bottom: 71px; }
.pl-71 { padding-left: 71px; }
.pr-71 { padding-right: 71px; }
.mt-72 { margin-top: 72px; }
.mb-72 { margin-bottom: 72px; }
.ml-72 { margin-left: 72px; }
.mr-72 { margin-right: 72px; }
.pt-72 { padding-top: 72px; }
.pb-72 { padding-bottom: 72px; }
.pl-72 { padding-left: 72px; }
.pr-72 { padding-right: 72px; }
.mt-73 { margin-top: 73px; }
.mb-73 { margin-bottom: 73px; }
.ml-73 { margin-left: 73px; }
.mr-73 { margin-right: 73px; }
.pt-73 { padding-top: 73px; }
.pb-73 { padding-bottom: 73px; }
.pl-73 { padding-left: 73px; }
.pr-73 { padding-right: 73px; }
.mt-74 { margin-top: 74px; }
.mb-74 { margin-bottom: 74px; }
.ml-74 { margin-left: 74px; }
.mr-74 { margin-right: 74px; }
.pt-74 { padding-top: 74px; }
.pb-74 { padding-bottom: 74px; }
.pl-74 { padding-left: 74px; }
.pr-74 { padding-right: 74px; }
.mt-75 { margin-top: 75px; }
.mb-75 { margin-bottom: 75px; }
.ml-75 { margin-left: 75px; }
.mr-75 { margin-right: 75px; }
.pt-75 { padding-top: 75px; }
.pb-75 { padding-bottom: 75px; }
.pl-75 { padding-left: 75px; }
.pr-75 { padding-right: 75px; }
.mt-76 { margin-top: 76px; }
.mb-76 { margin-bottom: 76px; }
.ml-76 { margin-left: 76px; }
.mr-76 { margin-right: 76px; }
.pt-76 { padding-top: 76px; }
.pb-76 { padding-bottom: 76px; }
.pl-76 { padding-left: 76px; }
.pr-76 { padding-right: 76px; }
.mt-77 { margin-top: 77px; }
.mb-77 { margin-bottom: 77px; }
.ml-77 { margin-left: 77px; }
.mr-77 { margin-right: 77px; }
.pt-77 { padding-top: 77px; }
.pb-77 { padding-bottom: 77px; }
.pl-77 { padding-left: 77px; }
.pr-77 { padding-right: 77px; }
.mt-78 { margin-top: 78px; }
.mb-78 { margin-bottom: 78px; }
.ml-78 { margin-left: 78px; }
.mr-78 { margin-right: 78px; }
.pt-78 { padding-top: 78px; }
.pb-78 { padding-bottom: 78px; }
.pl-78 { padding-left: 78px; }
.pr-78 { padding-right: 78px; }
.mt-79 { margin-top: 79px; }
.mb-79 { margin-bottom: 79px; }
.ml-79 { margin-left: 79px; }
.mr-79 { margin-right: 79px; }
.pt-79 { padding-top: 79px; }
.pb-79 { padding-bottom: 79px; }
.pl-79 { padding-left: 79px; }
.pr-79 { padding-right: 79px; }
.mt-80 { margin-top: 80px; }
.mb-80 { margin-bottom: 80px; }
.ml-80 { margin-left: 80px; }
.mr-80 { margin-right: 80px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pl-80 { padding-left: 80px; }
.pr-80 { padding-right: 80px; }
.mt-81 { margin-top: 81px; }
.mb-81 { margin-bottom: 81px; }
.ml-81 { margin-left: 81px; }
.mr-81 { margin-right: 81px; }
.pt-81 { padding-top: 81px; }
.pb-81 { padding-bottom: 81px; }
.pl-81 { padding-left: 81px; }
.pr-81 { padding-right: 81px; }
.mt-82 { margin-top: 82px; }
.mb-82 { margin-bottom: 82px; }
.ml-82 { margin-left: 82px; }
.mr-82 { margin-right: 82px; }
.pt-82 { padding-top: 82px; }
.pb-82 { padding-bottom: 82px; }
.pl-82 { padding-left: 82px; }
.pr-82 { padding-right: 82px; }
.mt-83 { margin-top: 83px; }
.mb-83 { margin-bottom: 83px; }
.ml-83 { margin-left: 83px; }
.mr-83 { margin-right: 83px; }
.pt-83 { padding-top: 83px; }
.pb-83 { padding-bottom: 83px; }
.pl-83 { padding-left: 83px; }
.pr-83 { padding-right: 83px; }
.mt-84 { margin-top: 84px; }
.mb-84 { margin-bottom: 84px; }
.ml-84 { margin-left: 84px; }
.mr-84 { margin-right: 84px; }
.pt-84 { padding-top: 84px; }
.pb-84 { padding-bottom: 84px; }
.pl-84 { padding-left: 84px; }
.pr-84 { padding-right: 84px; }
.mt-85 { margin-top: 85px; }
.mb-85 { margin-bottom: 85px; }
.ml-85 { margin-left: 85px; }
.mr-85 { margin-right: 85px; }
.pt-85 { padding-top: 85px; }
.pb-85 { padding-bottom: 85px; }
.pl-85 { padding-left: 85px; }
.pr-85 { padding-right: 85px; }
.mt-86 { margin-top: 86px; }
.mb-86 { margin-bottom: 86px; }
.ml-86 { margin-left: 86px; }
.mr-86 { margin-right: 86px; }
.pt-86 { padding-top: 86px; }
.pb-86 { padding-bottom: 86px; }
.pl-86 { padding-left: 86px; }
.pr-86 { padding-right: 86px; }
.mt-87 { margin-top: 87px; }
.mb-87 { margin-bottom: 87px; }
.ml-87 { margin-left: 87px; }
.mr-87 { margin-right: 87px; }
.pt-87 { padding-top: 87px; }
.pb-87 { padding-bottom: 87px; }
.pl-87 { padding-left: 87px; }
.pr-87 { padding-right: 87px; }
.mt-88 { margin-top: 88px; }
.mb-88 { margin-bottom: 88px; }
.ml-88 { margin-left: 88px; }
.mr-88 { margin-right: 88px; }
.pt-88 { padding-top: 88px; }
.pb-88 { padding-bottom: 88px; }
.pl-88 { padding-left: 88px; }
.pr-88 { padding-right: 88px; }
.mt-89 { margin-top: 89px; }
.mb-89 { margin-bottom: 89px; }
.ml-89 { margin-left: 89px; }
.mr-89 { margin-right: 89px; }
.pt-89 { padding-top: 89px; }
.pb-89 { padding-bottom: 89px; }
.pl-89 { padding-left: 89px; }
.pr-89 { padding-right: 89px; }
.mt-90 { margin-top: 90px; }
.mb-90 { margin-bottom: 90px; }
.ml-90 { margin-left: 90px; }
.mr-90 { margin-right: 90px; }
.pt-90 { padding-top: 90px; }
.pb-90 { padding-bottom: 90px; }
.pl-90 { padding-left: 90px; }
.pr-90 { padding-right: 90px; }
.mt-91 { margin-top: 91px; }
.mb-91 { margin-bottom: 91px; }
.ml-91 { margin-left: 91px; }
.mr-91 { margin-right: 91px; }
.pt-91 { padding-top: 91px; }
.pb-91 { padding-bottom: 91px; }
.pl-91 { padding-left: 91px; }
.pr-91 { padding-right: 91px; }
.mt-92 { margin-top: 92px; }
.mb-92 { margin-bottom: 92px; }
.ml-92 { margin-left: 92px; }
.mr-92 { margin-right: 92px; }
.pt-92 { padding-top: 92px; }
.pb-92 { padding-bottom: 92px; }
.pl-92 { padding-left: 92px; }
.pr-92 { padding-right: 92px; }
.mt-93 { margin-top: 93px; }
.mb-93 { margin-bottom: 93px; }
.ml-93 { margin-left: 93px; }
.mr-93 { margin-right: 93px; }
.pt-93 { padding-top: 93px; }
.pb-93 { padding-bottom: 93px; }
.pl-93 { padding-left: 93px; }
.pr-93 { padding-right: 93px; }
.mt-94 { margin-top: 94px; }
.mb-94 { margin-bottom: 94px; }
.ml-94 { margin-left: 94px; }
.mr-94 { margin-right: 94px; }
.pt-94 { padding-top: 94px; }
.pb-94 { padding-bottom: 94px; }
.pl-94 { padding-left: 94px; }
.pr-94 { padding-right: 94px; }
.mt-95 { margin-top: 95px; }
.mb-95 { margin-bottom: 95px; }
.ml-95 { margin-left: 95px; }
.mr-95 { margin-right: 95px; }
.pt-95 { padding-top: 95px; }
.pb-95 { padding-bottom: 95px; }
.pl-95 { padding-left: 95px; }
.pr-95 { padding-right: 95px; }
.mt-96 { margin-top: 96px; }
.mb-96 { margin-bottom: 96px; }
.ml-96 { margin-left: 96px; }
.mr-96 { margin-right: 96px; }
.pt-96 { padding-top: 96px; }
.pb-96 { padding-bottom: 96px; }
.pl-96 { padding-left: 96px; }
.pr-96 { padding-right: 96px; }
.mt-97 { margin-top: 97px; }
.mb-97 { margin-bottom: 97px; }
.ml-97 { margin-left: 97px; }
.mr-97 { margin-right: 97px; }
.pt-97 { padding-top: 97px; }
.pb-97 { padding-bottom: 97px; }
.pl-97 { padding-left: 97px; }
.pr-97 { padding-right: 97px; }
.mt-98 { margin-top: 98px; }
.mb-98 { margin-bottom: 98px; }
.ml-98 { margin-left: 98px; }
.mr-98 { margin-right: 98px; }
.pt-98 { padding-top: 98px; }
.pb-98 { padding-bottom: 98px; }
.pl-98 { padding-left: 98px; }
.pr-98 { padding-right: 98px; }
.mt-99 { margin-top: 99px; }
.mb-99 { margin-bottom: 99px; }
.ml-99 { margin-left: 99px; }
.mr-99 { margin-right: 99px; }
.pt-99 { padding-top: 99px; }
.pb-99 { padding-bottom: 99px; }
.pl-99 { padding-left: 99px; }
.pr-99 { padding-right: 99px; }
.mt-100 { margin-top: 100px; }
.mb-100 { margin-bottom: 100px; }
.ml-100 { margin-left: 100px; }
.mr-100 { margin-right: 100px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.pl-100 { padding-left: 100px; }
.pr-100 { padding-right: 100px; }
.mt-101 { margin-top: 101px; }
.mb-101 { margin-bottom: 101px; }
.ml-101 { margin-left: 101px; }
.mr-101 { margin-right: 101px; }
.pt-101 { padding-top: 101px; }
.pb-101 { padding-bottom: 101px; }
.pl-101 { padding-left: 101px; }
.pr-101 { padding-right: 101px; }
.mt-102 { margin-top: 102px; }
.mb-102 { margin-bottom: 102px; }
.ml-102 { margin-left: 102px; }
.mr-102 { margin-right: 102px; }
.pt-102 { padding-top: 102px; }
.pb-102 { padding-bottom: 102px; }
.pl-102 { padding-left: 102px; }
.pr-102 { padding-right: 102px; }
.mt-103 { margin-top: 103px; }
.mb-103 { margin-bottom: 103px; }
.ml-103 { margin-left: 103px; }
.mr-103 { margin-right: 103px; }
.pt-103 { padding-top: 103px; }
.pb-103 { padding-bottom: 103px; }
.pl-103 { padding-left: 103px; }
.pr-103 { padding-right: 103px; }
.mt-104 { margin-top: 104px; }
.mb-104 { margin-bottom: 104px; }
.ml-104 { margin-left: 104px; }
.mr-104 { margin-right: 104px; }
.pt-104 { padding-top: 104px; }
.pb-104 { padding-bottom: 104px; }
.pl-104 { padding-left: 104px; }
.pr-104 { padding-right: 104px; }
.mt-105 { margin-top: 105px; }
.mb-105 { margin-bottom: 105px; }
.ml-105 { margin-left: 105px; }
.mr-105 { margin-right: 105px; }
.pt-105 { padding-top: 105px; }
.pb-105 { padding-bottom: 105px; }
.pl-105 { padding-left: 105px; }
.pr-105 { padding-right: 105px; }
.mt-106 { margin-top: 106px; }
.mb-106 { margin-bottom: 106px; }
.ml-106 { margin-left: 106px; }
.mr-106 { margin-right: 106px; }
.pt-106 { padding-top: 106px; }
.pb-106 { padding-bottom: 106px; }
.pl-106 { padding-left: 106px; }
.pr-106 { padding-right: 106px; }
.mt-107 { margin-top: 107px; }
.mb-107 { margin-bottom: 107px; }
.ml-107 { margin-left: 107px; }
.mr-107 { margin-right: 107px; }
.pt-107 { padding-top: 107px; }
.pb-107 { padding-bottom: 107px; }
.pl-107 { padding-left: 107px; }
.pr-107 { padding-right: 107px; }
.mt-108 { margin-top: 108px; }
.mb-108 { margin-bottom: 108px; }
.ml-108 { margin-left: 108px; }
.mr-108 { margin-right: 108px; }
.pt-108 { padding-top: 108px; }
.pb-108 { padding-bottom: 108px; }
.pl-108 { padding-left: 108px; }
.pr-108 { padding-right: 108px; }
.mt-109 { margin-top: 109px; }
.mb-109 { margin-bottom: 109px; }
.ml-109 { margin-left: 109px; }
.mr-109 { margin-right: 109px; }
.pt-109 { padding-top: 109px; }
.pb-109 { padding-bottom: 109px; }
.pl-109 { padding-left: 109px; }
.pr-109 { padding-right: 109px; }
.mt-110 { margin-top: 110px; }
.mb-110 { margin-bottom: 110px; }
.ml-110 { margin-left: 110px; }
.mr-110 { margin-right: 110px; }
.pt-110 { padding-top: 110px; }
.pb-110 { padding-bottom: 110px; }
.pl-110 { padding-left: 110px; }
.pr-110 { padding-right: 110px; }
.mt-111 { margin-top: 111px; }
.mb-111 { margin-bottom: 111px; }
.ml-111 { margin-left: 111px; }
.mr-111 { margin-right: 111px; }
.pt-111 { padding-top: 111px; }
.pb-111 { padding-bottom: 111px; }
.pl-111 { padding-left: 111px; }
.pr-111 { padding-right: 111px; }
.mt-112 { margin-top: 112px; }
.mb-112 { margin-bottom: 112px; }
.ml-112 { margin-left: 112px; }
.mr-112 { margin-right: 112px; }
.pt-112 { padding-top: 112px; }
.pb-112 { padding-bottom: 112px; }
.pl-112 { padding-left: 112px; }
.pr-112 { padding-right: 112px; }
.mt-113 { margin-top: 113px; }
.mb-113 { margin-bottom: 113px; }
.ml-113 { margin-left: 113px; }
.mr-113 { margin-right: 113px; }
.pt-113 { padding-top: 113px; }
.pb-113 { padding-bottom: 113px; }
.pl-113 { padding-left: 113px; }
.pr-113 { padding-right: 113px; }
.mt-114 { margin-top: 114px; }
.mb-114 { margin-bottom: 114px; }
.ml-114 { margin-left: 114px; }
.mr-114 { margin-right: 114px; }
.pt-114 { padding-top: 114px; }
.pb-114 { padding-bottom: 114px; }
.pl-114 { padding-left: 114px; }
.pr-114 { padding-right: 114px; }
.mt-115 { margin-top: 115px; }
.mb-115 { margin-bottom: 115px; }
.ml-115 { margin-left: 115px; }
.mr-115 { margin-right: 115px; }
.pt-115 { padding-top: 115px; }
.pb-115 { padding-bottom: 115px; }
.pl-115 { padding-left: 115px; }
.pr-115 { padding-right: 115px; }
.mt-116 { margin-top: 116px; }
.mb-116 { margin-bottom: 116px; }
.ml-116 { margin-left: 116px; }
.mr-116 { margin-right: 116px; }
.pt-116 { padding-top: 116px; }
.pb-116 { padding-bottom: 116px; }
.pl-116 { padding-left: 116px; }
.pr-116 { padding-right: 116px; }
.mt-117 { margin-top: 117px; }
.mb-117 { margin-bottom: 117px; }
.ml-117 { margin-left: 117px; }
.mr-117 { margin-right: 117px; }
.pt-117 { padding-top: 117px; }
.pb-117 { padding-bottom: 117px; }
.pl-117 { padding-left: 117px; }
.pr-117 { padding-right: 117px; }
.mt-118 { margin-top: 118px; }
.mb-118 { margin-bottom: 118px; }
.ml-118 { margin-left: 118px; }
.mr-118 { margin-right: 118px; }
.pt-118 { padding-top: 118px; }
.pb-118 { padding-bottom: 118px; }
.pl-118 { padding-left: 118px; }
.pr-118 { padding-right: 118px; }
.mt-119 { margin-top: 119px; }
.mb-119 { margin-bottom: 119px; }
.ml-119 { margin-left: 119px; }
.mr-119 { margin-right: 119px; }
.pt-119 { padding-top: 119px; }
.pb-119 { padding-bottom: 119px; }
.pl-119 { padding-left: 119px; }
.pr-119 { padding-right: 119px; }
.mt-120 { margin-top: 120px; }
.mb-120 { margin-bottom: 120px; }
.ml-120 { margin-left: 120px; }
.mr-120 { margin-right: 120px; }
.pt-120 { padding-top: 120px; }
.pb-120 { padding-bottom: 120px; }
.pl-120 { padding-left: 120px; }
.pr-120 { padding-right: 120px; }
.mt-121 { margin-top: 121px; }
.mb-121 { margin-bottom: 121px; }
.ml-121 { margin-left: 121px; }
.mr-121 { margin-right: 121px; }
.pt-121 { padding-top: 121px; }
.pb-121 { padding-bottom: 121px; }
.pl-121 { padding-left: 121px; }
.pr-121 { padding-right: 121px; }
.mt-122 { margin-top: 122px; }
.mb-122 { margin-bottom: 122px; }
.ml-122 { margin-left: 122px; }
.mr-122 { margin-right: 122px; }
.pt-122 { padding-top: 122px; }
.pb-122 { padding-bottom: 122px; }
.pl-122 { padding-left: 122px; }
.pr-122 { padding-right: 122px; }
.mt-123 { margin-top: 123px; }
.mb-123 { margin-bottom: 123px; }
.ml-123 { margin-left: 123px; }
.mr-123 { margin-right: 123px; }
.pt-123 { padding-top: 123px; }
.pb-123 { padding-bottom: 123px; }
.pl-123 { padding-left: 123px; }
.pr-123 { padding-right: 123px; }
.mt-124 { margin-top: 124px; }
.mb-124 { margin-bottom: 124px; }
.ml-124 { margin-left: 124px; }
.mr-124 { margin-right: 124px; }
.pt-124 { padding-top: 124px; }
.pb-124 { padding-bottom: 124px; }
.pl-124 { padding-left: 124px; }
.pr-124 { padding-right: 124px; }
.mt-125 { margin-top: 125px; }
.mb-125 { margin-bottom: 125px; }
.ml-125 { margin-left: 125px; }
.mr-125 { margin-right: 125px; }
.pt-125 { padding-top: 125px; }
.pb-125 { padding-bottom: 125px; }
.pl-125 { padding-left: 125px; }
.pr-125 { padding-right: 125px; }
.mt-126 { margin-top: 126px; }
.mb-126 { margin-bottom: 126px; }
.ml-126 { margin-left: 126px; }
.mr-126 { margin-right: 126px; }
.pt-126 { padding-top: 126px; }
.pb-126 { padding-bottom: 126px; }
.pl-126 { padding-left: 126px; }
.pr-126 { padding-right: 126px; }
.mt-127 { margin-top: 127px; }
.mb-127 { margin-bottom: 127px; }
.ml-127 { margin-left: 127px; }
.mr-127 { margin-right: 127px; }
.pt-127 { padding-top: 127px; }
.pb-127 { padding-bottom: 127px; }
.pl-127 { padding-left: 127px; }
.pr-127 { padding-right: 127px; }
.mt-128 { margin-top: 128px; }
.mb-128 { margin-bottom: 128px; }
.ml-128 { margin-left: 128px; }
.mr-128 { margin-right: 128px; }
.pt-128 { padding-top: 128px; }
.pb-128 { padding-bottom: 128px; }
.pl-128 { padding-left: 128px; }
.pr-128 { padding-right: 128px; }
.mt-129 { margin-top: 129px; }
.mb-129 { margin-bottom: 129px; }
.ml-129 { margin-left: 129px; }
.mr-129 { margin-right: 129px; }
.pt-129 { padding-top: 129px; }
.pb-129 { padding-bottom: 129px; }
.pl-129 { padding-left: 129px; }
.pr-129 { padding-right: 129px; }
.mt-130 { margin-top: 130px; }
.mb-130 { margin-bottom: 130px; }
.ml-130 { margin-left: 130px; }
.mr-130 { margin-right: 130px; }
.pt-130 { padding-top: 130px; }
.pb-130 { padding-bottom: 130px; }
.pl-130 { padding-left: 130px; }
.pr-130 { padding-right: 130px; }
.mt-131 { margin-top: 131px; }
.mb-131 { margin-bottom: 131px; }
.ml-131 { margin-left: 131px; }
.mr-131 { margin-right: 131px; }
.pt-131 { padding-top: 131px; }
.pb-131 { padding-bottom: 131px; }
.pl-131 { padding-left: 131px; }
.pr-131 { padding-right: 131px; }
.mt-132 { margin-top: 132px; }
.mb-132 { margin-bottom: 132px; }
.ml-132 { margin-left: 132px; }
.mr-132 { margin-right: 132px; }
.pt-132 { padding-top: 132px; }
.pb-132 { padding-bottom: 132px; }
.pl-132 { padding-left: 132px; }
.pr-132 { padding-right: 132px; }
.mt-133 { margin-top: 133px; }
.mb-133 { margin-bottom: 133px; }
.ml-133 { margin-left: 133px; }
.mr-133 { margin-right: 133px; }
.pt-133 { padding-top: 133px; }
.pb-133 { padding-bottom: 133px; }
.pl-133 { padding-left: 133px; }
.pr-133 { padding-right: 133px; }
.mt-134 { margin-top: 134px; }
.mb-134 { margin-bottom: 134px; }
.ml-134 { margin-left: 134px; }
.mr-134 { margin-right: 134px; }
.pt-134 { padding-top: 134px; }
.pb-134 { padding-bottom: 134px; }
.pl-134 { padding-left: 134px; }
.pr-134 { padding-right: 134px; }
.mt-135 { margin-top: 135px; }
.mb-135 { margin-bottom: 135px; }
.ml-135 { margin-left: 135px; }
.mr-135 { margin-right: 135px; }
.pt-135 { padding-top: 135px; }
.pb-135 { padding-bottom: 135px; }
.pl-135 { padding-left: 135px; }
.pr-135 { padding-right: 135px; }
.mt-136 { margin-top: 136px; }
.mb-136 { margin-bottom: 136px; }
.ml-136 { margin-left: 136px; }
.mr-136 { margin-right: 136px; }
.pt-136 { padding-top: 136px; }
.pb-136 { padding-bottom: 136px; }
.pl-136 { padding-left: 136px; }
.pr-136 { padding-right: 136px; }
.mt-137 { margin-top: 137px; }
.mb-137 { margin-bottom: 137px; }
.ml-137 { margin-left: 137px; }
.mr-137 { margin-right: 137px; }
.pt-137 { padding-top: 137px; }
.pb-137 { padding-bottom: 137px; }
.pl-137 { padding-left: 137px; }
.pr-137 { padding-right: 137px; }
.mt-138 { margin-top: 138px; }
.mb-138 { margin-bottom: 138px; }
.ml-138 { margin-left: 138px; }
.mr-138 { margin-right: 138px; }
.pt-138 { padding-top: 138px; }
.pb-138 { padding-bottom: 138px; }
.pl-138 { padding-left: 138px; }
.pr-138 { padding-right: 138px; }
.mt-139 { margin-top: 139px; }
.mb-139 { margin-bottom: 139px; }
.ml-139 { margin-left: 139px; }
.mr-139 { margin-right: 139px; }
.pt-139 { padding-top: 139px; }
.pb-139 { padding-bottom: 139px; }
.pl-139 { padding-left: 139px; }
.pr-139 { padding-right: 139px; }
.mt-140 { margin-top: 140px; }
.mb-140 { margin-bottom: 140px; }
.ml-140 { margin-left: 140px; }
.mr-140 { margin-right: 140px; }
.pt-140 { padding-top: 140px; }
.pb-140 { padding-bottom: 140px; }
.pl-140 { padding-left: 140px; }
.pr-140 { padding-right: 140px; }
.mt-141 { margin-top: 141px; }
.mb-141 { margin-bottom: 141px; }
.ml-141 { margin-left: 141px; }
.mr-141 { margin-right: 141px; }
.pt-141 { padding-top: 141px; }
.pb-141 { padding-bottom: 141px; }
.pl-141 { padding-left: 141px; }
.pr-141 { padding-right: 141px; }
.mt-142 { margin-top: 142px; }
.mb-142 { margin-bottom: 142px; }
.ml-142 { margin-left: 142px; }
.mr-142 { margin-right: 142px; }
.pt-142 { padding-top: 142px; }
.pb-142 { padding-bottom: 142px; }
.pl-142 { padding-left: 142px; }
.pr-142 { padding-right: 142px; }
.mt-143 { margin-top: 143px; }
.mb-143 { margin-bottom: 143px; }
.ml-143 { margin-left: 143px; }
.mr-143 { margin-right: 143px; }
.pt-143 { padding-top: 143px; }
.pb-143 { padding-bottom: 143px; }
.pl-143 { padding-left: 143px; }
.pr-143 { padding-right: 143px; }
.mt-144 { margin-top: 144px; }
.mb-144 { margin-bottom: 144px; }
.ml-144 { margin-left: 144px; }
.mr-144 { margin-right: 144px; }
.pt-144 { padding-top: 144px; }
.pb-144 { padding-bottom: 144px; }
.pl-144 { padding-left: 144px; }
.pr-144 { padding-right: 144px; }
.mt-145 { margin-top: 145px; }
.mb-145 { margin-bottom: 145px; }
.ml-145 { margin-left: 145px; }
.mr-145 { margin-right: 145px; }
.pt-145 { padding-top: 145px; }
.pb-145 { padding-bottom: 145px; }
.pl-145 { padding-left: 145px; }
.pr-145 { padding-right: 145px; }
.mt-146 { margin-top: 146px; }
.mb-146 { margin-bottom: 146px; }
.ml-146 { margin-left: 146px; }
.mr-146 { margin-right: 146px; }
.pt-146 { padding-top: 146px; }
.pb-146 { padding-bottom: 146px; }
.pl-146 { padding-left: 146px; }
.pr-146 { padding-right: 146px; }
.mt-147 { margin-top: 147px; }
.mb-147 { margin-bottom: 147px; }
.ml-147 { margin-left: 147px; }
.mr-147 { margin-right: 147px; }
.pt-147 { padding-top: 147px; }
.pb-147 { padding-bottom: 147px; }
.pl-147 { padding-left: 147px; }
.pr-147 { padding-right: 147px; }
.mt-148 { margin-top: 148px; }
.mb-148 { margin-bottom: 148px; }
.ml-148 { margin-left: 148px; }
.mr-148 { margin-right: 148px; }
.pt-148 { padding-top: 148px; }
.pb-148 { padding-bottom: 148px; }
.pl-148 { padding-left: 148px; }
.pr-148 { padding-right: 148px; }
.mt-149 { margin-top: 149px; }
.mb-149 { margin-bottom: 149px; }
.ml-149 { margin-left: 149px; }
.mr-149 { margin-right: 149px; }
.pt-149 { padding-top: 149px; }
.pb-149 { padding-bottom: 149px; }
.pl-149 { padding-left: 149px; }
.pr-149 { padding-right: 149px; }
.mt-150 { margin-top: 150px; }
.mb-150 { margin-bottom: 150px; }
.ml-150 { margin-left: 150px; }
.mr-150 { margin-right: 150px; }
.pt-150 { padding-top: 150px; }
.pb-150 { padding-bottom: 150px; }
.pl-150 { padding-left: 150px; }
.pr-150 { padding-right: 150px; }
.mt-151 { margin-top: 151px; }
.mb-151 { margin-bottom: 151px; }
.ml-151 { margin-left: 151px; }
.mr-151 { margin-right: 151px; }
.pt-151 { padding-top: 151px; }
.pb-151 { padding-bottom: 151px; }
.pl-151 { padding-left: 151px; }
.pr-151 { padding-right: 151px; }
.mt-152 { margin-top: 152px; }
.mb-152 { margin-bottom: 152px; }
.ml-152 { margin-left: 152px; }
.mr-152 { margin-right: 152px; }
.pt-152 { padding-top: 152px; }
.pb-152 { padding-bottom: 152px; }
.pl-152 { padding-left: 152px; }
.pr-152 { padding-right: 152px; }
.mt-153 { margin-top: 153px; }
.mb-153 { margin-bottom: 153px; }
.ml-153 { margin-left: 153px; }
.mr-153 { margin-right: 153px; }
.pt-153 { padding-top: 153px; }
.pb-153 { padding-bottom: 153px; }
.pl-153 { padding-left: 153px; }
.pr-153 { padding-right: 153px; }
.mt-154 { margin-top: 154px; }
.mb-154 { margin-bottom: 154px; }
.ml-154 { margin-left: 154px; }
.mr-154 { margin-right: 154px; }
.pt-154 { padding-top: 154px; }
.pb-154 { padding-bottom: 154px; }
.pl-154 { padding-left: 154px; }
.pr-154 { padding-right: 154px; }
.mt-155 { margin-top: 155px; }
.mb-155 { margin-bottom: 155px; }
.ml-155 { margin-left: 155px; }
.mr-155 { margin-right: 155px; }
.pt-155 { padding-top: 155px; }
.pb-155 { padding-bottom: 155px; }
.pl-155 { padding-left: 155px; }
.pr-155 { padding-right: 155px; }
.mt-156 { margin-top: 156px; }
.mb-156 { margin-bottom: 156px; }
.ml-156 { margin-left: 156px; }
.mr-156 { margin-right: 156px; }
.pt-156 { padding-top: 156px; }
.pb-156 { padding-bottom: 156px; }
.pl-156 { padding-left: 156px; }
.pr-156 { padding-right: 156px; }
.mt-157 { margin-top: 157px; }
.mb-157 { margin-bottom: 157px; }
.ml-157 { margin-left: 157px; }
.mr-157 { margin-right: 157px; }
.pt-157 { padding-top: 157px; }
.pb-157 { padding-bottom: 157px; }
.pl-157 { padding-left: 157px; }
.pr-157 { padding-right: 157px; }
.mt-158 { margin-top: 158px; }
.mb-158 { margin-bottom: 158px; }
.ml-158 { margin-left: 158px; }
.mr-158 { margin-right: 158px; }
.pt-158 { padding-top: 158px; }
.pb-158 { padding-bottom: 158px; }
.pl-158 { padding-left: 158px; }
.pr-158 { padding-right: 158px; }
.mt-159 { margin-top: 159px; }
.mb-159 { margin-bottom: 159px; }
.ml-159 { margin-left: 159px; }
.mr-159 { margin-right: 159px; }
.pt-159 { padding-top: 159px; }
.pb-159 { padding-bottom: 159px; }
.pl-159 { padding-left: 159px; }
.pr-159 { padding-right: 159px; }
.mt-160 { margin-top: 160px; }
.mb-160 { margin-bottom: 160px; }
.ml-160 { margin-left: 160px; }
.mr-160 { margin-right: 160px; }
.pt-160 { padding-top: 160px; }
.pb-160 { padding-bottom: 160px; }
.pl-160 { padding-left: 160px; }
.pr-160 { padding-right: 160px; }
.mt-161 { margin-top: 161px; }
.mb-161 { margin-bottom: 161px; }
.ml-161 { margin-left: 161px; }
.mr-161 { margin-right: 161px; }
.pt-161 { padding-top: 161px; }
.pb-161 { padding-bottom: 161px; }
.pl-161 { padding-left: 161px; }
.pr-161 { padding-right: 161px; }
.mt-162 { margin-top: 162px; }
.mb-162 { margin-bottom: 162px; }
.ml-162 { margin-left: 162px; }
.mr-162 { margin-right: 162px; }
.pt-162 { padding-top: 162px; }
.pb-162 { padding-bottom: 162px; }
.pl-162 { padding-left: 162px; }
.pr-162 { padding-right: 162px; }
.mt-163 { margin-top: 163px; }
.mb-163 { margin-bottom: 163px; }
.ml-163 { margin-left: 163px; }
.mr-163 { margin-right: 163px; }
.pt-163 { padding-top: 163px; }
.pb-163 { padding-bottom: 163px; }
.pl-163 { padding-left: 163px; }
.pr-163 { padding-right: 163px; }
.mt-164 { margin-top: 164px; }
.mb-164 { margin-bottom: 164px; }
.ml-164 { margin-left: 164px; }
.mr-164 { margin-right: 164px; }
.pt-164 { padding-top: 164px; }
.pb-164 { padding-bottom: 164px; }
.pl-164 { padding-left: 164px; }
.pr-164 { padding-right: 164px; }
.mt-165 { margin-top: 165px; }
.mb-165 { margin-bottom: 165px; }
.ml-165 { margin-left: 165px; }
.mr-165 { margin-right: 165px; }
.pt-165 { padding-top: 165px; }
.pb-165 { padding-bottom: 165px; }
.pl-165 { padding-left: 165px; }
.pr-165 { padding-right: 165px; }
.mt-166 { margin-top: 166px; }
.mb-166 { margin-bottom: 166px; }
.ml-166 { margin-left: 166px; }
.mr-166 { margin-right: 166px; }
.pt-166 { padding-top: 166px; }
.pb-166 { padding-bottom: 166px; }
.pl-166 { padding-left: 166px; }
.pr-166 { padding-right: 166px; }
.mt-167 { margin-top: 167px; }
.mb-167 { margin-bottom: 167px; }
.ml-167 { margin-left: 167px; }
.mr-167 { margin-right: 167px; }
.pt-167 { padding-top: 167px; }
.pb-167 { padding-bottom: 167px; }
.pl-167 { padding-left: 167px; }
.pr-167 { padding-right: 167px; }
.mt-168 { margin-top: 168px; }
.mb-168 { margin-bottom: 168px; }
.ml-168 { margin-left: 168px; }
.mr-168 { margin-right: 168px; }
.pt-168 { padding-top: 168px; }
.pb-168 { padding-bottom: 168px; }
.pl-168 { padding-left: 168px; }
.pr-168 { padding-right: 168px; }
.mt-169 { margin-top: 169px; }
.mb-169 { margin-bottom: 169px; }
.ml-169 { margin-left: 169px; }
.mr-169 { margin-right: 169px; }
.pt-169 { padding-top: 169px; }
.pb-169 { padding-bottom: 169px; }
.pl-169 { padding-left: 169px; }
.pr-169 { padding-right: 169px; }
.mt-170 { margin-top: 170px; }
.mb-170 { margin-bottom: 170px; }
.ml-170 { margin-left: 170px; }
.mr-170 { margin-right: 170px; }
.pt-170 { padding-top: 170px; }
.pb-170 { padding-bottom: 170px; }
.pl-170 { padding-left: 170px; }
.pr-170 { padding-right: 170px; }
.mt-171 { margin-top: 171px; }
.mb-171 { margin-bottom: 171px; }
.ml-171 { margin-left: 171px; }
.mr-171 { margin-right: 171px; }
.pt-171 { padding-top: 171px; }
.pb-171 { padding-bottom: 171px; }
.pl-171 { padding-left: 171px; }
.pr-171 { padding-right: 171px; }
.mt-172 { margin-top: 172px; }
.mb-172 { margin-bottom: 172px; }
.ml-172 { margin-left: 172px; }
.mr-172 { margin-right: 172px; }
.pt-172 { padding-top: 172px; }
.pb-172 { padding-bottom: 172px; }
.pl-172 { padding-left: 172px; }
.pr-172 { padding-right: 172px; }
.mt-173 { margin-top: 173px; }
.mb-173 { margin-bottom: 173px; }
.ml-173 { margin-left: 173px; }
.mr-173 { margin-right: 173px; }
.pt-173 { padding-top: 173px; }
.pb-173 { padding-bottom: 173px; }
.pl-173 { padding-left: 173px; }
.pr-173 { padding-right: 173px; }
.mt-174 { margin-top: 174px; }
.mb-174 { margin-bottom: 174px; }
.ml-174 { margin-left: 174px; }
.mr-174 { margin-right: 174px; }
.pt-174 { padding-top: 174px; }
.pb-174 { padding-bottom: 174px; }
.pl-174 { padding-left: 174px; }
.pr-174 { padding-right: 174px; }
.mt-175 { margin-top: 175px; }
.mb-175 { margin-bottom: 175px; }
.ml-175 { margin-left: 175px; }
.mr-175 { margin-right: 175px; }
.pt-175 { padding-top: 175px; }
.pb-175 { padding-bottom: 175px; }
.pl-175 { padding-left: 175px; }
.pr-175 { padding-right: 175px; }
.mt-176 { margin-top: 176px; }
.mb-176 { margin-bottom: 176px; }
.ml-176 { margin-left: 176px; }
.mr-176 { margin-right: 176px; }
.pt-176 { padding-top: 176px; }
.pb-176 { padding-bottom: 176px; }
.pl-176 { padding-left: 176px; }
.pr-176 { padding-right: 176px; }
.mt-177 { margin-top: 177px; }
.mb-177 { margin-bottom: 177px; }
.ml-177 { margin-left: 177px; }
.mr-177 { margin-right: 177px; }
.pt-177 { padding-top: 177px; }
.pb-177 { padding-bottom: 177px; }
.pl-177 { padding-left: 177px; }
.pr-177 { padding-right: 177px; }
.mt-178 { margin-top: 178px; }
.mb-178 { margin-bottom: 178px; }
.ml-178 { margin-left: 178px; }
.mr-178 { margin-right: 178px; }
.pt-178 { padding-top: 178px; }
.pb-178 { padding-bottom: 178px; }
.pl-178 { padding-left: 178px; }
.pr-178 { padding-right: 178px; }
.mt-179 { margin-top: 179px; }
.mb-179 { margin-bottom: 179px; }
.ml-179 { margin-left: 179px; }
.mr-179 { margin-right: 179px; }
.pt-179 { padding-top: 179px; }
.pb-179 { padding-bottom: 179px; }
.pl-179 { padding-left: 179px; }
.pr-179 { padding-right: 179px; }
.mt-180 { margin-top: 180px; }
.mb-180 { margin-bottom: 180px; }
.ml-180 { margin-left: 180px; }
.mr-180 { margin-right: 180px; }
.pt-180 { padding-top: 180px; }
.pb-180 { padding-bottom: 180px; }
.pl-180 { padding-left: 180px; }
.pr-180 { padding-right: 180px; }
.mt-181 { margin-top: 181px; }
.mb-181 { margin-bottom: 181px; }
.ml-181 { margin-left: 181px; }
.mr-181 { margin-right: 181px; }
.pt-181 { padding-top: 181px; }
.pb-181 { padding-bottom: 181px; }
.pl-181 { padding-left: 181px; }
.pr-181 { padding-right: 181px; }
.mt-182 { margin-top: 182px; }
.mb-182 { margin-bottom: 182px; }
.ml-182 { margin-left: 182px; }
.mr-182 { margin-right: 182px; }
.pt-182 { padding-top: 182px; }
.pb-182 { padding-bottom: 182px; }
.pl-182 { padding-left: 182px; }
.pr-182 { padding-right: 182px; }
.mt-183 { margin-top: 183px; }
.mb-183 { margin-bottom: 183px; }
.ml-183 { margin-left: 183px; }
.mr-183 { margin-right: 183px; }
.pt-183 { padding-top: 183px; }
.pb-183 { padding-bottom: 183px; }
.pl-183 { padding-left: 183px; }
.pr-183 { padding-right: 183px; }
.mt-184 { margin-top: 184px; }
.mb-184 { margin-bottom: 184px; }
.ml-184 { margin-left: 184px; }
.mr-184 { margin-right: 184px; }
.pt-184 { padding-top: 184px; }
.pb-184 { padding-bottom: 184px; }
.pl-184 { padding-left: 184px; }
.pr-184 { padding-right: 184px; }
.mt-185 { margin-top: 185px; }
.mb-185 { margin-bottom: 185px; }
.ml-185 { margin-left: 185px; }
.mr-185 { margin-right: 185px; }
.pt-185 { padding-top: 185px; }
.pb-185 { padding-bottom: 185px; }
.pl-185 { padding-left: 185px; }
.pr-185 { padding-right: 185px; }
.mt-186 { margin-top: 186px; }
.mb-186 { margin-bottom: 186px; }
.ml-186 { margin-left: 186px; }
.mr-186 { margin-right: 186px; }
.pt-186 { padding-top: 186px; }
.pb-186 { padding-bottom: 186px; }
.pl-186 { padding-left: 186px; }
.pr-186 { padding-right: 186px; }
.mt-187 { margin-top: 187px; }
.mb-187 { margin-bottom: 187px; }
.ml-187 { margin-left: 187px; }
.mr-187 { margin-right: 187px; }
.pt-187 { padding-top: 187px; }
.pb-187 { padding-bottom: 187px; }
.pl-187 { padding-left: 187px; }
.pr-187 { padding-right: 187px; }
.mt-188 { margin-top: 188px; }
.mb-188 { margin-bottom: 188px; }
.ml-188 { margin-left: 188px; }
.mr-188 { margin-right: 188px; }
.pt-188 { padding-top: 188px; }
.pb-188 { padding-bottom: 188px; }
.pl-188 { padding-left: 188px; }
.pr-188 { padding-right: 188px; }
.mt-189 { margin-top: 189px; }
.mb-189 { margin-bottom: 189px; }
.ml-189 { margin-left: 189px; }
.mr-189 { margin-right: 189px; }
.pt-189 { padding-top: 189px; }
.pb-189 { padding-bottom: 189px; }
.pl-189 { padding-left: 189px; }
.pr-189 { padding-right: 189px; }
.mt-190 { margin-top: 190px; }
.mb-190 { margin-bottom: 190px; }
.ml-190 { margin-left: 190px; }
.mr-190 { margin-right: 190px; }
.pt-190 { padding-top: 190px; }
.pb-190 { padding-bottom: 190px; }
.pl-190 { padding-left: 190px; }
.pr-190 { padding-right: 190px; }
.mt-191 { margin-top: 191px; }
.mb-191 { margin-bottom: 191px; }
.ml-191 { margin-left: 191px; }
.mr-191 { margin-right: 191px; }
.pt-191 { padding-top: 191px; }
.pb-191 { padding-bottom: 191px; }
.pl-191 { padding-left: 191px; }
.pr-191 { padding-right: 191px; }
.mt-192 { margin-top: 192px; }
.mb-192 { margin-bottom: 192px; }
.ml-192 { margin-left: 192px; }
.mr-192 { margin-right: 192px; }
.pt-192 { padding-top: 192px; }
.pb-192 { padding-bottom: 192px; }
.pl-192 { padding-left: 192px; }
.pr-192 { padding-right: 192px; }
.mt-193 { margin-top: 193px; }
.mb-193 { margin-bottom: 193px; }
.ml-193 { margin-left: 193px; }
.mr-193 { margin-right: 193px; }
.pt-193 { padding-top: 193px; }
.pb-193 { padding-bottom: 193px; }
.pl-193 { padding-left: 193px; }
.pr-193 { padding-right: 193px; }
.mt-194 { margin-top: 194px; }
.mb-194 { margin-bottom: 194px; }
.ml-194 { margin-left: 194px; }
.mr-194 { margin-right: 194px; }
.pt-194 { padding-top: 194px; }
.pb-194 { padding-bottom: 194px; }
.pl-194 { padding-left: 194px; }
.pr-194 { padding-right: 194px; }
.mt-195 { margin-top: 195px; }
.mb-195 { margin-bottom: 195px; }
.ml-195 { margin-left: 195px; }
.mr-195 { margin-right: 195px; }
.pt-195 { padding-top: 195px; }
.pb-195 { padding-bottom: 195px; }
.pl-195 { padding-left: 195px; }
.pr-195 { padding-right: 195px; }
.mt-196 { margin-top: 196px; }
.mb-196 { margin-bottom: 196px; }
.ml-196 { margin-left: 196px; }
.mr-196 { margin-right: 196px; }
.pt-196 { padding-top: 196px; }
.pb-196 { padding-bottom: 196px; }
.pl-196 { padding-left: 196px; }
.pr-196 { padding-right: 196px; }
.mt-197 { margin-top: 197px; }
.mb-197 { margin-bottom: 197px; }
.ml-197 { margin-left: 197px; }
.mr-197 { margin-right: 197px; }
.pt-197 { padding-top: 197px; }
.pb-197 { padding-bottom: 197px; }
.pl-197 { padding-left: 197px; }
.pr-197 { padding-right: 197px; }
.mt-198 { margin-top: 198px; }
.mb-198 { margin-bottom: 198px; }
.ml-198 { margin-left: 198px; }
.mr-198 { margin-right: 198px; }
.pt-198 { padding-top: 198px; }
.pb-198 { padding-bottom: 198px; }
.pl-198 { padding-left: 198px; }
.pr-198 { padding-right: 198px; }
.mt-199 { margin-top: 199px; }
.mb-199 { margin-bottom: 199px; }
.ml-199 { margin-left: 199px; }
.mr-199 { margin-right: 199px; }
.pt-199 { padding-top: 199px; }
.pb-199 { padding-bottom: 199px; }
.pl-199 { padding-left: 199px; }
.pr-199 { padding-right: 199px; }
.mt-200 { margin-top: 200px; }
.mb-200 { margin-bottom: 200px; }
.ml-200 { margin-left: 200px; }
.mr-200 { margin-right: 200px; }
.pt-200 { padding-top: 200px; }
.pb-200 { padding-bottom: 200px; }
.pl-200 { padding-left: 200px; }
.pr-200 { padding-right: 200px; }
.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.ml-0 { margin-left: 0px !important; }
.mr-0 { margin-right: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pl-0 { padding-left: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.g-24 { --bs-gutter-y: 24px; }
.g-8 { --bs-gutter-y: 8px; }
.g-9 { --bs-gutter-y: 9px; }
.g-10 { --bs-gutter-y: 10px; }
.g-11 { --bs-gutter-y: 11px; }
.g-12 { --bs-gutter-y: 12px; }
.g-13 { --bs-gutter-y: 13px; }
.g-14 { --bs-gutter-y: 14px; }
.g-15 { --bs-gutter-y: 15px; }
.g-16 { --bs-gutter-y: 16px; }
.g-17 { --bs-gutter-y: 18px; }
.g-64 { --bs-gutter-y: 64px; }
.gap-1 { grid-gap: 1px !important; }
.gap-2 { grid-gap: 2px !important; }
.gap-3 { grid-gap: 3px !important; }
.gap-4 { grid-gap: 4px !important; }
.gap-5 { grid-gap: 5px !important; }
.gap-6 { grid-gap: 6px !important; }
.gap-7 { grid-gap: 7px !important; }
.gap-8 { grid-gap: 8px !important; }
.gap-9 { grid-gap: 9px !important; }
.gap-10 { grid-gap: 10px !important; }
.gap-11 { grid-gap: 11px !important; }
.gap-12 { grid-gap: 12px !important; }
.gap-13 { grid-gap: 13px !important; }
.gap-14 { grid-gap: 14px !important; }
.gap-15 { grid-gap: 15px !important; }
.gap-16 { grid-gap: 16px !important; }
.gap-17 { grid-gap: 17px !important; }
.gap-18 { grid-gap: 18px !important; }
.gap-19 { grid-gap: 19px !important; }
.gap-20 { grid-gap: 20px !important; }
.gap-21 { grid-gap: 21px !important; }
.gap-22 { grid-gap: 22px !important; }
.gap-23 { grid-gap: 23px !important; }
.gap-24 { grid-gap: 24px !important; }
.gap-25 { grid-gap: 25px !important; }
* { scrollbar-color: inherit; scrollbar-width: thin; scrollbar-width: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; max-width: 100vw; overflow-x: hidden; }
body { scrollbar-width: none; -ms-overflow-style: none; background: var(--body-bg); margin: 0; color: var(--f-primary-paragraph); overflow-x: hidden; font-size: 16px; font-weight: 400; font-family: var(--body-font); }
body::-webkit-scrollbar { width: 0; background-color: transparent; }
.row { --bs-gutter-x: 0.5rem; }
p { color: var(--f-primary-paragraph); font-family: var(--body-font); -ms-hyphens: auto; hyphens: auto; line-height: 1.6; margin-bottom: 0; font-weight: 400; font-size: 14px; }
button { border: transparent; }
span { font-family: var(--body-font); }
svg { vertical-align: baseline; }
.alert svg { width: 20px; height: 20px; }
code { display: inline-block; text-transform: none; background: rgba(245, 243, 238, 0.6784313725); font-size: 14px; font-weight: 500; padding: 6px 10px; background-color: #EEEAE2; border-radius: 4px; color: var(--f-primary-paragraph); }
.font-poppins { font-family: var(--heading-font); }
.body-font { font-family: var(--body-font); }
.custom-dropdown .dropdown-toggle::after { display: none; }
.custom-dropdown button { background: none; padding: 0; border: 0; font-size: 40px; color: var(--border-color-one); line-height: 1; }
.dropdown-menu { border: 0; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); }
.dropdown-item:focus,
.dropdown-item:hover { color: var(--f-primary); background-color: inherit; }
.label-title { color: var(--f-primary-title); text-transform: none; margin-bottom: 11px; font-size: 14px; font-weight: 500; display: block; }
.paragraph-color-one { color: var(--f-primary-paragraph); }
.paragraph-color-two { color: var(--paragraph-color-two); }
.hide { display: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--heading-font); color: var(--f-primary-title); margin-bottom: 0; font-weight: 500; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit; }
a,
.button { -webkit-transition: 0.3s; transition: 0.3s; }
a:focus,
.button:focus { text-decoration: none; outline: none; }
a { color: var(--f-primary); text-decoration: none; }
a:focus,
a:active,
a:hover { color: var(--f-primary); }
.f-left { float: left; }
.f-right { float: right; }
.fix { overflow: hidden; }
.clear { clear: both; }
.opacity-0 { opacity: 0; }
.shadow-0 { -webkit-box-shadow: none; box-shadow: none; }
pre { margin-top: 15px; background-color: whitesmoke; background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F5F3EE), color-stop(50%, #EEEAE2)); background-image: linear-gradient(#EEEAE2, #EEEAE2); background-size: 38px 34px; border: 1px solid #D8D2C6; display: block; line-height: 19px; margin-bottom: 20px; overflow: visible; overflow-y: hidden; padding: 0 0 0 4px; word-break: break-word; }
a i { padding: 0 2px; }
.daterangepicker select.monthselect { border: 1px solid var(--f-primary-border); padding: 3px 7px; border-radius: 4px; background: var(--f-primary); color: var(--white); font-weight: 500; font-size: 14px; }
.daterangepicker { background-color: var(--white); border: 1px solid var(--f-primary-border); }
.daterangepicker select.yearselect { border: 1px solid var(--f-primary-border); padding: 3px 7px; border-radius: 4px; background: var(--f-primary); color: var(--white); font-weight: 500; font-size: 14px; }
ol:not([class]) { margin-bottom: 20px; }
ol:not([class]) ol { margin-bottom: 0; }
ul ol:not([class]) { margin-bottom: 0; }
dl,
ol,
ul { padding-left: 0; }
ol ol,
ol ul,
ul ol,
ul ul { margin-top: 0; }
ul { margin: 0; padding: 0; }
li { list-style: none; }
hr { border-bottom: 1px solid #EEEAE2; border-top: 0 none; margin: 30px 0; padding: 0; }
input:focus::-moz-placeholder { opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; }
textarea:focus::-moz-placeholder { opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }
#content[tabindex="-1"]:focus { outline: 0; }
.h-100 { height: 100%; }
embed,
iframe,
object { max-width: 100%; }
.disabled { cursor: not-allowed; opacity: 0.5; }
.w_45 { width: 45px; }
input[type=number] { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; }
.border-top { border-top: 1px solid var(--f-primary-border) !important; }
.border-bottom { border-bottom: 1px solid var(--f-primary-border) !important; }
.border-right { border-right: 1px solid var(--f-primary-border) !important; }
.border-left { border-left: 1px solid var(--f-primary-border) !important; }
.img-cover { width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.h-calc-16 { height: calc(100% - 16px); }
@media (max-width: 991px) { .h-calc-16 { height: auto; } }
.h-calc-20 { height: calc(100% - 20px); }
@media (max-width: 991px) { .h-calc-20 { height: auto; } }
.h-calc-50 { height: calc(100% - 50px); }
@media (max-width: 991px) { .h-calc-50 { height: auto; } }
.h-calc-56 { height: calc(100% - 56px); }
@media (max-width: 991px) { .h-calc-56 { height: auto; } }
.h-calc-60 { height: calc(100% - 60px); }
@media (max-width: 991px) { .h-calc-60 { height: auto; } }
.h-calc-100 { height: calc(100% - 100px); }
@media (max-width: 991px) { .h-calc-100 { height: auto; } }
.h-calc-80 { height: calc(100% - 80px); }
.h-calc-250 { height: calc(100% - 250px); }
.h-calc-200 { height: calc(100% - 200px); }
.h-calc-145 { height: calc(100% - 145px); }
.h-calc { height: 100%; }
.text-primary-hover { color: var(--f-primary-title); -webkit-transition: 0.3s; transition: 0.3s; }
.text-primary-hover:hover { color: var(--f-primary); }
.text-yellow { color: var(--ratting-color); }
.text-gray { color: var(--f-primary-paragraph); }
.text-gray2 { color: var(--f-gray-text); }
.f-card { background-color: #FFFFFF; padding: 16px; border-radius: 4px; border: 1px solid var(--f-primary-border); }
@media (max-width: 575px) { .f-card { padding: 12px; } }
.line-clamp-1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (max-width: 575px) { .line-clamp-2 { line-clamp: 1; } }
.line-clamp-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.max_400 { max-width: 405px; }
.max_540 { max-width: 543px; }
.g-24 { --bs-gutter-y: 24px; }
.g-8 { --bs-gutter-y: 4px; }
.g-9 { --bs-gutter-y: 9px; }
.g-10 { --bs-gutter-y: 10px; }
.g-11 { --bs-gutter-y: 11px; }
.g-12 { --bs-gutter-y: 12px; }
.g-64 { --bs-gutter-y: 64px; }
.porgress-td { min-width: 170px; }
.progress-btn, .progress-stop, .progress-running, .progress-incomplete, .progress-complite { padding: 9px 11px; border-radius: 4px; font-size: 14px; line-height: 1; display: inline-block; text-transform: none; }
.progress-complite { background: rgba(29, 107, 62, 0.1); color: #1D6B3E; }
.progress-incomplete { background: rgba(180, 35, 24, 0.1); color: #B42318; }
.progress-running { background: rgba(180, 35, 24, 0.1); color: #1D6B3E; }
.progress-stop { background: rgba(var(--f-tertiary-rgb), 0.1); color: var(--f-tertiary); }
.page-loader { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; position: absolute; background: #14232B; background: #EEEAE2; z-index: 1000; }
.page-loader .txt { color: #4A5A62; text-align: center; top: 50%; position: relative; text-transform: none; letter-spacing: 0.3rem; font-weight: bold; line-height: 1.5; }
.page-loader img { max-width: 80px; }
.spinner { position: relative; top: 40%; width: 80px; height: 80px; margin: 0 auto; background-color: rgba(20, 35, 43, 0.5647058824); border-radius: 100%; -webkit-animation: sk-scaleout 1s infinite ease-in-out; animation: sk-scaleout 1s infinite ease-in-out; }
@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } }
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.text-normal { text-transform: none !important; }
.bg-none { background: none !important; }
.custom-break-spaces { white-space: pre-wrap; word-wrap: break-word; }
.apexcharts-toolbar { display: none !important; }
.fileter-selct .select2-selection { min-height: 20px !important; padding: 15px 0; }
.fileter-selct .fileter-selct .select2-container .select2-selection--single { height: 33px !important; padding: 10px 15px; border: 1px solid var(--f-secondary-border) !important; }
.fileter-selct .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; color: var(--f-primary-title); padding-right: 0; }
.fileter-selct .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; right: 4px; }
.fileter-selct .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--f-primary-title); font-size: 12px; padding-left: 14px; padding-right: 17px; }
.min-w-150 { min-width: 150px; }
.min-h-80 { min-height: 80px !important; }
.min-h-98 { min-height: 98px; }
.min-h-100 { min-height: 100px !important; }
.min-h-150 { min-height: 150px; }
.max-h-150 { max-height: 150px; }
.max-h-300 { max-height: 300px; }
.max-h-316 { max-height: 316px; }
.max-h-400 { max-height: 400px; }
.max-h-500 { max-height: 500px; }
.max-h-600 { max-height: 600px; }
.min-h-300 { min-height: 300px !important; }
.min-h-400 { min-height: 400px; }
.min-h-200 { min-height: 200px; }
.min-h-240 { min-height: 240px; }
.min-h-250 { min-height: 250px; }
.btn-close { opacity: 1; padding: 0 !important; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-title); width: 24px; height: 24px; font-weight: 500; margin: 0 !important; font-size: 13px; --bs-btn-close-bg: none; background: rgba(var(--soft-danger-rgb), 0.1); border-color: rgba(var(--soft-danger-rgb), 0.1); border-radius: 50%; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.btn-close i { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: block; color: var(--soft-danger); font-size: 20px; line-height: 0.9; }
.btn-close:hover { color: var(--f-tertiary); }
.btn-close:hover i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.modal-lg { max-width: 700px; }
.modal-sm { max-width: 394px; }
.select2.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #D8D2C6 transparent transparent; border-style: none !important; border-width: 0; position: absolute; top: 50%; width: 6px; }
.select2.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: -2px; margin-top: -16px; border: 0; border-color: #857D70 transparent transparent transparent; width: 6px; height: 6px; border-bottom: 1px solid #0E5468 !important; border-right: 1px solid #0E5468 !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s; transition: 0.3s; }
.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: 55%; }
.grid-column-5 { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.grid-column-5 .f-contact-form { min-width: 230px; }
.grid-column-5 .f-contact-form { min-width: 147px; }
.grid-item-5 { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); grid-gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .grid-item-5 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
.grid-column-4 { display: -ms-grid !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); grid-gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .grid-column-4 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
.h-36 { height: 36px !important; }
.h-42 { height: 42px; }
.p-btn-small { padding: 5px 14px !important; }
.daterangepicker .drp-buttons .btn { padding: 2px 12px; background: var(--f-primary); color: #FFFFFF; border: 0; }
.max-w-80 { max-width: 80px; }
.create-btn { background: var(--f-primary-btn); max-height: 32px; padding: 9px 13px 9px 10px !important; }
.create-btn i,
.create-btn svg { width: 16px !important; height: 16px !important; }
.hide-scrollbar,
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.show-view-port { max-height: 100vh; overflow-y: auto; }
.o-hidden { overflow: hidden; }
.o-visible { overflow: visible; }
.o-auto { overflow: auto; }
.text-1 { font-size: 1px !important; }
.text-2 { font-size: 2px !important; }
.text-3 { font-size: 3px !important; }
.text-4 { font-size: 4px !important; }
.text-5 { font-size: 5px !important; }
.text-6 { font-size: 6px !important; }
.text-7 { font-size: 7px !important; }
.text-8 { font-size: 8px !important; }
.text-9 { font-size: 9px !important; }
.text-10 { font-size: 10px !important; }
.text-11 { font-size: 11px !important; }
.text-12 { font-size: 12px !important; }
.text-13 { font-size: 13px !important; }
.text-14 { font-size: 14px !important; }
.text-15 { font-size: 15px !important; }
.text-16 { font-size: 16px !important; }
.text-17 { font-size: 17px !important; }
.text-18 { font-size: 18px !important; }
.text-19 { font-size: 19px !important; }
.text-20 { font-size: 20px !important; }
.text-21 { font-size: 21px !important; }
.text-22 { font-size: 22px !important; }
.text-23 { font-size: 23px !important; }
.text-24 { font-size: 24px !important; }
.text-25 { font-size: 25px !important; }
.text-26 { font-size: 26px !important; }
.text-27 { font-size: 27px !important; }
.text-28 { font-size: 28px !important; }
.text-29 { font-size: 29px !important; }
.text-30 { font-size: 30px !important; }
.text-31 { font-size: 31px !important; }
.text-32 { font-size: 32px !important; }
.text-33 { font-size: 33px !important; }
.text-34 { font-size: 34px !important; }
.text-35 { font-size: 35px !important; }
.text-36 { font-size: 36px !important; }
.text-37 { font-size: 37px !important; }
.text-38 { font-size: 38px !important; }
.text-39 { font-size: 39px !important; }
.text-40 { font-size: 40px !important; }
.text-41 { font-size: 41px !important; }
.text-42 { font-size: 42px !important; }
.text-43 { font-size: 43px !important; }
.text-44 { font-size: 44px !important; }
.text-45 { font-size: 45px !important; }
.text-46 { font-size: 46px !important; }
.text-47 { font-size: 47px !important; }
.text-48 { font-size: 48px !important; }
.text-49 { font-size: 49px !important; }
.text-50 { font-size: 50px !important; }
.font-100 { font-weight: 100; }
.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
.font-900 { font-weight: 900; }
.text-primary { color: var(--f-primary) !important; }
.text-secondary { color: var(--f-secondary) !important; }
.text-tertiary { color: var(--f-tertiary) !important; }
.text-success { color: #1D6B3E !important; }
.text-success-soft { color: #1D6B3E !important; }
.text-danger { color: #B42318 !important; }
.text-danger-soft { color: #B83E22 !important; }
.text-info { color: #4A5A62 !important; }
.text-light { color: #EEEAE2 !important; }
.text-dark { color: #14232B !important; }
.text-white { color: var(--white) !important; }
.text-warning { color: #B83E22 !important; }
.text-warning-soft { color: #B83E22 !important; }
.text-title { color: var(--f-primary-title) !important; }
.text-orange { color: orange !important; }
.radius-0 { border-radius: 0 !important; }
.radius-1 { border-radius: 4px !important; }
.radius-2 { border-radius: 4px !important; }
.radius-3 { border-radius: 4px !important; }
.radius-4 { border-radius: 4px !important; }
.radius-5 { border-radius: 4px !important; }
.radius-6 { border-radius: 8px !important; }
.radius-7 { border-radius: 8px !important; }
.radius-8 { border-radius: 8px !important; }
.radius-9 { border-radius: 8px !important; }
.radius-10 { border-radius: 8px !important; }
.radius-11 { border-radius: 8px !important; }
.radius-12 { border-radius: 8px !important; }
.radius-13 { border-radius: 8px !important; }
.radius-14 { border-radius: 8px !important; }
.radius-15 { border-radius: 8px !important; }
.radius-16 { border-radius: 8px !important; }
.radius-17 { border-radius: 8px !important; }
.radius-18 { border-radius: 8px !important; }
.radius-19 { border-radius: 8px !important; }
.radius-20 { border-radius: 8px !important; }
.bottom-0 { bottom: 0; }
.bottom-10 { bottom: 10px; }
.bottom-15 { bottom: 15px; }
.bottom-20 { bottom: 20px; }
.bottom-25 { bottom: 25px; }
.right-0 { right: 0; }
.right-10 { right: 10px; }
.right-15 { right: 15px; }
.right-20 { right: 20px; }
.right-25 { right: 25px; }
.left-0 { left: 0; }
.left-10 { left: 10px; }
.left-15 { left: 15px; }
.left-20 { left: 20px; }
.left-30 { left: 20px; }
.left-25 { left: 25px; }
.left-35 { left: 35px !important; }
.left-40 { left: 40px !important; }
.left-50 { left: 50px !important; }
.g-x-24 { --bs-gutter-x: 24px !important; }
.g-y-10 { --bs-gutter-y: 10px; }
.g-y-8 { --bs-gutter-y: 8px; }
.g-y-15 { --bs-gutter-y: 15px; }
.g-y-24 { --bs-gutter-y: 24px; }
.g-x-12 { --bs-gutter-x: 12px; }
.g-x-10 { --bs-gutter-x: 10px; }
.g-x-16 { --bs-gutter-x: 16px; }
.g-y-12 { --bs-gutter-y: 12px; }
.g-y-20 { --bs-gutter-y: 20px; }
.g-x-20 { --bs-gutter-x: 20px; }
.g-y-16 { --bs-gutter-y: 16px; }
.g-x-16 { --bs-gutter-x: 16px; }
.g-y-8 { --bs-gutter-y: 8px; }
.g-x-8 { --bs-gutter-x: 8px; }
.g-x-20 { --bs-gutter-x: 20px; }
.g-x-30 { --bs-gutter-x: 30px; }
.g-x-40 { --bs-gutter-x: 40px; }
.g-x-45 { --bs-gutter-x: 45px; }
.g-x-50 { --bs-gutter-x: 50px; }
.g-x-60 { --bs-gutter-x: 60px; }
.g-x-100 { --bs-gutter-x: 100px; }
.g-x-80 { --bs-gutter-x: 80px; }
.g-x-35 { --bs-gutter-x: 35px; }
.g-y-8 { --bs-gutter-y: 8px; }
.g-y-20 { --bs-gutter-y: 20px; }
.g-y-30 { --bs-gutter-y: 30px; }
.g-y-40 { --bs-gutter-y: 40px; }
.g-y-45 { --bs-gutter-y: 45px; }
.g-y-50 { --bs-gutter-y: 50px; }
.g-y-35 { --bs-gutter-y: 35px; }
.h-80vh { height: 80vh !important; }
.h-90vh { height: 90vh !important; }
.h-88vh { height: 88vh !important; }
.h-100vh { height: 100vh !important; }
.h-80vh-minus-120 { height: calc(80vh - 120px) !important; }
.h-80vh-minus-160 { height: calc(80vh - 160px) !important; }
.h-90vh-minus-160 { height: calc(90vh - 160px) !important; }
.h-90vh-minus-92 { height: calc(90vh - 92px) !important; }
.h-90vh-minus-130 { height: calc(90vh - 130px) !important; }
.h-70vh { height: 70vh !important; }
.mh-70vh { min-height: 70vh !important; }
.h-60vh { height: 60vh !important; }
.wh-20px { width: 20px; height: 20px; }
.wh-32px { width: 32px; height: 32px; }
.wh-40 { width: 40px; height: 40px; }
.wh-44 { width: 44px; height: 44px; }
.wh-50 { width: 50px; height: 50px; }
.wh-60 { width: 60px; height: 60px; }
.wh-70 { width: 70px; height: 70px; }
.wh-90 { width: 90px; height: 90px; }
.h-24 { height: 24px !important; }
.h-26 { height: 26px !important; }
.h-30 { height: 30px !important; }
.h-34 { height: 34px !important; }
.h-35 { height: 35px; }
.h-40 { height: 40px; }
.h-50 { height: 50px !important; }
.h-56 { height: 56px; }
.height-50 { height: 50px; }
.h-10 { height: 10px; }
.h-14 { height: 14px; }
.h-13 { height: 13px; }
.h-10 { height: 10px; }
.h-200 { height: 200px; }
.h-300 { height: 300px; }
.h-400 { height: 400px; }
.h-500 { height: 500px; }
.h-30 { height: 30px; }
.h-0 { height: 0; overflow: hidden; }
.h-14 { height: 14px; }
.z-10 { z-index: 10; }
.z-15 { z-index: 15; }
.z-20 { z-index: 20; }
.z-100 { z-index: 100; }
.object-p-top { -o-object-position: top; object-position: top; }
.object-p-bottom { -o-object-position: bottom; object-position: bottom; }
.object-p-center { -o-object-position: center; object-position: center; }
.min-w-auto { min-width: auto !important; }
.max-w-50 { max-width: 50px; }
.max-w-60 { max-width: 60px; }
.max-w-80 { max-width: 80px; }
.max-w-100 { max-width: 100px; }
.max-w-120 { max-width: 120px; }
.max-w-110 { max-width: 110px; }
.max-w-140 { max-width: 140px !important; }
.max-w-160 { max-width: 160px !important; }
.max-w-180 { max-width: 180px !important; }
.max-w-200 { max-width: 200px !important; }
.max-w-220 { max-width: 220px !important; }
.max-w-230 { max-width: 230px !important; }
.max-w-240 { max-width: 240px !important; }
.max-w-250 { max-width: 250px !important; }
.max-w-350 { max-width: 350px !important; }
.top-20 { top: 20px !important; }
.top-30 { top: 20px !important; }
.top-12 { top: 12px !important; }
.w-60 { width: 60px; }
.w-50 { width: 50px !important; }
.w-40 { width: 40px; }
.w-24 { width: 24px; }
.w-26 { width: 26px; }
.w-30 { width: 30px !important; }
.w-35 { width: 35px; }
.w-36 { width: 36px; }
.w-20 { width: 20px; }
.w-70 { width: 70px; }
.w-80 { width: 80px; }
.h-80 { height: 80px; }
.w-90 { width: 90px; }
.w-200 { width: 200px; }
.w-250 { width: 250px; }
.w-300 { width: 300px; }
.w-400 { width: 400px; }
.pa-0 { padding: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pv-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ph-0 { padding-left: 0 !important; padding-right: 0 !important; }
.pa-2 { padding: 2px !important; }
.pl-2 { padding-left: 2px !important; }
.pt-2 { padding-top: 2px !important; }
.pr-2 { padding-right: 2px !important; }
.pb-2 { padding-bottom: 2px !important; }
.pv-2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.ph-2 { padding-left: 2px !important; padding-right: 2px !important; }
.pa-4 { padding: 4px !important; }
.pl-4 { padding-left: 4px !important; }
.pt-4 { padding-top: 4px !important; }
.pr-4 { padding-right: 4px !important; }
.pb-4 { padding-bottom: 4px !important; }
.pv-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.ph-4 { padding-left: 4px !important; padding-right: 4px !important; }
.pa-6 { padding: 6px !important; }
.pl-6 { padding-left: 6px !important; }
.pt-6 { padding-top: 6px !important; }
.pr-6 { padding-right: 6px !important; }
.pb-6 { padding-bottom: 6px !important; }
.pv-6 { padding-top: 6px !important; padding-bottom: 6px !important; }
.ph-6 { padding-left: 6px !important; padding-right: 6px !important; }
.pa-8 { padding: 8px !important; }
.pl-8 { padding-left: 8px !important; }
.pt-8 { padding-top: 8px !important; }
.pr-8 { padding-right: 8px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pv-8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.ph-8 { padding-left: 8px !important; padding-right: 8px !important; }
.pa-10 { padding: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pv-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ph-10 { padding-left: 10px !important; padding-right: 10px !important; }
.pa-12 { padding: 12px !important; }
.pl-12 { padding-left: 12px !important; }
.pt-12 { padding-top: 12px !important; }
.pr-12 { padding-right: 12px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pv-12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.ph-12 { padding-left: 12px !important; padding-right: 12px !important; }
.pa-14 { padding: 14px !important; }
.pl-14 { padding-left: 14px !important; }
.pt-14 { padding-top: 14px !important; }
.pr-14 { padding-right: 14px !important; }
.pb-14 { padding-bottom: 14px !important; }
.pv-14 { padding-top: 14px !important; padding-bottom: 14px !important; }
.ph-14 { padding-left: 14px !important; padding-right: 14px !important; }
.pa-16 { padding: 16px !important; }
.pl-16 { padding-left: 16px !important; }
.pt-16 { padding-top: 16px !important; }
.pr-16 { padding-right: 16px !important; }
.pb-16 { padding-bottom: 16px !important; }
.pv-16 { padding-top: 16px !important; padding-bottom: 16px !important; }
.ph-16 { padding-left: 16px !important; padding-right: 16px !important; }
.pa-18 { padding: 18px !important; }
.pl-18 { padding-left: 18px !important; }
.pt-18 { padding-top: 18px !important; }
.pr-18 { padding-right: 18px !important; }
.pb-18 { padding-bottom: 18px !important; }
.pv-18 { padding-top: 18px !important; padding-bottom: 18px !important; }
.ph-18 { padding-left: 18px !important; padding-right: 18px !important; }
.pa-20 { padding: 20px !important; }
.pl-20 { padding-left: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pv-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ph-20 { padding-left: 20px !important; padding-right: 20px !important; }
.pa-22 { padding: 22px !important; }
.pl-22 { padding-left: 22px !important; }
.pt-22 { padding-top: 22px !important; }
.pr-22 { padding-right: 22px !important; }
.pb-22 { padding-bottom: 22px !important; }
.pv-22 { padding-top: 22px !important; padding-bottom: 22px !important; }
.ph-22 { padding-left: 22px !important; padding-right: 22px !important; }
.pa-24 { padding: 24px !important; }
.pl-24 { padding-left: 24px !important; }
.pt-24 { padding-top: 24px !important; }
.pr-24 { padding-right: 24px !important; }
.pb-24 { padding-bottom: 24px !important; }
.pv-24 { padding-top: 24px !important; padding-bottom: 24px !important; }
.ph-24 { padding-left: 24px !important; padding-right: 24px !important; }
.pa-26 { padding: 26px !important; }
.pl-26 { padding-left: 26px !important; }
.pt-26 { padding-top: 26px !important; }
.pr-26 { padding-right: 26px !important; }
.pb-26 { padding-bottom: 26px !important; }
.pv-26 { padding-top: 26px !important; padding-bottom: 26px !important; }
.ph-26 { padding-left: 26px !important; padding-right: 26px !important; }
.pa-28 { padding: 28px !important; }
.pl-28 { padding-left: 28px !important; }
.pt-28 { padding-top: 28px !important; }
.pr-28 { padding-right: 28px !important; }
.pb-28 { padding-bottom: 28px !important; }
.pv-28 { padding-top: 28px !important; padding-bottom: 28px !important; }
.ph-28 { padding-left: 28px !important; padding-right: 28px !important; }
.pa-30 { padding: 30px !important; }
.pl-30 { padding-left: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pv-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.ph-30 { padding-left: 30px !important; padding-right: 30px !important; }
.pa-32 { padding: 32px !important; }
.pl-32 { padding-left: 32px !important; }
.pt-32 { padding-top: 32px !important; }
.pr-32 { padding-right: 32px !important; }
.pb-32 { padding-bottom: 32px !important; }
.pv-32 { padding-top: 32px !important; padding-bottom: 32px !important; }
.ph-32 { padding-left: 32px !important; padding-right: 32px !important; }
.pa-34 { padding: 34px !important; }
.pl-34 { padding-left: 34px !important; }
.pt-34 { padding-top: 34px !important; }
.pr-34 { padding-right: 34px !important; }
.pb-34 { padding-bottom: 34px !important; }
.pv-34 { padding-top: 34px !important; padding-bottom: 34px !important; }
.ph-34 { padding-left: 34px !important; padding-right: 34px !important; }
.pa-36 { padding: 36px !important; }
.pl-36 { padding-left: 36px !important; }
.pt-36 { padding-top: 36px !important; }
.pr-36 { padding-right: 36px !important; }
.pb-36 { padding-bottom: 36px !important; }
.pv-36 { padding-top: 36px !important; padding-bottom: 36px !important; }
.ph-36 { padding-left: 36px !important; padding-right: 36px !important; }
.pa-38 { padding: 38px !important; }
.pl-38 { padding-left: 38px !important; }
.pt-38 { padding-top: 38px !important; }
.pr-38 { padding-right: 38px !important; }
.pb-38 { padding-bottom: 38px !important; }
.pv-38 { padding-top: 38px !important; padding-bottom: 38px !important; }
.ph-38 { padding-left: 38px !important; padding-right: 38px !important; }
.pa-40 { padding: 40px !important; }
.pl-40 { padding-left: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pv-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.ph-40 { padding-left: 40px !important; padding-right: 40px !important; }
.pa-42 { padding: 42px !important; }
.pl-42 { padding-left: 42px !important; }
.pt-42 { padding-top: 42px !important; }
.pr-42 { padding-right: 42px !important; }
.pb-42 { padding-bottom: 42px !important; }
.pv-42 { padding-top: 42px !important; padding-bottom: 42px !important; }
.ph-42 { padding-left: 42px !important; padding-right: 42px !important; }
.pa-44 { padding: 44px !important; }
.pl-44 { padding-left: 44px !important; }
.pt-44 { padding-top: 44px !important; }
.pr-44 { padding-right: 44px !important; }
.pb-44 { padding-bottom: 44px !important; }
.pv-44 { padding-top: 44px !important; padding-bottom: 44px !important; }
.ph-44 { padding-left: 44px !important; padding-right: 44px !important; }
.pa-46 { padding: 46px !important; }
.pl-46 { padding-left: 46px !important; }
.pt-46 { padding-top: 46px !important; }
.pr-46 { padding-right: 46px !important; }
.pb-46 { padding-bottom: 46px !important; }
.pv-46 { padding-top: 46px !important; padding-bottom: 46px !important; }
.ph-46 { padding-left: 46px !important; padding-right: 46px !important; }
.pa-48 { padding: 48px !important; }
.pl-48 { padding-left: 48px !important; }
.pt-48 { padding-top: 48px !important; }
.pr-48 { padding-right: 48px !important; }
.pb-48 { padding-bottom: 48px !important; }
.pv-48 { padding-top: 48px !important; padding-bottom: 48px !important; }
.ph-48 { padding-left: 48px !important; padding-right: 48px !important; }
.pa-50 { padding: 50px !important; }
.pl-50 { padding-left: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pv-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ph-50 { padding-left: 50px !important; padding-right: 50px !important; }
.pa-52 { padding: 52px !important; }
.pl-52 { padding-left: 52px !important; }
.pt-52 { padding-top: 52px !important; }
.pr-52 { padding-right: 52px !important; }
.pb-52 { padding-bottom: 52px !important; }
.pv-52 { padding-top: 52px !important; padding-bottom: 52px !important; }
.ph-52 { padding-left: 52px !important; padding-right: 52px !important; }
.pa-54 { padding: 54px !important; }
.pl-54 { padding-left: 54px !important; }
.pt-54 { padding-top: 54px !important; }
.pr-54 { padding-right: 54px !important; }
.pb-54 { padding-bottom: 54px !important; }
.pv-54 { padding-top: 54px !important; padding-bottom: 54px !important; }
.ph-54 { padding-left: 54px !important; padding-right: 54px !important; }
.pa-56 { padding: 56px !important; }
.pl-56 { padding-left: 56px !important; }
.pt-56 { padding-top: 56px !important; }
.pr-56 { padding-right: 56px !important; }
.pb-56 { padding-bottom: 56px !important; }
.pv-56 { padding-top: 56px !important; padding-bottom: 56px !important; }
.ph-56 { padding-left: 56px !important; padding-right: 56px !important; }
.pa-58 { padding: 58px !important; }
.pl-58 { padding-left: 58px !important; }
.pt-58 { padding-top: 58px !important; }
.pr-58 { padding-right: 58px !important; }
.pb-58 { padding-bottom: 58px !important; }
.pv-58 { padding-top: 58px !important; padding-bottom: 58px !important; }
.ph-58 { padding-left: 58px !important; padding-right: 58px !important; }
.pa-60 { padding: 60px !important; }
.pl-60 { padding-left: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pv-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.ph-60 { padding-left: 60px !important; padding-right: 60px !important; }
.pa-62 { padding: 62px !important; }
.pl-62 { padding-left: 62px !important; }
.pt-62 { padding-top: 62px !important; }
.pr-62 { padding-right: 62px !important; }
.pb-62 { padding-bottom: 62px !important; }
.pv-62 { padding-top: 62px !important; padding-bottom: 62px !important; }
.ph-62 { padding-left: 62px !important; padding-right: 62px !important; }
.pa-64 { padding: 64px !important; }
.pl-64 { padding-left: 64px !important; }
.pt-64 { padding-top: 64px !important; }
.pr-64 { padding-right: 64px !important; }
.pb-64 { padding-bottom: 64px !important; }
.pv-64 { padding-top: 64px !important; padding-bottom: 64px !important; }
.ph-64 { padding-left: 64px !important; padding-right: 64px !important; }
.pa-66 { padding: 66px !important; }
.pl-66 { padding-left: 66px !important; }
.pt-66 { padding-top: 66px !important; }
.pr-66 { padding-right: 66px !important; }
.pb-66 { padding-bottom: 66px !important; }
.pv-66 { padding-top: 66px !important; padding-bottom: 66px !important; }
.ph-66 { padding-left: 66px !important; padding-right: 66px !important; }
.pa-68 { padding: 68px !important; }
.pl-68 { padding-left: 68px !important; }
.pt-68 { padding-top: 68px !important; }
.pr-68 { padding-right: 68px !important; }
.pb-68 { padding-bottom: 68px !important; }
.pv-68 { padding-top: 68px !important; padding-bottom: 68px !important; }
.ph-68 { padding-left: 68px !important; padding-right: 68px !important; }
.pa-70 { padding: 70px !important; }
.pl-70 { padding-left: 70px !important; }
.pt-70 { padding-top: 70px !important; }
.pr-70 { padding-right: 70px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pv-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.ph-70 { padding-left: 70px !important; padding-right: 70px !important; }
.pa-72 { padding: 72px !important; }
.pl-72 { padding-left: 72px !important; }
.pt-72 { padding-top: 72px !important; }
.pr-72 { padding-right: 72px !important; }
.pb-72 { padding-bottom: 72px !important; }
.pv-72 { padding-top: 72px !important; padding-bottom: 72px !important; }
.ph-72 { padding-left: 72px !important; padding-right: 72px !important; }
.pa-74 { padding: 74px !important; }
.pl-74 { padding-left: 74px !important; }
.pt-74 { padding-top: 74px !important; }
.pr-74 { padding-right: 74px !important; }
.pb-74 { padding-bottom: 74px !important; }
.pv-74 { padding-top: 74px !important; padding-bottom: 74px !important; }
.ph-74 { padding-left: 74px !important; padding-right: 74px !important; }
.pa-76 { padding: 76px !important; }
.pl-76 { padding-left: 76px !important; }
.pt-76 { padding-top: 76px !important; }
.pr-76 { padding-right: 76px !important; }
.pb-76 { padding-bottom: 76px !important; }
.pv-76 { padding-top: 76px !important; padding-bottom: 76px !important; }
.ph-76 { padding-left: 76px !important; padding-right: 76px !important; }
.pa-78 { padding: 78px !important; }
.pl-78 { padding-left: 78px !important; }
.pt-78 { padding-top: 78px !important; }
.pr-78 { padding-right: 78px !important; }
.pb-78 { padding-bottom: 78px !important; }
.pv-78 { padding-top: 78px !important; padding-bottom: 78px !important; }
.ph-78 { padding-left: 78px !important; padding-right: 78px !important; }
.pa-80 { padding: 80px !important; }
.pl-80 { padding-left: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pr-80 { padding-right: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pv-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.ph-80 { padding-left: 80px !important; padding-right: 80px !important; }
.pa-82 { padding: 82px !important; }
.pl-82 { padding-left: 82px !important; }
.pt-82 { padding-top: 82px !important; }
.pr-82 { padding-right: 82px !important; }
.pb-82 { padding-bottom: 82px !important; }
.pv-82 { padding-top: 82px !important; padding-bottom: 82px !important; }
.ph-82 { padding-left: 82px !important; padding-right: 82px !important; }
.pa-84 { padding: 84px !important; }
.pl-84 { padding-left: 84px !important; }
.pt-84 { padding-top: 84px !important; }
.pr-84 { padding-right: 84px !important; }
.pb-84 { padding-bottom: 84px !important; }
.pv-84 { padding-top: 84px !important; padding-bottom: 84px !important; }
.ph-84 { padding-left: 84px !important; padding-right: 84px !important; }
.pa-86 { padding: 86px !important; }
.pl-86 { padding-left: 86px !important; }
.pt-86 { padding-top: 86px !important; }
.pr-86 { padding-right: 86px !important; }
.pb-86 { padding-bottom: 86px !important; }
.pv-86 { padding-top: 86px !important; padding-bottom: 86px !important; }
.ph-86 { padding-left: 86px !important; padding-right: 86px !important; }
.pa-88 { padding: 88px !important; }
.pl-88 { padding-left: 88px !important; }
.pt-88 { padding-top: 88px !important; }
.pr-88 { padding-right: 88px !important; }
.pb-88 { padding-bottom: 88px !important; }
.pv-88 { padding-top: 88px !important; padding-bottom: 88px !important; }
.ph-88 { padding-left: 88px !important; padding-right: 88px !important; }
.pa-90 { padding: 90px !important; }
.pl-90 { padding-left: 90px !important; }
.pt-90 { padding-top: 90px !important; }
.pr-90 { padding-right: 90px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pv-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.ph-90 { padding-left: 90px !important; padding-right: 90px !important; }
.pa-92 { padding: 92px !important; }
.pl-92 { padding-left: 92px !important; }
.pt-92 { padding-top: 92px !important; }
.pr-92 { padding-right: 92px !important; }
.pb-92 { padding-bottom: 92px !important; }
.pv-92 { padding-top: 92px !important; padding-bottom: 92px !important; }
.ph-92 { padding-left: 92px !important; padding-right: 92px !important; }
.pa-94 { padding: 94px !important; }
.pl-94 { padding-left: 94px !important; }
.pt-94 { padding-top: 94px !important; }
.pr-94 { padding-right: 94px !important; }
.pb-94 { padding-bottom: 94px !important; }
.pv-94 { padding-top: 94px !important; padding-bottom: 94px !important; }
.ph-94 { padding-left: 94px !important; padding-right: 94px !important; }
.pa-96 { padding: 96px !important; }
.pl-96 { padding-left: 96px !important; }
.pt-96 { padding-top: 96px !important; }
.pr-96 { padding-right: 96px !important; }
.pb-96 { padding-bottom: 96px !important; }
.pv-96 { padding-top: 96px !important; padding-bottom: 96px !important; }
.ph-96 { padding-left: 96px !important; padding-right: 96px !important; }
.pa-98 { padding: 98px !important; }
.pl-98 { padding-left: 98px !important; }
.pt-98 { padding-top: 98px !important; }
.pr-98 { padding-right: 98px !important; }
.pb-98 { padding-bottom: 98px !important; }
.pv-98 { padding-top: 98px !important; padding-bottom: 98px !important; }
.ph-98 { padding-left: 98px !important; padding-right: 98px !important; }
.pa-100 { padding: 100px !important; }
.pl-100 { padding-left: 100px !important; }
.pt-100 { padding-top: 110px !important; }
.pr-100 { padding-right: 100px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pv-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.ph-100 { padding-left: 100px !important; padding-right: 100px !important; }
.ma-0 { margin: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mv-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mh-0 { margin-left: 0 !important; margin-right: 0 !important; }
.ma-2 { margin: 2px !important; }
.ml-2 { margin-left: 2px !important; }
.mt-2 { margin-top: 2px !important; }
.mr-2 { margin-right: 2px !important; }
.mb-2 { margin-bottom: 2px !important; }
.mv-2 { margin-top: 2px !important; margin-bottom: 2px !important; }
.mh-2 { margin-left: 2px !important; margin-right: 2px !important; }
.ma-4 { margin: 4px !important; }
.ml-4 { margin-left: 4px !important; }
.mt-4 { margin-top: 4px !important; }
.mr-4 { margin-right: 4px !important; }
.mb-4 { margin-bottom: 4px !important; }
.mv-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.mh-4 { margin-left: 4px !important; margin-right: 4px !important; }
.ma-6 { margin: 6px !important; }
.ml-6 { margin-left: 6px !important; }
.mt-6 { margin-top: 6px !important; }
.mr-6 { margin-right: 6px !important; }
.mb-6 { margin-bottom: 6px !important; }
.mv-6 { margin-top: 6px !important; margin-bottom: 6px !important; }
.mh-6 { margin-left: 6px !important; margin-right: 6px !important; }
.ma-8 { margin: 8px !important; }
.ml-8 { margin-left: 8px !important; }
.mt-8 { margin-top: 8px !important; }
.mr-8 { margin-right: 8px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mv-8 { margin-top: 8px !important; margin-bottom: 8px !important; }
.mh-8 { margin-left: 8px !important; margin-right: 8px !important; }
.ma-10 { margin: 10px !important; }
.ml-10 { margin-left: 10px !important; }
.mlr-auto { margin-left: auto !important; margin-right: auto !important; }
.mt-10 { margin-top: 10px !important; }
.mr-10 { margin-right: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mv-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mh-10 { margin-left: 10px !important; margin-right: 10px !important; }
.ma-12 { margin: 12px !important; }
.ml-12 { margin-left: 12px !important; }
.mt-12 { margin-top: 12px !important; }
.mr-12 { margin-right: 12px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mv-12 { margin-top: 12px !important; margin-bottom: 12px !important; }
.mh-12 { margin-left: 12px !important; margin-right: 12px !important; }
.ma-14 { margin: 14px !important; }
.ml-14 { margin-left: 14px !important; }
.mt-14 { margin-top: 14px !important; }
.mr-14 { margin-right: 14px !important; }
.mb-14 { margin-bottom: 14px !important; }
.mv-14 { margin-top: 14px !important; margin-bottom: 14px !important; }
.mh-14 { margin-left: 14px !important; margin-right: 14px !important; }
.ma-16 { margin: 16px !important; }
.ml-16 { margin-left: 16px !important; }
.mt-16 { margin-top: 16px !important; }
.mr-16 { margin-right: 16px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mv-16 { margin-top: 16px !important; margin-bottom: 16px !important; }
.mh-16 { margin-left: 16px !important; margin-right: 16px !important; }
.ma-18 { margin: 18px !important; }
.ml-18 { margin-left: 18px !important; }
.mt-18 { margin-top: 18px !important; }
.mr-18 { margin-right: 18px !important; }
.mb-18 { margin-bottom: 18px !important; }
.mv-18 { margin-top: 18px !important; margin-bottom: 18px !important; }
.mh-18 { margin-left: 18px !important; margin-right: 18px !important; }
.ma-20 { margin: 20px !important; }
.ml-20 { margin-left: 20px !important; }
.mt-20 { margin-top: 20px !important; }
.mr-20 { margin-right: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mv-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mh-20 { margin-left: 20px !important; margin-right: 20px !important; }
.ma-22 { margin: 22px !important; }
.ml-22 { margin-left: 22px !important; }
.mt-22 { margin-top: 22px !important; }
.mr-22 { margin-right: 22px !important; }
.mb-22 { margin-bottom: 22px !important; }
.mv-22 { margin-top: 22px !important; margin-bottom: 22px !important; }
.mh-22 { margin-left: 22px !important; margin-right: 22px !important; }
.ma-24 { margin: 24px !important; }
.ml-24 { margin-left: 24px !important; }
.mt-24 { margin-top: 24px !important; }
.mr-24 { margin-right: 24px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mv-24 { margin-top: 24px !important; margin-bottom: 24px !important; }
.mh-24 { margin-left: 24px !important; margin-right: 24px !important; }
.ma-26 { margin: 26px !important; }
.ml-26 { margin-left: 26px !important; }
.mt-26 { margin-top: 26px !important; }
.mr-26 { margin-right: 26px !important; }
.mb-26 { margin-bottom: 26px !important; }
.mv-26 { margin-top: 26px !important; margin-bottom: 26px !important; }
.mh-26 { margin-left: 26px !important; margin-right: 26px !important; }
.ma-28 { margin: 28px !important; }
.ml-28 { margin-left: 28px !important; }
.mt-28 { margin-top: 28px !important; }
.mr-28 { margin-right: 28px !important; }
.mb-28 { margin-bottom: 28px !important; }
.mv-28 { margin-top: 28px !important; margin-bottom: 28px !important; }
.mh-28 { margin-left: 28px !important; margin-right: 28px !important; }
.ma-30 { margin: 30px !important; }
.ml-30 { margin-left: 30px !important; }
.mt-30 { margin-top: 30px !important; }
.mr-30 { margin-right: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mv-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mh-30 { margin-left: 30px !important; margin-right: 30px !important; }
.ma-32 { margin: 32px !important; }
.ml-32 { margin-left: 32px !important; }
.mt-32 { margin-top: 32px !important; }
.mr-32 { margin-right: 32px !important; }
.mb-32 { margin-bottom: 32px !important; }
.mv-32 { margin-top: 32px !important; margin-bottom: 32px !important; }
.mh-32 { margin-left: 32px !important; margin-right: 32px !important; }
.ma-34 { margin: 34px !important; }
.ml-34 { margin-left: 34px !important; }
.mt-34 { margin-top: 34px !important; }
.mr-34 { margin-right: 34px !important; }
.mb-34 { margin-bottom: 34px !important; }
.mv-34 { margin-top: 34px !important; margin-bottom: 34px !important; }
.mh-34 { margin-left: 34px !important; margin-right: 34px !important; }
.ma-36 { margin: 36px !important; }
.ml-36 { margin-left: 36px !important; }
.mt-36 { margin-top: 36px !important; }
.mr-36 { margin-right: 36px !important; }
.mb-36 { margin-bottom: 36px !important; }
.mv-36 { margin-top: 36px !important; margin-bottom: 36px !important; }
.mh-36 { margin-left: 36px !important; margin-right: 36px !important; }
.ma-38 { margin: 38px !important; }
.ml-38 { margin-left: 38px !important; }
.mt-38 { margin-top: 38px !important; }
.mr-38 { margin-right: 38px !important; }
.mb-38 { margin-bottom: 38px !important; }
.mv-38 { margin-top: 38px !important; margin-bottom: 38px !important; }
.mh-38 { margin-left: 38px !important; margin-right: 38px !important; }
.ma-40 { margin: 40px !important; }
.ml-40 { margin-left: 40px !important; }
.mt-40 { margin-top: 40px !important; }
.mr-40 { margin-right: 40px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mv-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mh-40 { margin-left: 40px !important; margin-right: 40px !important; }
.ma-42 { margin: 42px !important; }
.ml-42 { margin-left: 42px !important; }
.mt-42 { margin-top: 42px !important; }
.mr-42 { margin-right: 42px !important; }
.mb-42 { margin-bottom: 42px !important; }
.mv-42 { margin-top: 42px !important; margin-bottom: 42px !important; }
.mh-42 { margin-left: 42px !important; margin-right: 42px !important; }
.ma-44 { margin: 44px !important; }
.ml-44 { margin-left: 44px !important; }
.mt-44 { margin-top: 44px !important; }
.mr-44 { margin-right: 44px !important; }
.mb-44 { margin-bottom: 44px !important; }
.mv-44 { margin-top: 44px !important; margin-bottom: 44px !important; }
.mh-44 { margin-left: 44px !important; margin-right: 44px !important; }
.ma-46 { margin: 46px !important; }
.ml-46 { margin-left: 46px !important; }
.mt-46 { margin-top: 46px !important; }
.mr-46 { margin-right: 46px !important; }
.mb-46 { margin-bottom: 46px !important; }
.mv-46 { margin-top: 46px !important; margin-bottom: 46px !important; }
.mh-46 { margin-left: 46px !important; margin-right: 46px !important; }
.ma-48 { margin: 48px !important; }
.ml-48 { margin-left: 48px !important; }
.mt-48 { margin-top: 48px !important; }
.mr-48 { margin-right: 48px !important; }
.mb-48 { margin-bottom: 48px !important; }
.mv-48 { margin-top: 48px !important; margin-bottom: 48px !important; }
.mh-48 { margin-left: 48px !important; margin-right: 48px !important; }
.ma-50 { margin: 50px !important; }
.ml-50 { margin-left: 50px !important; }
.mt-50 { margin-top: 50px !important; }
.mr-50 { margin-right: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mv-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mh-50 { margin-left: 50px !important; margin-right: 50px !important; }
.ma-52 { margin: 52px !important; }
.ml-52 { margin-left: 52px !important; }
.mt-52 { margin-top: 52px !important; }
.mr-52 { margin-right: 52px !important; }
.mb-52 { margin-bottom: 52px !important; }
.mv-52 { margin-top: 52px !important; margin-bottom: 52px !important; }
.mh-52 { margin-left: 52px !important; margin-right: 52px !important; }
.ma-54 { margin: 54px !important; }
.ml-54 { margin-left: 54px !important; }
.mt-54 { margin-top: 54px !important; }
.mr-54 { margin-right: 54px !important; }
.mb-54 { margin-bottom: 54px !important; }
.mv-54 { margin-top: 54px !important; margin-bottom: 54px !important; }
.mh-54 { margin-left: 54px !important; margin-right: 54px !important; }
.ma-56 { margin: 56px !important; }
.ml-56 { margin-left: 56px !important; }
.mt-56 { margin-top: 56px !important; }
.mr-56 { margin-right: 56px !important; }
.mb-56 { margin-bottom: 56px !important; }
.mv-56 { margin-top: 56px !important; margin-bottom: 56px !important; }
.mh-56 { margin-left: 56px !important; margin-right: 56px !important; }
.ma-58 { margin: 58px !important; }
.ml-58 { margin-left: 58px !important; }
.mt-58 { margin-top: 58px !important; }
.mr-58 { margin-right: 58px !important; }
.mb-58 { margin-bottom: 58px !important; }
.mv-58 { margin-top: 58px !important; margin-bottom: 58px !important; }
.mh-58 { margin-left: 58px !important; margin-right: 58px !important; }
.ma-60 { margin: 60px !important; }
.ml-60 { margin-left: 60px !important; }
.mt-60 { margin-top: 60px !important; }
.mr-60 { margin-right: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mv-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mh-60 { margin-left: 60px !important; margin-right: 60px !important; }
.ma-62 { margin: 62px !important; }
.ml-62 { margin-left: 62px !important; }
.mt-62 { margin-top: 62px !important; }
.mr-62 { margin-right: 62px !important; }
.mb-62 { margin-bottom: 62px !important; }
.mv-62 { margin-top: 62px !important; margin-bottom: 62px !important; }
.mh-62 { margin-left: 62px !important; margin-right: 62px !important; }
.ma-64 { margin: 64px !important; }
.ml-64 { margin-left: 64px !important; }
.mt-64 { margin-top: 64px !important; }
.mr-64 { margin-right: 64px !important; }
.mb-64 { margin-bottom: 64px !important; }
.mv-64 { margin-top: 64px !important; margin-bottom: 64px !important; }
.mh-64 { margin-left: 64px !important; margin-right: 64px !important; }
.ma-66 { margin: 66px !important; }
.ml-66 { margin-left: 66px !important; }
.mt-66 { margin-top: 66px !important; }
.mr-66 { margin-right: 66px !important; }
.mb-66 { margin-bottom: 66px !important; }
.mv-66 { margin-top: 66px !important; margin-bottom: 66px !important; }
.mh-66 { margin-left: 66px !important; margin-right: 66px !important; }
.ma-68 { margin: 68px !important; }
.ml-68 { margin-left: 68px !important; }
.mt-68 { margin-top: 68px !important; }
.mr-68 { margin-right: 68px !important; }
.mb-68 { margin-bottom: 68px !important; }
.mv-68 { margin-top: 68px !important; margin-bottom: 68px !important; }
.mh-68 { margin-left: 68px !important; margin-right: 68px !important; }
.ma-70 { margin: 70px !important; }
.ml-70 { margin-left: 70px !important; }
.mt-70 { margin-top: 70px !important; }
.mr-70 { margin-right: 70px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mv-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mh-70 { margin-left: 70px !important; margin-right: 70px !important; }
.ma-72 { margin: 72px !important; }
.ml-72 { margin-left: 72px !important; }
.mt-72 { margin-top: 72px !important; }
.mr-72 { margin-right: 72px !important; }
.mb-72 { margin-bottom: 72px !important; }
.mv-72 { margin-top: 72px !important; margin-bottom: 72px !important; }
.mh-72 { margin-left: 72px !important; margin-right: 72px !important; }
.ma-74 { margin: 74px !important; }
.ml-74 { margin-left: 74px !important; }
.mt-74 { margin-top: 74px !important; }
.mr-74 { margin-right: 74px !important; }
.mb-74 { margin-bottom: 74px !important; }
.mv-74 { margin-top: 74px !important; margin-bottom: 74px !important; }
.mh-74 { margin-left: 74px !important; margin-right: 74px !important; }
.ma-76 { margin: 76px !important; }
.ml-76 { margin-left: 76px !important; }
.mb-icon-2 { margin-bottom: 2px !important; }
.mt-76 { margin-top: 76px !important; }
.mr-76 { margin-right: 76px !important; }
.mb-76 { margin-bottom: 76px !important; }
.mv-76 { margin-top: 76px !important; margin-bottom: 76px !important; }
.mh-76 { margin-left: 76px !important; margin-right: 76px !important; }
.ma-78 { margin: 78px !important; }
.ml-78 { margin-left: 78px !important; }
.mt-78 { margin-top: 78px !important; }
.mr-78 { margin-right: 78px !important; }
.mb-78 { margin-bottom: 78px !important; }
.mv-78 { margin-top: 78px !important; margin-bottom: 78px !important; }
.mh-78 { margin-left: 78px !important; margin-right: 78px !important; }
.ma-80 { margin: 80px !important; }
.ml-80 { margin-left: 80px !important; }
.mt-80 { margin-top: 80px !important; }
.mr-80 { margin-right: 80px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mv-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mh-80 { margin-left: 80px !important; margin-right: 80px !important; }
.ma-82 { margin: 82px !important; }
.ml-82 { margin-left: 82px !important; }
.mt-82 { margin-top: 82px !important; }
.mr-82 { margin-right: 82px !important; }
.mb-82 { margin-bottom: 82px !important; }
.mv-82 { margin-top: 82px !important; margin-bottom: 82px !important; }
.mh-82 { margin-left: 82px !important; margin-right: 82px !important; }
.ma-84 { margin: 84px !important; }
.ml-84 { margin-left: 84px !important; }
.mt-84 { margin-top: 84px !important; }
.mr-84 { margin-right: 84px !important; }
.mb-84 { margin-bottom: 84px !important; }
.mv-84 { margin-top: 84px !important; margin-bottom: 84px !important; }
.mh-84 { margin-left: 84px !important; margin-right: 84px !important; }
.ma-86 { margin: 86px !important; }
.ml-86 { margin-left: 86px !important; }
.mt-86 { margin-top: 86px !important; }
.mr-86 { margin-right: 86px !important; }
.mb-86 { margin-bottom: 86px !important; }
.mv-86 { margin-top: 86px !important; margin-bottom: 86px !important; }
.mh-86 { margin-left: 86px !important; margin-right: 86px !important; }
.ma-88 { margin: 88px !important; }
.ml-88 { margin-left: 88px !important; }
.mt-88 { margin-top: 88px !important; }
.mr-88 { margin-right: 88px !important; }
.mb-88 { margin-bottom: 88px !important; }
.mv-88 { margin-top: 88px !important; margin-bottom: 88px !important; }
.mh-88 { margin-left: 88px !important; margin-right: 88px !important; }
.ma-90 { margin: 90px !important; }
.ml-90 { margin-left: 90px !important; }
.mt-90 { margin-top: 90px !important; }
.mr-90 { margin-right: 90px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mv-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mh-90 { margin-left: 90px !important; margin-right: 90px !important; }
.ma-92 { margin: 92px !important; }
.ml-92 { margin-left: 92px !important; }
.mt-92 { margin-top: 92px !important; }
.mr-92 { margin-right: 92px !important; }
.mb-92 { margin-bottom: 92px !important; }
.mv-92 { margin-top: 92px !important; margin-bottom: 92px !important; }
.mh-92 { margin-left: 92px !important; margin-right: 92px !important; }
.ma-94 { margin: 94px !important; }
.ml-94 { margin-left: 94px !important; }
.mt-94 { margin-top: 94px !important; }
.mr-94 { margin-right: 94px !important; }
.mb-94 { margin-bottom: 94px !important; }
.mv-94 { margin-top: 94px !important; margin-bottom: 94px !important; }
.mh-94 { margin-left: 94px !important; margin-right: 94px !important; }
.ma-96 { margin: 96px !important; }
.ml-96 { margin-left: 96px !important; }
.mt-96 { margin-top: 96px !important; }
.mr-96 { margin-right: 96px !important; }
.mb-96 { margin-bottom: 96px !important; }
.mv-96 { margin-top: 96px !important; margin-bottom: 96px !important; }
.mh-96 { margin-left: 96px !important; margin-right: 96px !important; }
.ma-98 { margin: 98px !important; }
.ml-98 { margin-left: 98px !important; }
.mt-98 { margin-top: 98px !important; }
.mr-98 { margin-right: 98px !important; }
.mb-98 { margin-bottom: 98px !important; }
.mv-98 { margin-top: 98px !important; margin-bottom: 98px !important; }
.mh-98 { margin-left: 98px !important; margin-right: 98px !important; }
.ma-100 { margin: 100px !important; }
.ml-100 { margin-left: 100px !important; }
.mt-100 { margin-top: 100px !important; }
.mr-100 { margin-right: 100px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mv-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.max-w-260 { max-width: 260px !important; }
.max-w-280 { max-width: 280px !important; }
.max-w-270 { max-width: 270px !important; }
.max-w-300 { max-width: 300px !important; }
.max-w-310 { max-width: 310px !important; }
.min-w-310 { min-width: 310px !important; }
.max-w-350 { max-width: 350px; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; }
.max-w-406 { max-width: 406px !important; }
.max-w-415 { max-width: 415px !important; }
.max-w-500 { max-width: 500px !important; }
.max-w-515 { max-width: 515px !important; }
.max-w-400 { max-width: 400px !important; }
.max-w-600 { max-width: 600px !important; }
.max-w-700 { max-width: 700px !important; }
.max-w-800 { max-width: 800px !important; }
.min-w-96 { min-width: 96px; }
.min-w-20 { min-width: 20px; }
.min-w-50 { min-width: 50px; }
.min-w-80 { min-width: 80px; }
.min-w-100 { min-width: 100px; }
.min-w-150 { min-width: 150px; }
.min-w-170 { min-width: 170px; }
.min-w-180 { min-width: 180px; }
.min-w-120 { min-width: 120px; }
.min-w-125 { min-width: 140px; }
.min-w-300 { min-width: 300px; }
.min-w-400 { min-width: 400px; }
.min-w-500 { min-width: 500px; }
.min-w-800 { min-width: 800px; }
.min-w-200 { min-width: 200px; }
.min-w-250 { min-width: 250px; }
.min-h-200 { min-height: 200px; }
.min-h-250 { min-height: 250px; }
.min-h-300 { min-height: 300px; }
.min-h-300 { min-height: 300px; }
.min-h-400 { min-height: 400px; }
.min-h-500 { min-height: 500px; }
.min-h-600 { min-height: 600px; }
.min-h-700 { min-height: 700px; }
.max-width-265 { max-width: 265px !important; }
.white-space-nowrap { white-space: nowrap; }
.max-height-400 { max-height: 400px; }
.max-height-335 { max-height: 335px; }
.max-height-600 { max-height: 600px; }
.max-height-800 { max-height: 800px; }
.max-height-200 { max-height: 200px; }
.max-height-300 { max-height: 300px; }
.max-height-80vh { max-height: 80vh; }
.over-flow-y-auto { overflow-y: auto; }
.over-flow-x-auto { overflow-x: auto; }
.over-flow-hidden { overflow: hidden; }
.over-flow-y-hidden { overflow-y: hidden; }
.over-flow-x-hidden { overflow-x: hidden; }
.accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; }
.max-height-100 { max-height: 100px; }
.max-height-150 { max-height: 150px; }
.max-height-250 { max-height: 250px; }
.max-height-350 { max-height: 350px; }
.max-height-500 { max-height: 500px; }
.max-height-600 { max-height: 600px; }
@media (max-width: 992px) { .lg-min-w-100 { min-width: 100% !important; width: 100% !important; } }
.column-count-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; }
@media (max-width: 991px) { .column-count-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.column-count-1 div,
.column-count-1 li { break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; }
.column-count-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; }
@media (max-width: 991px) { .column-count-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.column-count-2 div,
.column-count-2 li { break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; }
.column-count-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; }
@media (max-width: 991px) { .column-count-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
.column-count-3 div,
.column-count-3 li { break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; margin-bottom: 1.5em; }
.column-count-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3em; -moz-column-gap: 3em; }
@media (max-width: 991px) { .column-count-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
.column-count-4 div,
.column-count-4 li { break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; margin-bottom: 1.5em; }
#nprogress .bar { background: var(--f-primary) !important; }
#nprogress .peg { -webkit-box-shadow: 0 0 10px var(--f-primary), 0 0 5px var(--f-primary) !important; box-shadow: 0 0 10px var(--f-primary), 0 0 5px var(--f-primary) !important; }
#nprogress .spinner-icon { border-top-color: var(--f-primary) !important; border-left-color: var(--f-primary) !important; }
.customDrop { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.sidebar-branch { position: relative; z-index: 9991; }
.customDrop-selected { border: 1px solid var(--f-primary-border); border-radius: 4px; padding: 4px 7px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; }
.customDrop-selected:hover { border-color: rgba(var(--f-primary-rgb), 0.5); }
.customDrop-selected .customDrop-arrow svg,
.customDrop-selected .customDrop-arrow i { width: 16px; height: 16px; }
.customDrop-selected-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
.customDrop-selected-info .customDrop-icon { -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F5F3EE; }
.customDrop-selected-info .customDrop-icon svg,
.customDrop-selected-info .customDrop-icon i { width: 20px; height: 20px; color: var(--f-primary); }
.selected-texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.selected-texts .selected-title { font-weight: 600; font-size: 14px; color: var(--f-primary-title); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; }
.selected-texts .selected-subtitle { font-size: 12px; color: var(--f-primary-paragraph); text-transform: none; }
.customDrop-menu { position: absolute; top: calc(100% + 3px); left: 0; width: 100%; background: white; border-radius: 4px; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); max-height: 220px; padding: 10px 10px; overflow-y: auto; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; border: 1px solid var(--f-primary-border); }
.customDrop-menu .item-title { font-weight: 600; font-size: 14px; text-transform: none; color: #0E5468; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; line-height: 1; margin-bottom: 5px; }
.customDrop-menu .item-subtitle { font-size: 12px; color: var(--f-primary-paragraph); text-transform: none; }
.customDrop.open .customDrop-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: auto; }
.customDrop-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-radius: 8px; gap: 10px; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 5px; }
.customDrop-item .customDrop-item-icon { border-radius: 8px; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; background-color: #F5F3EE; }
.customDrop-item .customDrop-item-icon svg,
.customDrop-item .customDrop-item-icon i { width: 20px; height: 20px; color: var(--f-primary); }
.customDrop-item:nth-child(1) .customDrop-item-icon { color: var(--f-primary); }
.customDrop-item:nth-child(2) .customDrop-item-icon { color: var(--f-primary); }
.customDrop-item:nth-child(3) .customDrop-item-icon { background-color: rgba(var(--warning-color-rgb), 1); border-color: rgba(var(--warning-color-rgb), 0.1); }
.customDrop-item:nth-child(4) .customDrop-item-icon { background-color: rgba(var(--info-color-rgb), 1); border-color: rgba(var(--info-color-rgb), 0.1); }
.customDrop-item:nth-child(5) .customDrop-item-icon { background-color: rgba(var(--tertiary-color-rgb), 1); color: rgba(var(--tertiary-color-rgb), 1); border-color: rgba(var(--tertiary-color-rgb), 0.1); }
.customDrop-item:nth-child(6) .customDrop-item-icon { background-color: rgba(var(--secondary-color-rgb), 1); border-color: rgba(var(--secondary-color-rgb), 0.1); }
.customDrop-item:nth-child(7) .customDrop-item-icon { background-color: rgba(var(--f-primary-rgb), 1); border-color: rgba(var(--f-primary-rgb), 1); }
.customDrop-item .item-texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.customDrop-item .item-texts .item-title { font-weight: 600; font-size: 14px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; }
.customDrop-item .item-texts .item-subtitle { font-size: 12px; color: var(--f-secondary-soft); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; max-width: 124px; }
.customDrop-item:hover { background: transparent; }
.customDrop-item.selected { background: transparent; }
.customDrop-item.selected .checkmark { visibility: visible; }
.checkmark { width: 14px; height: 14px; fill: var(--f-bg-primary); -ms-flex-negative: 0; flex-shrink: 0; visibility: hidden; }
.checkmark svg,
.checkmark i { width: 16px; height: 16px; color: var(--f-primary); }
.line-height-0 { line-height: 0 !important; }
.line-height-1 { line-height: 1 !important; }
.badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; font-weight: 600; outline: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; position: relative; font-size: 12px; height: 22px; padding: 0 10px; border: 1px solid transparent; grid-gap: 5px; text-transform: none; }
.badge .badge-count { font-size: 14px; }
.badge[status=primary] { background-color: rgba(var(--f-primary-rgb), 0.2); color: rgba(var(--f-primary-rgb), 1); border-color: rgba(var(--f-primary-rgb), 0.1); }
.badge[status=secondary] { background-color: rgba(var(--f-secondary-rgb), 0.1); color: rgba(var(--f-secondary-rgb), 1); border-color: rgba(var(--f-secondary-rgb), 0.1); }
.badge[status=tertiary] { background-color: rgba(var(--f-tertiary-rgb), 0.1); color: rgba(var(--f-tertiary-rgb), 1); border-color: rgba(var(--f-tertiary-rgb), 0.1); }
.badge[status=destructive] { background-color: rgba(var(--f-danger-rgb), 0.1); color: rgba(var(--f-danger-rgb), 1); border-color: rgba(var(--f-danger-rgb), 0.1); }
.badge[status=success] { background-color: rgba(var(--f-success-rgb), 0.1); color: rgba(var(--f-success-rgb), 1); border-color: rgba(var(--f-success-rgb), 0.1); }
.badge[status=warning] { background-color: rgba(var(--f-warning-rgb), 0.1); color: rgba(var(--f-warning-rgb), 1); border-color: rgba(var(--f-warning-rgb), 0.1); }
.badge[status=info] { background-color: rgba(var(--f-info-rgb), 0.1); color: rgba(var(--f-info-rgb), 1); border-color: rgba(var(--f-info-rgb), 0.1); }
.badge[size=icon] { width: 26px; height: 26px; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; }
.items-grid-3 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 12px 1fr 12px 1fr; grid-template-columns: repeat(3, 1fr); gap: 12px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
@media (max-width: 767px) { .items-grid-3 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } }
.modal-action-button { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: var(--f-primary); font-size: 14px; font-weight: 600; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: var(--f-primary); padding: 0 !important; }
.modal-action-button.maximize { background-color: #1D6B3E; }
.modal-action-button.minimize { background-color: #B83E22; }
.modal-action-button.close { background-color: #B42318; }
.modal-action-button i,
.modal-action-button svg { width: 12px; height: 12px; color: #FFFFFF; opacity: 0; }
.wrapper-action-buttons:hover .modal-action-button i,
.wrapper-action-buttons:hover .modal-action-button svg { opacity: 1; }
.modal-minimized { max-width: 500px !important; width: 500px !important; margin: 0 !important; position: fixed !important; bottom: 20px !important; right: 20px !important; top: auto !important; left: auto !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 1060 !important; min-height: auto; }
.modal-minimized .modal-content { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 8px; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); margin: 0; min-height: auto; }
.modal-minimized .modal-header { padding: 12px 16px; border-bottom: 1px solid rgba(20, 35, 43, 0.1); cursor: pointer; margin-bottom: 0; }
.modal-minimized .modal-header:hover { background-color: rgba(20, 35, 43, 0.02); }
.modal-fullscreen { width: 100vw !important; max-width: none !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; -webkit-transform: none !important; transform: none !important; }
.modal-fullscreen .modal-content { height: 100vh !important; border: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; }
.modal-fullscreen .modal-header { -ms-flex-negative: 0; flex-shrink: 0; }
.modal-fullscreen .modal-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; min-height: 0; max-width: 1200px; min-width: 700px; margin: 0 auto; }
.bg-primary { background-color: var(--f-bg-primary) !important; }
.bg-secondary { background-color: var(--f-bg-secondary) !important; }
.bg-primary-soft { background-color: rgba(var(--f-primary-rgb), 0.1) !important; }
.bg-primary-light { background-color: rgba(245, 243, 238, 0.431372549); }
.bg-body { background: var(--body-bg) !important; }
.search-style { position: relative; background-color: #FFFFFF; }
.search-style .search-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; color: var(--f-primary-paragraph); }
.search-style .search-icon svg { width: 20px; height: 20px; stroke-width: 1.5; }
.search-style .search-field { line-height: 16px !important; height: 36px !important; width: 100%; font-size: 14px; font-weight: 400; padding: 16px 18px 16px 42px !important; background: none; border-radius: 4px !important; border: 1px solid var(--f-primary-border); }
.search-style .search-field::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); }
.search-style .search-field::-moz-placeholder { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); }
.search-style .search-field:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); }
.search-style .search-field::-ms-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); }
.search-style .search-field::placeholder { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); }
.search-style .search-field:focus-visible { outline-color: transparent; }
.permission-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; height: 100%; }
.permission-wrapper .user-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 250px; background-color: #F5F3EE; padding: 16px; border-radius: 4px; }
.permission-wrapper .user-list .user-item { padding: 10px; cursor: pointer; border-radius: 4px; }
.permission-wrapper .user-list .user-item.active { background-color: rgba(var(--f-primary-rgb), 0.1); border-bottom: transparent; }
.permission-wrapper .user-list .user-item.active:hover { background-color: rgba(var(--f-primary-rgb), 0.1); }
.permission-wrapper .user-list .user-item::before { content: ""; display: block; width: 100%; height: 1px; background-color: red; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.permission-wrapper .user-list .user-item:last-child { border-bottom: none; }
.permission-wrapper .user-list .user-item:hover { background-color: #F5F3EE; }
.permission-wrapper .permission-table { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.permission-status { width: 20px; height: 20px; background: #F5F3EE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; }
.permission-status i,
.permission-status svg { width: 16px; height: 16px; font-size: 14px; font-weight: 600; line-height: 1; }
.permission-status.yes i,
.permission-status.yes svg { color: #1D6B3E; }
.permission-status.no i,
.permission-status.no svg { color: #B42318 !important; }
.grid-two-column { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 12px 1fr; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.icon-size-14 i,
.icon-size-14 svg { width: 14px; height: 14px; }
.icon-size-16 i,
.icon-size-16 svg { width: 16px !important; height: 16px !important; }
.icon-size-18 i,
.icon-size-18 svg { width: 18px; height: 18px; }
.icon-size-20 i,
.icon-size-20 svg { width: 20px; height: 20px; }
.icon-size-22 i,
.icon-size-22 svg { width: 22px; height: 22px; }
.icon-size-24 i,
.icon-size-24 svg { width: 24px !important; height: 24px !important; }
.icon-size-26 i,
.icon-size-26 svg { width: 26px; height: 26px; }
.icon-stroke-width-1 i,
.icon-stroke-width-1 svg { stroke-width: 1; }
.icon-stroke-width-15 i,
.icon-stroke-width-15 svg { stroke-width: 1.5; }
.icon-stroke-width-2 i,
.icon-stroke-width-2 svg { stroke-width: 2; }
.time-picker-icon { cursor: pointer; color: var(--f-secondary-paragraph); }
.custom-edit-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.custom-edit-content .custom-edit-content-text { font-size: 14px; font-weight: 600; color: var(--f-primary-title); line-height: 1; }
.custom-edit-content .custom-edit-content-input { min-width: 200px; height: 35px; outline: none !important; border: 1px solid var(--f-primary-border) !important; border-radius: 4px; padding: 0 6px; font-size: 14px !important; }
.custom-edit-content .custom-edit-content-icon { cursor: pointer; padding: 4px 8px; line-height: 1; }
.custom-edit-content .custom-edit-content-icon i,
.custom-edit-content .custom-edit-content-icon svg { font-size: 16px; width: 16px; height: 16px; color: var(--f-primary-paragraph); stroke-width: 1.5px; }
.custom-edit-content .custom-edit-content-icon .ri-check-line { color: #1D6B3E; font-size: 20px !important; }
.over-flow-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb_box { min-height: 50px; padding: 12px 12px !important; }
.mr-001 { margin-right: 100%; }
.disabled-section .f-contact-form input,
.disabled-section .f-contact-form select,
.disabled-section .f-contact-form .select2-container,
.disabled-section .f-contact-form .select2,
.disabled-section .f-contact-form textarea { background-color: #F5F3EE !important; border-color: #D8D2C6 !important; pointer-events: none; cursor: not-allowed; color: #D8D2C6; }
.disabled-section .f-contact-form input::-webkit-input-placeholder, .disabled-section .f-contact-form select::-webkit-input-placeholder, .disabled-section .f-contact-form .select2-container::-webkit-input-placeholder, .disabled-section .f-contact-form .select2::-webkit-input-placeholder, .disabled-section .f-contact-form textarea::-webkit-input-placeholder { color: #D8D2C6 !important; }
.disabled-section .f-contact-form input::-moz-placeholder, .disabled-section .f-contact-form select::-moz-placeholder, .disabled-section .f-contact-form .select2-container::-moz-placeholder, .disabled-section .f-contact-form .select2::-moz-placeholder, .disabled-section .f-contact-form textarea::-moz-placeholder { color: #D8D2C6 !important; }
.disabled-section .f-contact-form input:-ms-input-placeholder, .disabled-section .f-contact-form select:-ms-input-placeholder, .disabled-section .f-contact-form .select2-container:-ms-input-placeholder, .disabled-section .f-contact-form .select2:-ms-input-placeholder, .disabled-section .f-contact-form textarea:-ms-input-placeholder { color: #D8D2C6 !important; }
.disabled-section .f-contact-form input::-ms-input-placeholder, .disabled-section .f-contact-form select::-ms-input-placeholder, .disabled-section .f-contact-form .select2-container::-ms-input-placeholder, .disabled-section .f-contact-form .select2::-ms-input-placeholder, .disabled-section .f-contact-form textarea::-ms-input-placeholder { color: #D8D2C6 !important; }
.disabled-section .f-contact-form input::placeholder,
.disabled-section .f-contact-form select::placeholder,
.disabled-section .f-contact-form .select2-container::placeholder,
.disabled-section .f-contact-form .select2::placeholder,
.disabled-section .f-contact-form textarea::placeholder { color: #D8D2C6 !important; }
.disabled-section .f-contact-form .select2-container .select2-selection--single .select2-selection__rendered { color: #D8D2C6; }
.disabled-section .f-contact-form .f-contact-label { color: #D8D2C6; pointer-events: none; cursor: not-allowed; }
.disabled-section .f-contact-form .password-toggle { pointer-events: none; cursor: not-allowed; color: #D8D2C6; }
.disabled-section .select2-container .select2-selection--multiple .select2-selection__rendered { opacity: 0.3; }
.disabled-section .when-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.65; }
.disabled-section .select2-selection.select2-selection--multiple { background-color: #F5F3EE !important; border-color: #D8D2C6 !important; }
.disabled-section .delete_item_btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; }
button.disabled-section { pointer-events: none; cursor: not-allowed; opacity: 0.65; }
body .html-return-content p,
body .html-return-content p > span { font-family: var(--body-font) !important; line-height: 1.6 !important; color: var(--f-primary-paragraph) !important; font-size: 16px !important; padding: 0 !important; text-indent: 0 !important; }
body .html-return-content p { margin-bottom: 10px; }
body .html-return-content h2,
body .html-return-content h2 > span,
body .html-return-content h3,
body .html-return-content h3 > span,
body .html-return-content h4,
body .html-return-content h4 > span,
body .html-return-content h5,
body .html-return-content h5 > span,
body .html-return-content h6,
body .html-return-content h6 > span { font-family: var(--body-font) !important; color: var(--f-primary-title) !important; font-weight: 700 !important; margin: 0 !important; padding: 0 !important; line-height: 1.1 !important; }
body .html-return-content h1,
body .html-return-content h1 > span { font-size: 26px !important; line-height: 1.2 !important; }
body .html-return-content h2,
body .html-return-content h2 > span { font-size: 24px !important; }
body .html-return-content h3,
body .html-return-content h3 > span { font-size: 22px !important; line-height: 1.1 !important; }
body .html-return-content h4,
body .html-return-content h4 > span { font-size: 28px !important; }
body .html-return-content h5,
body .html-return-content h5 > span { font-size: 24px !important; }
body .html-return-content h6,
body .html-return-content h6 > span { font-size: 20px !important; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { body .html-return-content h6,
  body .html-return-content h6 > span { font-size: 18px !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { body .html-return-content h6,
  body .html-return-content h6 > span { font-size: 18px !important; } }
@media (max-width: 767px) { body .html-return-content h6,
  body .html-return-content h6 > span { font-size: 18px !important; } }
body .html-return-content pre { margin-bottom: 20px; overflow: auto; }
body .html-return-content code { font-size: 14px; }
body .html-return-content a { color: var(--f-primary); text-decoration: underline; }
body .html-return-content img { max-width: 100% !important; height: auto !important; }
body .html-return-content ol,
body .html-return-content ul { padding-left: 20px; list-style-type: revert !important; list-style-position: outside; margin-bottom: 0 !important; }
body .html-return-content ol li,
body .html-return-content ul li { list-style: revert !important; margin-bottom: 0; line-height: 1.5 !important; font-size: 16px; color: #14232B; }
body .html-return-content ol li:has(> ol), body .html-return-content ol li:has(> ul),
body .html-return-content ul li:has(> ol),
body .html-return-content ul li:has(> ul) { list-style: none !important; margin-bottom: 0 !important; }
body .html-return-content ol li ol,
body .html-return-content ol li ul,
body .html-return-content ul li ol,
body .html-return-content ul li ul { padding-left: 20px; list-style: revert; }
body .html-return-content tbody,
body .html-return-content td,
body .html-return-content tfoot,
body .html-return-content th,
body .html-return-content thead,
body .html-return-content tr { border: 1px solid var(--f-primary-paragraph); }
body .html-return-content td { padding: 5px 10px; }
.f-contact-form .f-input.is-invalid { border: 1px solid #B42318 !important; }
.f-contact-form .f-contact-input.is-invalid { border-color: #B42318; border: 1px solid #B42318 !important; }
.btn-primary-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-primary-fill.md { padding: 6.5px 14px; }
.btn-primary-fill { background: rgba(var(--f-primary-rgb), 0.9); }
.btn-primary-fill:hover { background: none; border: 1px solid var(--f-primary-btn); color: var(--white); background: rgba(var(--f-primary-rgb), 1); }
.btn-primary-fill .icon { line-height: 1; }
.btn-primary-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-primary-fill svg { width: 18px; height: 18px; }
.btn-primary-fill:focus { border-color: var(--f-primary-btn); background: var(--f-primary-btn); color: var(--f-primary-border); }
.btn-primary-fill:focus:active { border-color: var(--f-primary-btn); background: var(--f-primary-btn); color: var(--white); }
.btn-secondary-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-secondary-fill.md { padding: 6.5px 14px; }
.btn-secondary-fill { background: var(--f-secondary-btn); }
.btn-secondary-fill:hover { background: none; border: 1px solid var(--f-secondary-btn); color: var(--f-secondary-btn); }
.btn-secondary-fill .icon { line-height: 1; }
.btn-secondary-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-secondary-fill svg { width: 18px; height: 18px; }
.btn-secondary-fill:focus { border-color: var(--f-primary-btn); background: var(--f-primary-btn); color: var(--f-primary-border); }
.btn-secondary-fill:focus:active { border-color: var(--f-primary-btn); background: var(--f-primary-btn); color: var(--white); }
.btn-tertiary-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-tertiary-fill.md { padding: 6.5px 14px; }
.btn-tertiary-fill { background: var(--f-tertiary-btn); }
.btn-tertiary-fill:hover { background: none; border: 1px solid var(--f-tertiary-btn); color: var(--f-tertiary-btn); }
.btn-tertiary-fill .icon { line-height: 1; }
.btn-tertiary-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-tertiary-fill svg { width: 18px; height: 18px; }
.btn-tertiary-fill:focus { border-color: var(--f-tertiary-btn); background: var(--f-tertiary-btn); color: var(--f-primary-border); }
.btn-tertiary-fill:focus:active { border-color: var(--f-tertiary-btn); background: var(--f-tertiary-btn); color: var(--white); }
.btn-cancel-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-cancel-fill.md { padding: 6.5px 14px; }
.btn-cancel-fill { background: var(--red); }
.btn-cancel-fill:hover { background: none; border: 1px solid var(--red); color: var(--red); }
.btn-cancel-fill .icon { line-height: 1; }
.btn-cancel-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-cancel-fill svg { width: 18px; height: 18px; }
.btn-cancel-fill:focus { border-color: var(--red); background: var(--red); color: var(--f-primary-border); }
.btn-cancel-fill:focus:active { border-color: var(--red); background: var(--red); color: var(--white); }
.btn-light-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-light-fill.md { padding: 6.5px 14px; }
.btn-light-fill:hover { background: none; }
.btn-light-fill .icon { line-height: 1; }
.btn-light-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-light-fill svg { width: 18px; height: 18px; }
.btn-light-fill { color: #14232B; }
.btn-light-fill:focus { border-color: #EEEAE2; background: #EEEAE2; color: #14232B; }
.btn-light-fill:focus:active { border-color: #EEEAE2; background: #EEEAE2; color: #14232B; }
.btn-dark-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-dark-fill.md { padding: 6.5px 14px; }
.btn-dark-fill:hover { background: none; }
.btn-dark-fill .icon { line-height: 1; }
.btn-dark-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-dark-fill svg { width: 18px; height: 18px; }
.btn-dark-fill:focus { border-color: #14232B; background: #14232B; color: var(--f-primary-border); }
.btn-dark-fill:focus:active { border-color: #14232B; background: #14232B; color: var(--white); }
.btn-warning-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-warning-fill.md { padding: 6.5px 14px; }
.btn-warning-fill:hover { background: none; }
.btn-warning-fill .icon { line-height: 1; }
.btn-warning-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-warning-fill svg { width: 18px; height: 18px; }
.btn-warning-fill:focus { border-color: #7F5400; background: #7F5400; color: var(--f-primary-border); }
.btn-warning-fill:focus:active { border-color: #7F5400; background: #7F5400; color: var(--white); }
.btn-white-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-white-fill.md { padding: 6.5px 14px; }
.btn-white-fill { background: var(--white); color: var(--f-primary-title); }
.btn-white-fill:hover { background: none; border: 1px solid var(--white); background: var(--white); color: var(--f-primary-title); }
.btn-white-fill .icon { line-height: 1; }
.btn-white-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-white-fill svg { width: 18px; height: 18px; }
.btn-white-fill:focus { border-color: --white; background: --white; border: 1px solid var(--white); background: var(--white); color: var(--f-primary-title); }
.btn-white-fill:focus:active { border-color: --white; background: --white; color: var(--white); }
.btn-success-fill { padding: 9px 14px; color: var(--white); text-transform: none; border: 1px solid transparent; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; gap: 5px; }
.btn-success-fill.md { padding: 6.5px 14px; }
.btn-success-fill { background: #1D6B3E; color: #FFFFFF; }
.btn-success-fill:hover { background: none; border: 1px solid #1D6B3E; background: #1D6B3E; color: #FFFFFF; }
.btn-success-fill .icon { line-height: 1; }
.btn-success-fill i { font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-success-fill svg { width: 18px; height: 18px; }
.btn-success-fill:focus { border-color: #1D6B3E; background: #1D6B3E; color: var(--f-primary-border); }
.btn-success-fill:focus:active { border-color: #1D6B3E; background: #1D6B3E; color: var(--white); }
.btn-primary-soft-fill { padding: 9px 14px; color: var(--f-primary); text-transform: none; border: 0; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-family: var(--body-font); height: 40px; }
@media (max-width: 1199px) { .btn-primary-soft-fill { padding: 9.5px 13px; } }
.btn-primary-soft-fill.md { padding: 7.5px 24px; }
.btn-primary-soft-fill { background: rgba(var(--f-primary-rgb), 0.1); border-color: rgba(var(--f-primary-rgb), 0.1); }
.btn-primary-soft-fill span { color: var(--f-primary); line-height: 1; }
.btn-primary-soft-fill svg { stroke: var(--f-primary); }
.btn-primary-soft-fill:hover, .btn-primary-soft-fill:focus { background: none; background: rgba(var(--f-primary-rgb), 0.2); border-color: rgba(var(--f-primary-rgb), 0.2); color: var(--f-primary); }
.btn-primary-soft-fill .icon { line-height: 1; }
.btn-primary-soft-fill i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-primary-soft-fill svg { width: 18px; height: 18px; }
.btn-secondary-soft-fill { padding: 9px 14px; color: var(--f-primary); text-transform: none; border: 0; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-family: var(--body-font); height: 40px; }
@media (max-width: 1199px) { .btn-secondary-soft-fill { padding: 9.5px 13px; } }
.btn-secondary-soft-fill.md { padding: 7.5px 24px; }
.btn-secondary-soft-fill { background: rgba(var(--soft-secondary-rgb), 0.1); border-color: rgba(var(--soft-secondary-rgb), 0.1); }
.btn-secondary-soft-fill span { color: var(--soft-secondary); }
.btn-secondary-soft-fill svg { stroke: var(--soft-secondary); width: 18px; }
.btn-secondary-soft-fill:hover, .btn-secondary-soft-fill:focus { background: none; background: rgba(var(--soft-secondary-rgb), 0.2); border-color: rgba(var(--soft-secondary-rgb), 0.2); color: var(--soft-secondary); }
.btn-secondary-soft-fill .icon { line-height: 1; }
.btn-secondary-soft-fill i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-secondary-soft-fill svg { width: 18px; height: 18px; }
.btn-tertiary-soft-fill { padding: 9px 14px; color: var(--f-primary); text-transform: none; border: 0; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-family: var(--body-font); height: 40px; }
@media (max-width: 1199px) { .btn-tertiary-soft-fill { padding: 9.5px 13px; } }
.btn-tertiary-soft-fill.md { padding: 7.5px 24px; }
.btn-tertiary-soft-fill { background: rgba(var(--soft-tertiary-rgb), 0.1); border-color: rgba(var(--soft-tertiary-rgb), 0.1); }
.btn-tertiary-soft-fill span { color: var(--soft-four); }
.btn-tertiary-soft-fill svg { stroke: var(--soft-four); }
.btn-tertiary-soft-fill:hover, .btn-tertiary-soft-fill:focus { background: none; background: rgba(var(--soft-tertiary-rgb), 0.2); border-color: rgba(var(--soft-tertiary-rgb), 0.2); color: var(--soft-tertiary); }
.btn-tertiary-soft-fill .icon { line-height: 1; }
.btn-tertiary-soft-fill i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-tertiary-soft-fill svg { width: 18px; height: 18px; }
.btn-soft-four-fill { padding: 9px 14px; color: var(--f-primary); text-transform: none; border: 0; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-family: var(--body-font); height: 40px; }
@media (max-width: 1199px) { .btn-soft-four-fill { padding: 9.5px 13px; } }
.btn-soft-four-fill.md { padding: 7.5px 24px; }
.btn-soft-four-fill { background: rgba(var(--soft-four-rgb), 0.1); border-color: rgba(var(--soft-four-rgb), 0.1); }
.btn-soft-four-fill span { color: var(--soft-four); }
.btn-soft-four-fill svg { stroke: var(--soft-four); }
.btn-soft-four-fill:hover, .btn-soft-four-fill:focus { background: none; background: rgba(var(--soft-four-rgb), 0.2); border-color: rgba(var(--soft-four-rgb), 0.2); color: var(--soft-four); }
.btn-soft-four-fill .icon { line-height: 1; }
.btn-soft-four-fill i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-soft-four-fill svg { width: 18px; height: 18px; }
.btn-cancel-soft-fill { padding: 9px 14px; color: var(--f-primary); text-transform: none; border: 0; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; font-family: var(--body-font); height: 40px; }
@media (max-width: 1199px) { .btn-cancel-soft-fill { padding: 9.5px 13px; } }
.btn-cancel-soft-fill.md { padding: 7.5px 24px; }
.btn-cancel-soft-fill { background: rgba(var(--soft-danger-rgb), 0.1); border-color: rgba(var(--soft-danger-rgb), 0.1); }
.btn-cancel-soft-fill span { color: var(--soft-danger) !important; }
.btn-cancel-soft-fill svg { stroke: var(--soft-danger); }
.btn-cancel-soft-fill:hover, .btn-cancel-soft-fill:focus { background: none; background: rgba(var(--soft-danger-rgb), 0.2); border-color: rgba(var(--soft-danger-rgb), 0.2); color: var(--soft-danger); }
.btn-cancel-soft-fill .icon { line-height: 1; }
.btn-cancel-soft-fill i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-cancel-soft-fill svg { width: 18px; height: 18px; }
.btn-counter-soft-1 { padding: 5px 20px; color: var(--f-primary); text-transform: none; border: 0; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--body-font); height: 50px; border: 1px solid transparent; min-width: 190px; }
@media (max-width: 1199px) { .btn-counter-soft-1 { padding: 9.5px 13px; } }
.btn-counter-soft-1.md { padding: 7.5px 24px; }
.btn-counter-soft-1 .icon { line-height: 1; }
.btn-counter-soft-1 i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-counter-soft-1 svg { width: 18px; height: 18px; }
.btn-counter-soft-1 { background: rgba(var(--counter-btn-1-rgb), 0.1); border-color: rgba(var(--counter-btn-1-rgb), 0.15); color: var(--counter-btn-1); }
.btn-counter-soft-1:hover, .btn-counter-soft-1:focus { background: none; background: rgba(var(--counter-btn-1-rgb), 0.2); border-color: rgba(var(--counter-btn-1-rgb), 0.2); color: var(--counter-btn-1); }
.btn-counter-soft-2 { padding: 5px 20px; color: var(--f-primary); text-transform: none; border: 0; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--body-font); height: 50px; border: 1px solid transparent; min-width: 190px; }
@media (max-width: 1199px) { .btn-counter-soft-2 { padding: 9.5px 13px; } }
.btn-counter-soft-2.md { padding: 7.5px 24px; }
.btn-counter-soft-2 .icon { line-height: 1; }
.btn-counter-soft-2 i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-counter-soft-2 svg { width: 18px; height: 18px; }
.btn-counter-soft-2 { background: rgba(var(--counter-btn-2-rgb), 0.1); border-color: rgba(var(--counter-btn-2-rgb), 0.15); color: var(--counter-btn-2); }
.btn-counter-soft-2:hover, .btn-counter-soft-2:focus { background: none; background: rgba(var(--counter-btn-2-rgb), 0.2); border-color: rgba(var(--counter-btn-2-rgb), 0.2); color: var(--counter-btn-2); }
.btn-counter-soft-3 { padding: 5px 20px; color: var(--f-primary); text-transform: none; border: 0; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--body-font); height: 50px; border: 1px solid transparent; min-width: 190px; }
@media (max-width: 1199px) { .btn-counter-soft-3 { padding: 9.5px 13px; } }
.btn-counter-soft-3.md { padding: 7.5px 24px; }
.btn-counter-soft-3 .icon { line-height: 1; }
.btn-counter-soft-3 i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-counter-soft-3 svg { width: 18px; height: 18px; }
.btn-counter-soft-3 { background: rgba(var(--counter-btn-3-rgb), 0.1); border-color: rgba(var(--counter-btn-3-rgb), 0.15); color: var(--counter-btn-3); }
.btn-counter-soft-3:hover, .btn-counter-soft-3:focus { background: none; background: rgba(var(--counter-btn-3-rgb), 0.2); border-color: rgba(var(--counter-btn-3-rgb), 0.2); color: var(--counter-btn-3); }
.btn-counter-soft-4 { padding: 5px 20px; color: var(--f-primary); text-transform: none; border: 0; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--body-font); height: 50px; border: 1px solid transparent; min-width: 190px; }
@media (max-width: 1199px) { .btn-counter-soft-4 { padding: 9.5px 13px; } }
.btn-counter-soft-4.md { padding: 7.5px 24px; }
.btn-counter-soft-4 .icon { line-height: 1; }
.btn-counter-soft-4 i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-counter-soft-4 svg { width: 18px; height: 18px; }
.btn-counter-soft-4 { background: rgba(var(--f-primary-rgb), 0.1); border-color: rgba(var(--f-primary-rgb), 0.15); color: var(--f-primary); }
.btn-counter-soft-4:hover, .btn-counter-soft-4:focus { background: none; background: rgba(var(--f-primary-rgb), 0.2); border-color: rgba(var(--f-primary-rgb), 0.2); color: var(--f-primary); }
.btn-counter-soft-5 { padding: 5px 20px; color: var(--f-primary); text-transform: none; border: 0; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--body-font); height: 50px; border: 1px solid transparent; min-width: 190px; }
@media (max-width: 1199px) { .btn-counter-soft-5 { padding: 9.5px 13px; } }
.btn-counter-soft-5.md { padding: 7.5px 24px; }
.btn-counter-soft-5 .icon { line-height: 1; }
.btn-counter-soft-5 i { -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; transition: 0.3s; position: relative; left: 0; top: 0; line-height: 1; font-weight: 400; }
.btn-counter-soft-5 svg { width: 18px; height: 18px; }
.btn-counter-soft-5 { background: rgba(var(--counter-btn-5-rgb), 0.1); border-color: rgba(var(--counter-btn-5-rgb), 0.15); color: var(--counter-btn-5); }
.btn-counter-soft-5:hover, .btn-counter-soft-5:focus { background: none; background: rgba(var(--counter-btn-5-rgb), 0.2); border-color: rgba(var(--counter-btn-5-rgb), 0.2); color: var(--counter-btn-5); }
.table-action-button .button { width: 24px; height: 24px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; line-height: 1; background: transparent; border: 1px solid var(--f-primary-border); padding: 0; }
.table-action-button .button i,
.table-action-button .button svg { font-size: 14px; display: block; width: 16px; height: 16px; stroke-width: 1.8px; }
.table-action-button .button.delete { background: rgba(var(--counter-btn-5-rgb), 0.1); border: 1px solid rgba(var(--counter-btn-5-rgb), 0.15); color: var(--counter-btn-5); }
.table-action-button .button.delete i,
.table-action-button .button.delete svg { color: var(--counter-btn-5); }
.table-action-button .button.delete:hover { background: rgba(var(--counter-btn-5-rgb), 0.2); border: 1px solid rgba(var(--counter-btn-5-rgb), 0.2); }
.table-action-button .button.delete:hover i,
.table-action-button .button.delete:hover svg { color: var(--counter-btn-5); }
.table-action-button .button.recall { background: rgba(var(--counter-btn-1-rgb), 0.1); border: 1px solid rgba(var(--counter-btn-1-rgb), 0.15); color: rgba(var(--counter-btn-1-rgb), 1); }
.table-action-button .button.recall i,
.table-action-button .button.recall svg { color: rgba(var(--f-warning-rgb), 1); }
.table-action-button .button.recall:hover { background: rgba(var(--counter-btn-1-rgb), 0.2); border: 1px solid rgba(var(--counter-btn-1-rgb), 0.2); }
.table-action-button .button.recall:hover i,
.table-action-button .button.recall:hover svg { color: rgba(var(--f-warning-rgb), 1); }
.table-action-button .button.call { background: rgba(var(--counter-btn-2-rgb), 0.1); border: 1px solid rgba(var(--counter-btn-2-rgb), 0.15); color: var(--counter-btn-2); }
.table-action-button .button.call i,
.table-action-button .button.call svg { color: var(--counter-btn-2); }
.table-action-button .button.call:hover { background: rgba(var(--counter-btn-2-rgb), 0.2); border: 1px solid rgba(var(--counter-btn-2-rgb), 0.2); }
.table-action-button .button.call:hover i,
.table-action-button .button.call:hover svg { color: var(--counter-btn-2); }
.table-action-button .button.hold { background: rgba(var(--f-primary-rgb), 0.1); border: 1px solid rgba(var(--f-primary-rgb), 0.15); color: var(--f-primary); }
.table-action-button .button.hold i,
.table-action-button .button.hold svg { font-size: 14px; display: block; width: 14px; height: 14px; }
.table-action-button .button.hold:hover { background: rgba(var(--f-primary-rgb), 0.2); border: 1px solid rgba(var(--f-primary-rgb), 0.2); }
.table-action-button .button.hold:hover i,
.table-action-button .button.hold:hover svg { color: var(--f-primary); }
.btn-primary-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-btn); border: 1px solid var(--f-primary-btn); }
.btn-primary-outline:hover, .btn-primary-outline:focus { color: var(--white); border: 1px solid var(--f-primary-btn) !important; background: var(--f-primary-btn) !important; }
.btn-primary-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-primary-outline svg { width: 18px; height: 18px; }
.btn-primary-outline:focus:active { border-color: var(--f-primary-btn); background: var(--f-primary-btn); color: var(--white); }
.btn-secondary-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-paragraph); border: 1px solid var(--f-primary-border); }
.btn-secondary-outline:hover, .btn-secondary-outline:focus { color: var(--white); border: 1px solid var(--f-primary-btn) !important; background: var(--f-primary-btn) !important; }
.btn-secondary-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-secondary-outline svg { width: 18px; height: 18px; }
.btn-secondary-outline:focus:active { border-color: --f-primary-border; background: --f-primary-border; color: var(--white); }
.btn-tertiary-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-tertiary-btn); border: 1px solid var(--f-tertiary-btn); }
.btn-tertiary-outline:hover, .btn-tertiary-outline:focus { color: var(--white); border: 1px solid var(--f-tertiary-btn); background: var(--f-secondary-btn); }
.btn-tertiary-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-tertiary-outline svg { width: 18px; height: 18px; }
.btn-tertiary-outline:focus:active { border-color: --f-tertiary-btn; background: --f-tertiary-btn; color: var(--white); }
.btn-cancel-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; color: var(--red); border: 1px solid var(--red); }
.btn-cancel-outline:hover, .btn-cancel-outline:focus { color: var(--white); background: var(--red); border: 1px solid var(--red); }
.btn-cancel-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-cancel-outline svg { width: 18px; height: 18px; }
.btn-cancel-outline:focus:active { border-color: var(--red); background: var(--red); color: var(--white); }
.btn-light-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-light-outline:hover, .btn-light-outline:focus { color: var(--white); }
.btn-light-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-light-outline svg { width: 18px; height: 18px; }
.btn-light-outline { color: #14232B; }
.btn-light-outline:focus:active { border-color: #EEEAE2; background: #EEEAE2; color: #14232B; }
.btn-dark-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-dark-outline:hover, .btn-dark-outline:focus { color: var(--white); }
.btn-dark-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-dark-outline svg { width: 18px; height: 18px; }
.btn-dark-outline:focus:active { border-color: #14232B; background: #14232B; color: var(--white); }
.btn-warning-outline { padding: 9px 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; background: none; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-warning-outline:hover, .btn-warning-outline:focus { color: var(--white); }
.btn-warning-outline i { font-size: 21px; line-height: 1; position: relative; top: 4px; }
.btn-warning-outline svg { width: 18px; height: 18px; }
.btn-warning-outline:focus:active { border-color: #7F5400; background: #7F5400; color: var(--white); }
.btn.focus,
.btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.primary-soft-btn { color: #0E5468; background-color: rgba(14, 84, 104, 0.1); border: 0; }
.primary-soft-btn:hover { color: #0E5468; background-color: rgba(14, 84, 104, 0.1); border: 0; }
.btn-dropdown { width: 30px; height: 30px; background: transparent; border-radius: 50px; color: var(--f-primary-paragraph); font-size: 18px; line-height: 30px; font-weight: 500; }
.btn-dropdown:hover { color: var(--f-primary); }
.btn-sm { padding: 9px 10px; background: rgba(var(--f-primary-rgb), 0.1); color: var(--f-primary); text-transform: none; font-size: 14px; font-weight: 500; border-radius: 4px; text-align: center; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }
.btn-sm i,
.btn-sm svg { font-size: 18px; width: 18px; height: 18px; }
.btn-xs { padding: 3px 10px; background: rgba(var(--f-primary-rgb), 0.1); font-size: 12px; height: 28px; }
.btn-xs i,
.btn-xs svg { font-size: 16px; width: 16px; line-height: 1; }
.cache-btn { padding: 5px 9px; font-size: 14px; font-weight: 500; text-transform: none; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; overflow: hidden; background: none; color: var(--f-primary); -webkit-transition: 0.3s; transition: 0.3s; background: rgba(var(--f-primary-rgb), 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; }
.cache-btn i,
.cache-btn svg { font-size: 20px; width: 20px; height: 20px; line-height: 1; stroke-width: 1.7px; }
.voice-settings-btn { height: 38px; min-width: 151px; padding: 2px 3px; }
.slider-thumb { border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: sliderShape 5s linear infinite; display: block; -webkit-animation: sliderShape 5s linear infinite; }
@-webkit-keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 70% 30%/45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54%/30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100%/100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }
@keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 70% 30%/45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54%/30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100%/100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }
.running { -webkit-animation: nudge 10s linear infinite alternate; animation: nudge 10s linear infinite alternate; }
@-webkit-keyframes nudge { 0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(-60px, 0); transform: translate(-60px, 0); @media (max-width: 575px) { .running { -webkit-transform: translate(-50px, 0) !important; transform: translate(-50px, 0) !important; } } } 80% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); @media (max-width: 575px) { .running { -webkit-transform: translate(50px, 0) !important; transform: translate(50px, 0) !important; } } } }
@keyframes nudge { 0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(-60px, 0); transform: translate(-60px, 0); @media (max-width: 575px) { .running { -webkit-transform: translate(-50px, 0) !important; transform: translate(-50px, 0) !important; } } } 80% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); @media (max-width: 575px) { .running { -webkit-transform: translate(50px, 0) !important; transform: translate(50px, 0) !important; } } } }
.runningTwo { -webkit-animation: nudge 10s linear infinite alternate; animation: nudge 10s linear infinite alternate; }
@keyframes nudge { 0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); @media (max-width: 575px) { .runningTwo { -webkit-transform: translate(-20px, 0) !important; transform: translate(-20px, 0) !important; } } } 80% { -webkit-transform: translate(20px, 0); transform: translate(20px, 0); @media (max-width: 575px) { .runningTwo { -webkit-transform: translate(20px, 0) !important; transform: translate(20px, 0) !important; } } } }
.bounce-animate { -webkit-animation-name: float-bob; animation-name: float-bob; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-name: float-bob; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; }
@-webkit-keyframes float-bob { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
.live { display: inline-block; position: relative; }
.live::before { content: ""; position: absolute; left: 6px; top: 9px; background-color: rgba(var(--f-primary-rgb), 0.9); width: 8px; height: 8px; border: 1px solid rgba(var(--f-primary-rgb), 0.1); border-radius: 50%; z-index: 1; }
.live::after { content: ""; display: block; position: absolute; background-color: rgba(var(--f-primary-rgb), 0.5); width: 20px; height: 20px; border-radius: 50%; -webkit-animation: live 2s ease-in-out infinite; animation: live 2s ease-in-out infinite; z-index: 1; top: 3px; left: 0; }
@-webkit-keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background-color: rgba(var(--f-primary-rgb), 0.3); } }
@keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background-color: rgba(var(--f-primary-rgb), 0); } }
:root { --tooltip-color: #0E5468; }
.color-tooltip > .tooltip-inner, .color-tooltip.tooltip .tooltip-inner { background-color: var(--tooltip-color, #0E5468) !important; color: #FFFFFF !important; }
.color-tooltip.bs-tooltip-bottom > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] > .tooltip-arrow::before { border-bottom-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.bs-tooltip-top > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=top] > .tooltip-arrow::before { border-top-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.bs-tooltip-start > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=left] > .tooltip-arrow::before { border-left-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.bs-tooltip-end > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=right] > .tooltip-arrow::before { border-right-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.tooltip.top .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.tooltip.bottom .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.tooltip.left .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--tooltip-color, #0E5468) !important; }
.color-tooltip.tooltip.right .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--tooltip-color, #0E5468) !important; }
.select2-selection { border-color: var(--f-primary-border) !important; border-radius: 4px !important; margin-bottom: 0; min-height: 36px !important; padding: 9px 12px 9px 12px; }
.select2-selection .select2-container .select2-selection__choice { margin-top: 0 !important; }
.select2-selection .select2-container .select2-search--inline .select2-search__field { margin-top: 0; margin-bottom: 0; }
.select2-results__option[aria-selected] { text-transform: none; }
.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; font-weight: 600; color: var(--f-primary-title); }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 0; }
.select2-selection__rendered li { padding: 0 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--white); background-color: var(--f-primary); padding: 2px 6px !important; font-size: 12px; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; margin-top: 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--white); font-size: 22px; font-weight: 400 !important; line-height: 1; margin-right: 6px; position: relative; top: 0px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--white); }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #D8D2C6 transparent transparent; border-style: solid; border-width: 5px 5px 0; position: absolute; top: 50%; width: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 17px; right: 10px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--f-primary); color: var(--f-primary-border); }
.select2-dropdown { border-color: #EEEAE2; }
.select2-container--default .select2-selection--single { background-color: transparent; }
.select2-dropdown { z-index: 10060 !important; }
.select2-container .select2-results { padding: 8px 0; padding-bottom: 0; }
.select2-container .select2-selection--single { -webkit-transition: 0.4s; transition: 0.4s; height: 30px; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; padding-right: 15px; }
.select2-container .select2-selection--single:hover,
.select2-container.select2-container--open .select2-selection--single:hover { border: 1px solid var(--f-primary) !important; }
#select2-language-change-container:hover { color: var(--f-primary); }
.header-control-item .select2-container .select2-selection--single { height: 40px; }
.select2.select2-container.select2-container--default { width: 100% !important; }
.multi-select-wrap .select2.select2-container.select2-container--default { width: auto !important; }
.multi-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -3px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-weight: 500; text-transform: none; font-size: 12px; }
.selection--single .select2-selection__rendered { color: #E5EDF6; line-height: 40px; }
.select2-selection.select2-selection--multiple { border-color: var(--f-primary-border) !important; border-radius: 4px !important; margin-bottom: 0; min-height: 36px !important; padding: 2px 5px; }
.select2-selection.select2-selection--multiple .select2-search__field { height: 32px; margin: 0; font-size: 12px; padding: 0 10px; }
.half-expand-toggle { padding: 0; color: var(--f-primary-paragraph); background: transparent; margin: 0; line-height: 1; }
.half-expand-toggle i, .half-expand-toggle svg { font-size: 22px; width: 22px; height: 22px; }
.user-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; }
.user-info .user-img { max-width: 30px; min-width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
@media (max-width: 1199px) { .user-info .user-img { margin-right: 0; } }
.user-info .user-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 1199px) { .user-info .user-details { display: none; } }
.user-info .user-details .name, .user-info .user-details i { font-weight: 400; font-size: 14px; color: var(--f-primary-paragraph); text-transform: none; }
.user-info .user-details i { font-size: 18px; }
.user-info .user-details .pera { font-weight: 300; margin: 0; font-size: 12px; }
.toggle-arro-hidden::after { display: none; }
.dropdown-toggle { cursor: pointer; }
.header-transparent { position: absolute; top: 0; right: 0; left: 0; z-index: 9; }
.notification .dropdown-menu { min-width: 300px; }
.dropdown-list-style { min-width: 120px; top: 22px; }
.dropdown-list-style .notification-listing { padding-top: 14px; padding-bottom: 10px; max-height: 300px; }
.dropdown-list-style .notification-listing .list { color: var(--f-primary-title); cursor: pointer; }
.dropdown-list-style .notification-listing .list .icon { -webkit-transition: 0.3s; transition: 0.3s; color: var(--paragraph-color); margin-right: 8px; font-weight: 700; font-size: 20px; vertical-align: -4px; }
.dropdown-list-style .notification-listing .list .list-items { -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-paragraph); display: block; padding: 12px 15px 11px; font-size: 15px; font-weight: 500; margin: 0; border-bottom: 1px solid var(--f-secondary-border); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.dropdown-list-style .notification-listing .list .list-items i { position: relative; top: 3px; margin-right: 5px; min-width: 36px; min-height: 28px; display: inline-block; border-radius: 50%; line-height: 36px; color: #FFFFFF; text-align: center; font-size: 15px; margin-right: 10px; }
.dropdown-list-style .notification-listing .list .list-items:last-child { border-bottom: 0; }
.custom-dropdown.profileListing .list .list-items { padding: 4px 0; gap: 15px; }
.custom-dropdown.profileListing .list .list-items i { font-size: 17px; }
.scroll-active { min-height: 100px; overflow: auto; }
.header { background: var(--white); height: 48px; position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; padding: 12px 16px !important; border-bottom: 1px solid var(--f-primary-border); }
.header-control-item .select2 { width: 100% !important; }
.header .close-toggle { display: none; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.header .header-search { position: relative; width: 444px; }
.header .header-search .search-field { color: var(--f-primary); background: var(--body-bg); display: block; width: 100%; padding: 6px 18px; font-size: 14px; font-weight: 400; line-height: 1.5; border: 0; border-radius: 8px; -webkit-box-shadow: none !important; box-shadow: none !important; padding-right: 3.25rem !important; height: 36px !important; }
.header .header-search .search-field::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-secondary-paragraph); }
.header .header-search .search-field::-moz-placeholder { font-size: 14px; font-weight: 400; color: var(--f-secondary-paragraph); }
.header .header-search .search-field:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-secondary-paragraph); }
.header .header-search .search-field::-ms-input-placeholder { font-size: 14px; font-weight: 400; color: var(--f-secondary-paragraph); }
.header .header-search .search-field::placeholder { font-size: 14px; font-weight: 400; color: var(--f-secondary-paragraph); }
.header .header-search .search-field:focus-visible { outline-color: #F5F3EE; }
.with-248 { min-width: 248px !important; }
.custom-w-p { width: 182px; padding: 20px; }
.header-middle { gap: 28px; }
.header-middle .item { position: relative; }
.header-middle .item:not(:last-child)::after { content: ""; width: 1px; height: 20px; background: var(--f-primary-border); display: inline-block; position: absolute; right: -16px; z-index: 11; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-right { gap: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-right .item { position: relative; }
.header-right .item:not(:last-child)::after { content: ""; width: 1px; height: 14px; background: var(--f-primary-border); display: inline-block; position: absolute; right: -16px; z-index: 11; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 991px) { .header-right .item:has(.icon) i, .header-right .item:has(.icon) svg { position: relative; top: 2px; } }
.header-right .item:has(.icon) i, .header-right .item:has(.icon) svg { font-size: 22px; color: var(--f-primary-paragraph); width: 16px; height: 16px; line-height: 1; }
.header-right .item:hover > a > span { color: var(--f-primary) !important; }
.header-right .item:hover > a > .icon i, .header-right .item:hover > a > .icon svg { color: var(--f-primary) !important; }
.header-right .author_thumb img { width: 22px; height: 22px; border-radius: 50%; background: var(--body-bg); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.header.on-scroll { -webkit-box-shadow: none; box-shadow: none; }
.header-logo { max-width: 160px; min-width: 160px; }
.header-logo .logo { max-width: 180px; max-height: 45px; }
@media (max-width: 991px) { .header-logo .logo { max-width: 120px; max-height: 30px; } }
.custom-dropdown-menu { position: absolute; top: calc(100% + 14px); right: 0; width: 270px; background: #FFFFFF; border: 1px solid var(--f-primary-border); border-radius: 8px; padding: 14px; z-index: 1000; }
.custom-dropdown-menu::before { content: ""; position: absolute; top: -6px; right: 26px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #FFFFFF; border-left: 1px solid var(--f-primary-border); border-top: 1px solid var(--f-primary-border); }
.custom-dropdown-menu {  }
.custom-dropdown-menu .custom-menu-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 12px 1fr 12px 1fr; grid-template-columns: repeat(3, 1fr); gap: 12px; max-height: 340px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; padding: 12px 6px; border-radius: 8px; border: 1px solid var(--f-primary-border); background: #F5F3EE; text-decoration: none; text-transform: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item i,
.custom-dropdown-menu .custom-menu-grid .custom-menu-item svg { width: 22px !important; height: 22px !important; stroke-width: 1.5 !important; color: var(--f-primary-paragraph); }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item .title { font-size: 12px; font-weight: 600; line-height: 1; color: var(--f-primary-title); }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover { background: #F5F3EE; border-color: rgba(var(--f-primary-rgb), 0.35); color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover i,
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover svg { color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover .title { color: var(--f-primary); }
.custom-dropdown-menu {  }
.custom-dropdown-menu .custom-menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; padding: 0; margin: 0; list-style: none; max-height: 340px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
.custom-dropdown-menu .custom-menu-list .custom-menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 2px 0; background: #F5F3EE; text-decoration: none; text-transform: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.custom-dropdown-menu .custom-menu-list .custom-menu-item i,
.custom-dropdown-menu .custom-menu-list .custom-menu-item svg { width: 22px !important; height: 22px !important; stroke-width: 1.5 !important; color: var(--f-primary-paragraph); }
.custom-dropdown-menu .custom-menu-list .custom-menu-item .title { font-size: 12px; font-weight: 600; line-height: 1; color: var(--f-primary-title); }
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover { background: #F5F3EE; border-color: rgba(var(--f-primary-rgb), 0.35); color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover i,
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover svg { color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover .title { color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-list.notification-listing .list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; padding: 12px 6px; border-radius: 4px; background-color: #F5F3EE; position: relative; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list::before { content: ""; position: absolute; bottom: -6px; left: 0; right: 0; width: 240px; height: 1px; background-color: var(--f-primary-border); margin: 0 auto; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list .icon { border-radius: 8px; border: 1px solid var(--f-primary-border); background-color: #F5F3EE; width: 32px; height: 32px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list .icon i, .custom-dropdown-menu .custom-menu-list.notification-listing .list .icon svg { font-size: 22px; color: var(--f-primary-paragraph); width: 16px; height: 16px; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list .list-items .title { font-size: 14px; font-weight: 600; text-transform: none; color: var(--f-primary-title); margin-bottom: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list .list-items .description { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); line-height: 1.3; margin-bottom: 5px; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list .list-items .time { font-size: 12px; font-weight: 500; display: block; color: var(--f-primary-title); margin-bottom: 0; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list.seen-notification { background-color: transparent; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list.not-found-notification::before { display: none; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list.not-found-notification .icon { border: 0; padding: 0; width: auto; height: auto; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list.not-found-notification .icon svg { width: 40px !important; height: 36px !important; stroke-width: 1; }
.custom-dropdown-menu .custom-menu-list.notification-listing .list.not-found-notification .title { font-size: 12px; font-weight: 400; text-transform: none; color: var(--f-primary-title); }
.custom-dropdown-menu .custom-menu-list.notification-listing .list:hover { background-color: #F5F3EE; border-color: rgba(var(--f-primary-rgb), 0.35); color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-list.notification-listing .list:hover .icon i, .custom-dropdown-menu .custom-menu-list.notification-listing .list:hover .icon svg { color: var(--f-primary); }
.custom-dropdown-menu .custom-menu-list.notification-listing .list:hover .title { color: var(--f-primary); }
.custom-dropdown-menu .custom-quick-menu { position: relative; }
@media (max-width: 575.98px) { .custom-dropdown-menu .custom-quick-menu { right: -40px; } }
.custom-quick-menu .custom-quick-menu-toggle svg,
.custom-quick-menu .custom-quick-menu-toggle i { pointer-events: none; }
.footer-mobile-wrapper { -webkit-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); position: fixed; margin-bottom: 0; z-index: 99; border-radius: 0; line-height: 1; height: 66px; bottom: 0; left: 0; right: 0; padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer-mobile-wrapper .listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin-bottom: 0; }
.footer-mobile-wrapper .listing .single-list { list-style: none; }
.footer-mobile-wrapper .listing .single-list a { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: transparent; color: var(--f-primary-paragraph); text-align: center; gap: 4px; }
.footer-mobile-wrapper .listing .single-list a.active { color: var(--f-primary); position: relative; }
.footer-mobile-wrapper .listing .single-list a.active .title { color: var(--f-primary-text); display: block; }
.footer-mobile-wrapper .listing .single-list a.active svg { color: var(--f-primary-text) !important; }
.footer-mobile-wrapper .listing .single-list a.active::before { content: ""; position: absolute; top: -7px; left: 0; width: 100%; height: 2px; background-color: var(--f-primary); border-radius: 4px; }
.footer-mobile-wrapper .listing .single-list a .title { display: block; font-size: 12px; font-weight: 600; text-transform: none; width: 50px; line-height: 1; }
.footer-mobile-wrapper .listing .single-list a i, .footer-mobile-wrapper .listing .single-list a svg { font-size: 22px; width: 22px; height: 22px; line-height: 1; stroke-width: 1.7; }
.footer-mobile-wrapper .counter { position: relative; }
.footer-mobile-wrapper .counter .count { position: absolute; background: #B42318; color: #FFFFFF !important; width: 16px !important; height: 16px; border-radius: 50%; display: block !important; top: -7px; right: -4px; line-height: 16px !important; font-size: 10px !important; }
#layout-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
#layout-wrapper.counter-layout-wrapper .half-expand-toggle { display: none; }
@media (min-width: 1200px) and (max-width: 1600px) { #layout-wrapper.counter-layout-wrapper .half-expand-toggle { display: block; }
#layout-wrapper.counter-layout-wrapper .sidebar .close-sidebar { display: block !important; } }
@media (max-width: 991px) { #layout-wrapper.counter-layout-wrapper .half-expand-toggle { display: block; }
#layout-wrapper.counter-layout-wrapper .sidebar .close-sidebar { display: block !important; } }
.footer-wrapper { margin-right: -16px; margin-left: -16px; }
@media (max-width: 991px) { .footer-wrapper { padding-bottom: 80px; } }
@media (max-width: 575px) { .footer-wrapper { margin-right: -25px; } }
.footer { border-top: 1px solid var(--f-primary-border); background: var(--white); padding: 14px 24px 14px 36px; width: 102%; margin-right: -16px; margin-left: -16px; }
@media (max-width: 991px) { .footer { border-bottom: 1px solid var(--f-primary-border); } }
.sidebar { position: fixed; background: #FFFFFF; top: 48px; left: 0; bottom: 0; width: 280px; z-index: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit- width 0.4s; -webkit-transition: width 0.4s; transition: width 0.4s; border-right: 1px solid var(--f-primary-border); }
@media (max-width: 991px) { .sidebar { z-index: 99; left: -100%; transition: -webkit-left 0.3s; -webkit-transition: left 0.3s; transition: left 0.3s; transition: left 0.3s, -webkit-left 0.3s; } }
@media (min-width: 1200px) and (max-width: 1600px) { .sidebar.counter-sidebar { z-index: 99; left: -100%; transition: -webkit-left 0.3s; -webkit-transition: left 0.3s; transition: left 0.3s; transition: left 0.3s, -webkit-left 0.3s; } }
.sidebar.open-sidebar { left: 0; }
.sidebar .close-sidebar { position: absolute; right: -16px; top: -12px; background: var(--f-primary); color: #FFFFFF; width: 22px; height: 22px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 999; -webkit-box-shadow: none; box-shadow: none; padding: 0; line-height: 1; }
.sidebar .close-sidebar:hover { background: #B42318; }
.sidebar .close-sidebar i, .sidebar .close-sidebar svg { font-size: 16px; width: 16px; height: 16px; stroke-width: 1.5; line-height: 1; }
.sidebar .sidebar-inner { max-height: 100%; min-height: 100%; }
.sidebar .sidebar-inner .sidebar-menu { border-right: 1px solid var(--f-primary-border); background: var(--body-bg); }
.sidebar .sidebar-inner .sidebar-menu .sidebar-menu-section { padding: 15px; }
@media (max-width: 991px) { .sidebar .sidebar-inner .on-half-expanded { display: none; } }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item:not(:last-child) { margin-bottom: 12px; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content { position: relative; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--f-primary-paragraph); background: #FFFFFF; font-size: 14px; font-weight: 500; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content svg { stroke-width: 1.5; width: 20px; height: 20px; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content::before { content: ""; display: inline-block; width: 3px; height: 20px; background: transparent; position: absolute; left: -15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; border-radius: 0 4px 4px 0; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content:hover::before { background: var(--f-primary); height: 30px; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content:hover span,
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content:hover svg { color: var(--f-primary); }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active { background: var(--f-primary); color: #FFFFFF; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active span,
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active svg { color: #FFFFFF; }
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active::before { background: var(--f-primary); height: 42px; }
.sidebar-menu-listing .menu-listing .menu-item .single { padding: 6px 9px; border-radius: 4px; line-height: 1; color: var(--f-primary-paragraph); }
.sidebar-menu-listing .menu-listing .menu-item .single .icon i,
.sidebar-menu-listing .menu-listing .menu-item .single .icon svg { width: 18px; height: 18px; stroke-width: 1.5; }
.sidebar-menu-listing .menu-listing .menu-item .single:hover { background: var(--f-bg-primary); color: var(--f-primary-title); }
.sidebar-menu-listing .menu-listing .menu-item .single.active { background: rgba(var(--f-primary-rgb), 0.1); color: var(--f-primary); }
.sidebar .sidebar-header .sidebar-close { border: 0; outline: 0; display: none; background: 0; padding: 0; margin-right: 10px; font-size: 28px; }
.sidebar .sidebar-header .sidebar-close:hover { color: var(--soft-danger); }
.sidebar .sidebar-menu i { font-size: 22px; }
.sidebar .sidebar-menu ol,
.sidebar .sidebar-menu ul { list-style: none; padding-left: 0; margin-left: 0; }
.sidebar .sidebar-header { height: 80px; padding: 13px 27px !important; border-bottom: 1px solid var(--f-primary-border); border-right: 1px solid var(--f-primary-border); min-height: 80px; position: relative; z-index: 12; background: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.author_info { gap: 6px; border-top: 1px solid #EEEAE2; padding: 10px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: var(--white); }
.card-color-one .icon, .payment-card .col-xxl-6:nth-child(1) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(1) .single-card-two .icon, .dashboard-card .col-xl-3:nth-child(1) .single-dashboard-card .icon { color: #0E5468; background-color: rgba(14, 84, 104, 0.06); }
.card-color-two .icon, .payment-card .col-xxl-6:nth-child(4) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(4) .single-card-two .icon, .payment-card .col-xxl-6:nth-child(2) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(2) .single-card-two .icon, .dashboard-card .col-xl-3:nth-child(2) .single-dashboard-card .icon { color: #B42318; background-color: rgba(180, 35, 24, 0.06); }
.card-color-three .icon, .payment-card .col-xxl-6:nth-child(3) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(3) .single-card-two .icon, .dashboard-card .col-xl-3:nth-child(3) .single-dashboard-card .icon { color: #1D6B3E; background-color: rgba(29, 107, 62, 0.06); }
.card-color-four .icon, .payment-card .col-xxl-6:nth-child(4) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(4) .single-card-two .icon, .dashboard-card .col-xl-3:nth-child(4) .single-dashboard-card .icon { color: #0E5468; background-color: rgba(14, 84, 104, 0.06); }
.card-color-five .icon, .payment-card .col-xxl-6:nth-child(5) .single-card-two .icon,
.payment-card .col-xl-6:nth-child(5) .single-card-two .icon, .dashboard-card .col-xl-3:nth-child(5) .single-dashboard-card .icon { color: #B83E22; background-color: rgba(127, 84, 0, 0.1); }
.card-color-six .icon { color: var(--soft-four); background-color: rgba(var(--soft-four-rgb), 0.1); }
.progress-up { color: #1D6B3E !important; }
.progress-down { color: #B83E22 !important; }
.summary-card { padding: 22px; border-radius: 4px; background: var(--white); border: 1px solid var(--f-primary-border); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; }
.summary-card .icon { width: 46px; height: 46px; text-align: center; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; }
.summary-card .icon i, .summary-card .icon svg { font-size: 20px; width: 20px; height: 20px; }
.summary-card .content .title { font-size: 20px; font-weight: 700; color: var(--f-primary-title); }
.summary-card .content .description { font-size: 14px; color: var(--f-primary-paragraph); font-weight: 500; }
.summary .summary-card:nth-child(1) { background-color: rgba(var(--f-primary-rgb), 0.05); border-color: rgba(var(--f-primary-rgb), 0.2); }
.summary .summary-card:nth-child(1) .icon { background: rgba(var(--f-primary-rgb), 1); }
.summary .summary-card:nth-child(1) .icon i,
.summary .summary-card:nth-child(1) .icon svg { color: #FFFFFF; }
.summary .summary-card:nth-child(1) .content .title { color: var(--f-primary); }
.summary .summary-card:nth-child(2) { background-color: rgba(184, 62, 34, 0.05); border-color: rgba(184, 62, 34, 0.2); }
.summary .summary-card:nth-child(2) .icon { background: #B83E22; }
.summary .summary-card:nth-child(2) .icon i,
.summary .summary-card:nth-child(2) .icon svg { color: #FFFFFF; }
.summary .summary-card:nth-child(2) .content .title { color: #B83E22; }
.summary .summary-card:nth-child(3) { background-color: rgba(29, 107, 62, 0.05); border-color: rgba(29, 107, 62, 0.2); }
.summary .summary-card:nth-child(3) .icon { background: #1D6B3E; }
.summary .summary-card:nth-child(3) .icon i,
.summary .summary-card:nth-child(3) .icon svg { color: #FFFFFF; }
.summary .summary-card:nth-child(3) .content .title { color: #1D6B3E; }
.summary .summary-card:nth-child(4) { background-color: rgba(180, 35, 24, 0.05); border-color: rgba(180, 35, 24, 0.2); }
.summary .summary-card:nth-child(4) .icon { background: #0E5468; }
.summary .summary-card:nth-child(4) .icon i,
.summary .summary-card:nth-child(4) .icon svg { color: #FFFFFF; }
.summary .summary-card:nth-child(4) .content .title { color: #0E5468; }
.summary .summary-card:nth-child(5) { background-color: rgba(14, 84, 104, 0.05); border-color: rgba(14, 84, 104, 0.2); }
.summary .summary-card:nth-child(5) .icon { background: #0E5468; }
.summary .summary-card:nth-child(5) .icon i,
.summary .summary-card:nth-child(5) .icon svg { color: #FFFFFF; }
.summary .summary-card:nth-child(5) .content .title { color: rgba(var(--f-info-rgb), 1); }
.single-dashboard-card { padding: 24px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 8px; background: var(--white); }
@media (max-width: 575px) { .single-dashboard-card { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-dashboard-card { padding: 15px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-dashboard-card { padding: 15px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-dashboard-card { padding: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-dashboard-card { padding: 15px; } }
.single-dashboard-card .icon { -webkit-transition: 0.4s; transition: 0.4s; background: var(--white); width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 8px; font-size: 26px; }
.single-dashboard-card .cat-caption .pera { font-size: 16px; margin-bottom: 5px; color: var(--f-primary-paragraph); }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-dashboard-card .cat-caption .pera { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-dashboard-card .cat-caption .pera { font-size: 14px; } }
.single-dashboard-card .cat-caption .single-counter .counter,
.single-dashboard-card .cat-caption .single-counter .currency,
.single-dashboard-card .cat-caption .single-counter .amount { color: var(--f-primary-title); text-transform: none; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 20px; line-height: 42px; margin-bottom: 7px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-dashboard-card .cat-caption .single-counter .counter,
  .single-dashboard-card .cat-caption .single-counter .currency,
  .single-dashboard-card .cat-caption .single-counter .amount { font-size: 18px; } }
@media (max-width: 575px) { .single-dashboard-card .cat-caption .single-counter .counter,
  .single-dashboard-card .cat-caption .single-counter .currency,
  .single-dashboard-card .cat-caption .single-counter .amount { font-size: 18px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-dashboard-card .cat-caption .single-counter .counter,
  .single-dashboard-card .cat-caption .single-counter .currency,
  .single-dashboard-card .cat-caption .single-counter .amount { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-dashboard-card .cat-caption .single-counter .counter,
  .single-dashboard-card .cat-caption .single-counter .currency,
  .single-dashboard-card .cat-caption .single-counter .amount { font-size: 14px; } }
.single-dashboard-card .cat-caption .progresses i { font-size: 16px; }
.single-dashboard-card .cat-caption .progresses span { font-size: 12px; text-transform: none; }
.single-card-two { padding: 20px 20px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 8px; background: var(--white); border: 1px solid var(--f-primary-border); }
@media (max-width: 575px) { .single-card-two { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-two { padding: 15px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-two { padding: 15px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-two { padding: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-card-two { padding: 15px; } }
.single-card-two .icon { -webkit-transition: 0.4s; transition: 0.4s; background: var(--white); width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 8px; font-size: 26px; }
.single-card-two .cat-caption .pera { font-size: 14px; margin-bottom: 5px; color: var(--f-primary-paragraph); }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-two .cat-caption .pera { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-two .cat-caption .pera { font-size: 14px; } }
.single-card-two .cat-caption .single-counter .counter,
.single-card-two .cat-caption .single-counter .currency,
.single-card-two .cat-caption .single-counter .amount { text-transform: none; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; margin-bottom: 0; line-height: 1; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-card-two .cat-caption .single-counter .counter,
  .single-card-two .cat-caption .single-counter .currency,
  .single-card-two .cat-caption .single-counter .amount { font-size: 18px; } }
@media (max-width: 575px) { .single-card-two .cat-caption .single-counter .counter,
  .single-card-two .cat-caption .single-counter .currency,
  .single-card-two .cat-caption .single-counter .amount { font-size: 18px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-two .cat-caption .single-counter .counter,
  .single-card-two .cat-caption .single-counter .currency,
  .single-card-two .cat-caption .single-counter .amount { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-two .cat-caption .single-counter .counter,
  .single-card-two .cat-caption .single-counter .currency,
  .single-card-two .cat-caption .single-counter .amount { font-size: 14px; } }
.payment-card .col-xxl-6:nth-child(1) .single-card-two .single-counter .counter,
.payment-card .col-xxl-6:nth-child(1) .single-card-two .single-counter .currency,
.payment-card .col-xxl-6:nth-child(1) .single-card-two .single-counter .amount,
.payment-card .col-xl-6:nth-child(1) .single-card-two .single-counter .counter,
.payment-card .col-xl-6:nth-child(1) .single-card-two .single-counter .currency,
.payment-card .col-xl-6:nth-child(1) .single-card-two .single-counter .amount { color: var(--f-primary); }
.payment-card .col-xxl-6:nth-child(2) .single-card-two .single-counter .counter,
.payment-card .col-xxl-6:nth-child(2) .single-card-two .single-counter .currency,
.payment-card .col-xxl-6:nth-child(2) .single-card-two .single-counter .amount,
.payment-card .col-xl-6:nth-child(2) .single-card-two .single-counter .counter,
.payment-card .col-xl-6:nth-child(2) .single-card-two .single-counter .currency,
.payment-card .col-xl-6:nth-child(2) .single-card-two .single-counter .amount { color: #B83E22; }
.payment-card .col-xxl-6:nth-child(3) .single-card-two .single-counter .counter,
.payment-card .col-xxl-6:nth-child(3) .single-card-two .single-counter .currency,
.payment-card .col-xxl-6:nth-child(3) .single-card-two .single-counter .amount,
.payment-card .col-xl-6:nth-child(3) .single-card-two .single-counter .counter,
.payment-card .col-xl-6:nth-child(3) .single-card-two .single-counter .currency,
.payment-card .col-xl-6:nth-child(3) .single-card-two .single-counter .amount { color: #1D6B3E; }
.payment-card .col-xxl-6:nth-child(4) .single-card-two .single-counter .counter,
.payment-card .col-xxl-6:nth-child(4) .single-card-two .single-counter .currency,
.payment-card .col-xxl-6:nth-child(4) .single-card-two .single-counter .amount,
.payment-card .col-xl-6:nth-child(4) .single-card-two .single-counter .counter,
.payment-card .col-xl-6:nth-child(4) .single-card-two .single-counter .currency,
.payment-card .col-xl-6:nth-child(4) .single-card-two .single-counter .amount { color: #B83E22; }
.f-cart2 { -webkit-box-shadow: var(--theme-shadow); box-shadow: var(--theme-shadow); border-radius: 8px; padding: 20px; border: 1px solid var(--f-primary-border); }
.single-card-three { padding: 20px 20px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 8px; background: var(--white); border: 1px solid var(--f-primary-border); }
@media (max-width: 575px) { .single-card-three { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-three { padding: 15px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-three { padding: 15px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-three { padding: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-card-three { padding: 15px; } }
.single-card-three .icon { -webkit-transition: 0.4s; transition: 0.4s; background: var(--white); width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 8px; font-size: 26px; color: #1D6B3E; background-color: rgba(29, 107, 62, 0.06); }
.single-card-three .cat-caption .pera { font-size: 14px; margin-bottom: 5px; color: var(--f-primary-paragraph); }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-three .cat-caption .pera { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-three .cat-caption .pera { font-size: 14px; } }
.single-card-three .cat-caption .single-counter .counter,
.single-card-three .cat-caption .single-counter .currency,
.single-card-three .cat-caption .single-counter .amount { color: #1D6B3E; text-transform: none; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; margin-bottom: 7px; line-height: 42px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .single-card-three .cat-caption .single-counter .counter,
  .single-card-three .cat-caption .single-counter .currency,
  .single-card-three .cat-caption .single-counter .amount { font-size: 18px; } }
@media (max-width: 575px) { .single-card-three .cat-caption .single-counter .counter,
  .single-card-three .cat-caption .single-counter .currency,
  .single-card-three .cat-caption .single-counter .amount { font-size: 18px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .single-card-three .cat-caption .single-counter .counter,
  .single-card-three .cat-caption .single-counter .currency,
  .single-card-three .cat-caption .single-counter .amount { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .single-card-three .cat-caption .single-counter .counter,
  .single-card-three .cat-caption .single-counter .currency,
  .single-card-three .cat-caption .single-counter .amount { font-size: 14px; } }
.single-card-three .cat-caption .progresses i { font-size: 16px; }
.single-card-three .cat-caption .progresses span { font-size: 12px; text-transform: none; }
.card-style-one { border: 1px solid var(--f-primary-border); border-radius: 4px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; }
.card-style-one .card-style-one-header { margin: 16px 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--body-bg); min-height: 145px; overflow: hidden; }
.card-style-one .card-style-one-body { padding: 16px 16px 0 16px; }
.card-style-one .card-style-one-list { margin: 0; padding: 0; list-style: none; }
.card-style-one .card-style-one-list { min-height: 190px; }
.card-style-one .card-style-one-list.min-h-150 { min-height: 150px; }
.card-style-one .card-style-one-list.max-h-150 { max-height: 150px; }
.card-style-one .card-style-one-list .list-item { display: -ms-grid; display: grid; -ms-grid-columns: 120px 8px 12px 8px 1fr; grid-template-columns: 120px 12px 1fr; gap: 8px; padding: 3px 0; color: var(--f-primary-title); font-size: 14px; text-transform: none; }
.card-style-one .card-style-one-list .list-item.grid-width-160 { -ms-grid-columns: 160px 12px 1fr; grid-template-columns: 160px 12px 1fr; }
@media (max-width: 575px) { .card-style-one .card-style-one-list .list-item.grid-width-160 { -ms-grid-columns: 110px 12px 1fr; grid-template-columns: 110px 12px 1fr; } }
.card-style-one .card-style-one-label { color: var(--f-primary-text); font-weight: 500; }
.card-style-one .card-style-one-footer { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; padding-top: 10px; }
@media (min-width: 1200px) and (max-width: 1580px) { .card-style-one .card-style-one-footer .btn-secondary-outline { padding: 9px 6px; font-size: 12px; height: 32px; }
.card-style-one .card-style-one-footer .btn-secondary-outline i,
  .card-style-one .card-style-one-footer .btn-secondary-outline svg { font-size: 12px; width: 14px; height: 14px; }
.card-style-one .card-style-one-footer .settings-icon-btn { height: 32px; }
.card-style-one .card-style-one-footer .settings-icon-btn svg { width: 14px; height: 14px; } }
@media (max-width: 575px) { .card-style-one .card-style-one-footer .btn-secondary-outline { padding: 9px 6px; font-size: 12px; height: 32px; }
.card-style-one .card-style-one-footer .btn-secondary-outline i,
  .card-style-one .card-style-one-footer .btn-secondary-outline svg { font-size: 12px; width: 14px; height: 14px; }
.card-style-one .card-style-one-footer .settings-icon-btn { height: 32px; }
.card-style-one .card-style-one-footer .settings-icon-btn svg { width: 14px; height: 14px; } }
.card-style-one .settings-icon-btn { color: var(--f-primary-paragraph); font-size: 14px; font-weight: 600; height: 40px; border-radius: 4px; padding: 10px 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--f-primary-border); background: #FFFFFF; gap: 6px; }
.card-style-one .settings-icon-btn:hover { background: var(--f-primary); border: 1px solid transparent; }
.card-style-one .settings-icon-btn:hover span { color: #FFFFFF; }
.card-style-one .settings-icon-btn:hover svg { color: #FFFFFF; }
.card-style-one .settings-icon-btn svg { width: 18px; height: 18px; color: var(--f-primary-paragraph); }
.card-style-two { border: 1px solid var(--f-primary-border); border-radius: 8px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; height: 100%; max-height: 456px; }
.card-style-two:hover { border-color: rgba(var(--f-primary-rgb), 0.5); }
.card-style-two:hover .card-style-two-header img { scale: 1.02; }
.card-style-two:hover .card-style-two-body .title { color: var(--f-primary) !important; }
.card-style-two .card-style-two-header { margin: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--body-bg); min-height: 140px; overflow: hidden; border-radius: 8px; border: 1px solid var(--f-primary-border); padding: 12px; }
@media (max-width: 767px) { .card-style-two .card-style-two-header { min-height: 80px; } }
@media (max-width: 575px) { .card-style-two .card-style-two-header { display: none; } }
.card-style-two .card-style-two-header.card-style-two-header-big { min-height: 140px; }
@media (max-width: 767px) { .card-style-two .card-style-two-header.card-style-two-header-big { min-height: 246px; } }
.card-style-two .card-style-two-header img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; scale: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.card-style-two .card-style-two-body { padding: 12px; padding-top: 0; }
@media (max-width: 575px) { .card-style-two .card-style-two-body { padding-top: 12px; } }
@media (max-width: 767px) { .card-style-two .card-style-two-body .pera { display: none; } }
.line-clamp-13characters { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
@media (min-width: 1400px) and (max-width: 1700px) { .hide-large-device { display: none !important; } }
.horizontal-separator { width: 1px; height: 12px; background-color: #D8D2C6; }
.rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.text-break { word-wrap: break-word !important; word-break: break-word !important; }
@media (max-width: 1199px) { .w-lg-100 { width: 100% !important; } }
@media (max-width: 991px) { .w-md-100 { width: 100% !important; } }
@media (max-width: 1400px) { .w-xl-100 { width: 100% !important; } }
@media (max-width: 1199px) { .gap-lg-20 { gap: 20px !important; } }
@media (max-width: 991px) { .gap-md-20 { gap: 20px !important; } }
.notification-badge { position: absolute; top: -12px; left: 8px; background: rgba(var(--f-primary-rgb), 0.3); color: var(--f-primary); width: 18px; height: 17px; border-radius: 50%; line-height: 16px; font-size: 10px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
textarea::-webkit-input-placeholder { font-family: var(--heading-font); font-style: normal; font-weight: 400; font-size: 14px; color: #857D70; }
textarea::-moz-placeholder { font-family: var(--heading-font); font-style: normal; font-weight: 400; font-size: 14px; color: #857D70; }
textarea:-ms-input-placeholder { font-family: var(--heading-font); font-style: normal; font-weight: 400; font-size: 14px; color: #857D70; }
textarea::-ms-input-placeholder { font-family: var(--heading-font); font-style: normal; font-weight: 400; font-size: 14px; color: #857D70; }
textarea::placeholder { font-family: var(--heading-font); font-style: normal; font-weight: 400; font-size: 14px; color: #857D70; }
.button-group { border-color: var(--f-primary-title) !important; }
.button-group:hover { background-color: rgba(14, 84, 104, 0.2039215686) !important; border-color: var(--f-primary) !important; }
a:hover { color: var(--f-primary); }
input.select2-search__field:focus-visible { outline: none; }
input[type=file] { padding-left: 10px !important; }
input[type=file]::-webkit-file-upload-button { background: var(--f-bg-table-tbody); color: var(--f-primary-title); -webkit-transition: 1s; transition: 1s; }
input[type=file]::file-selector-button { background: var(--f-bg-table-tbody); color: var(--f-primary-title); -webkit-transition: 1s; transition: 1s; }
input[type=file]::-ms-browse:hover { background: var(--f-bg-table-tbody); color: var(--f-primary-title); }
input[type=file]::-webkit-file-upload-button:hover { background: var(--f-bg-table-tbody) !important; color: var(--f-primary-title); }
input[type=file]::file-selector-button:hover { background: var(--f-bg-table-tbody) !important; color: var(--f-primary-title); }
input[type=file]::-webkit-file-upload-button { background: var(--f-bg-table-tbody); color: var(--f-primary-title); }
.select2-container--default .select2-results__option--selected { color: var(--f-primary-title) !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--f-primary); }
.select2-dropdown,
input.select2-search__field:focus-visible,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible,
.select2-container--default .select2-selection--multiple:focus-visible,
input.daterange-table-filter,
.select2-search__field:focus-visible { border: 1px solid var(--f-primary-border) !important; color: var(--f-primary-title) !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--f-primary-border) !important; color: var(--f-primary-title) !important; background-color: var(--white) !important; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible { border: 1px solid var(--f-primary-border) !important; color: var(--f-primary-title) !important; outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
@media screen and (min-width: 1201px) { .filter-container { width: 440px; }
.filter-container .filter { position: unset; } }
.dropdown-item { color: #4A5A62; background: transparent; text-transform: none; }
.primary_dropdown { background: var(--f-bg-secondary); border: 0; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); border-radius: 4px; padding: 12px; margin-top: 0; color: var(--f-primary-title); min-width: 180px; }
.primary_dropdown .list_item { color: var(--f-primary-title); cursor: pointer; }
.primary_dropdown .list_item .icon { -webkit-transition: 0.3s; transition: 0.3s; color: var(--paragraph-color); margin-right: 8px; font-weight: 700; font-size: 20px; vertical-align: -4px; }
.primary_dropdown .list_item .dropdown-item { -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-paragraph); font-family: var(--body-font); display: block; padding: 4px 0; font-weight: 500; font-size: 14px; margin: 0; border-radius: 8px; text-transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; }
.primary_dropdown .list_item .dropdown-item svg { width: 18px; height: 18px; color: var(--f-primary-paragraph); stroke-width: 1.8; }
.primary_dropdown .list_item .dropdown-item i { font-size: 20px; color: var(--f-primary-paragraph); }
.primary_dropdown .list_item .dropdown-item:hover { color: var(--f-primary-paragraph); }
.f-visit-chart p { line-height: 22px; }
.dropdown-designation .form-control { background-color: var(--f-bg-primary) !important; border: 1px solid #EEEAE2 !important; outline: none !important; color: var(--f-primary-title) !important; }
.dropdown-designation .form-control::-webkit-input-placeholder { font-weight: 400; font-size: 14px; color: #857D70; }
.dropdown-designation .form-control::-moz-placeholder { font-weight: 400; font-size: 14px; color: #857D70; }
.dropdown-designation .form-control:-ms-input-placeholder { font-weight: 400; font-size: 14px; color: #857D70; }
.dropdown-designation .form-control::-ms-input-placeholder { font-weight: 400; font-size: 14px; color: #857D70; }
.dropdown-designation .form-control::placeholder { font-weight: 400; font-size: 14px; color: #857D70; }
.select2-search__field[aria-controls=select2-language_with_flag-results],
.select2-search__field[aria-controls=select2-currencies-results] { padding: 8px 5px; }
.user_roles_border,
.user_roles_permission { border: 1px solid #EEEAE2; }
.user_roles_border { border-right: none; }
.user_roles_permission { border-left: none; }
.user-avatar { width: 30px; height: 30px; border-radius: 50%; width: 30px; height: 30px; border-radius: 50%; margin: 0 8px; }
.user-avatar img { width: 100%; height: 100%; }
.f-input-image-preview { max-width: 100px !important; }
.f-charts .card .card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.f-charts .card .card-header h1 { font-weight: 600; font-size: 20px; line-height: 32px; color: var(--f-primary-title); }
.f-charts .card .card-header h4 { font-weight: 600; font-size: 20px; line-height: 32px; color: var(--f-primary-title); }
.submit-button-only-border { background: transparent; border: 1px solid var(--f-primary); color: var(--f-primary); }
.submit-button-only-border:hover { background: var(--f-primary); color: var(--white); border: 1px solid transparent; }
.f__datePicker { -webkit-box-shadow: none; box-shadow: none; }
.f__datePicker .datepicker { -webkit-box-shadow: none !important; box-shadow: none !important; width: 100%; padding: 0; }
.f__datePicker .datepicker--nav-action { width: 32px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--f-primary) !important; }
.f__datePicker .datepicker--day-name { font-size: 20px; color: #857D70; }
.f__datePicker .datepicker--nav-title { border-radius: 0; padding: 0; font-size: 20px; color: #14232B; }
.f__datePicker .datepicker--nav-title i { color: #14232B; }
.f__datePicker .datepicker--day-name { font-size: 16px; color: #4A5A62; font-weight: 400; text-transform: none; }
.f__datePicker .datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- { color: #857D70; }
.f__datePicker .datepicker--nav { border-radius: 0; border-bottom: 1px solid #EEEAE2; min-height: 32px; padding: 0 0 15px 0; margin-bottom: 13px; }
.f__datePicker .datepicker--cell.-current- { color: var(--white); border-color: var(--f-primary); background-color: var(--f-primary); background: var(--f-primary) !important; }
.f__datePicker .datepicker--cell.-selected-.-focus- { background-color: rgba(14, 84, 104, 0.8); }
.f__datePicker .datepicker--cell-day { width: 14.28571%; height: 45px; }
.f_heightFull { height: calc(100% - 24px); }
.profile-content .profile-menu-body .nav-link::before { content: ""; position: absolute; right: -3px; top: 0; background: var(--f-primary); width: 3px; bottom: 0; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.profile-content .profile-menu-body .nav-link.active::before,
.profile-content .profile-menu-body .nav-link:hover::before { opacity: 1; }
.role-table .serial { max-width: 50px; min-width: 100px; }
.primary-btn { display: inline-block; color: #0E5468; letter-spacing: 1px; font-family: var(--body-font); font-size: 12px; font-weight: 500; line-height: 40px; padding: 0 20px; outline: none !important; text-align: center; cursor: pointer; text-transform: none; border: 0; border-radius: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.input-right-icon button { background: transparent; border: 0; display: inline-block; cursor: pointer; margin-left: -38px; position: relative; z-index: 999; }
@media (max-width: 991.98px) { .f__datePicker .datepicker--nav-title { font-size: 16px; } }
.table_height_450 { max-height: 450px; }
.f-pagination { grid-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.f-pagination .page-item { margin: 0; }
.f-pagination .pagination .page-item { margin-right: 0; }
.f-pagination .pagination { margin: 0; grid-gap: 10px; }
.serch-sagetion { max-height: 350px; overflow: auto; }
.cart-two .cartCaption { position: relative; z-index: 1223; }
.select2-container.custom-container { width: 200px !important; }
.custom-container .select2-selection--single { min-height: 40px !important; border: 1px solid #4A9CB0 !important; padding-left: 25px !important; }
.custom-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; }
.custom-container .select2-selection__arrow i.las.la-angle-down { display: none; }
.custom-container .select2-selection__arrow i.fa-solid { color: #4A9CB0; }
.custom-container .select2-selection--single .select2-selection__arrow { right: unset !important; }
.select2-container .custom-container .select2-selection--single { border: 1px solid #4A9CB0 !important; }
.panel-default > .panel-heading { color: #14232B; background-color: #F5F3EE; border-color: #D8D2C6; }
.custom-dropdown-select .select2-container { width: 100% !important; }
.custom-dropdown-select .select2-selection__arrow { position: relative !important; }
.select2-search__field { height: 36px; margin-bottom: 10px; }
.error-show { display: inline-block; }
.custom-text-decoration { text-decoration: underline; }
.remember-checkbox.selected-quize .f-checkmark { background: var(--f-primary); border: var(--f-primary); }
.f-textarea { margin-top: 0; height: auto !important; border: 1px solid var(--f-primary-border); border-radius: 4px; padding: 10px; font-size: 14px; font-weight: 400; color: var(--f-primary-title); line-height: 1.5; resize: vertical; width: 100%; }
.f-textarea:focus { -webkit-box-shadow: none; box-shadow: none; }
.tagify--outside .tagify__input { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; border: 1px solid var(--f-primary-border); margin-bottom: 1em; -webkit-transition: 0.1s; transition: 0.1s; height: 49px; width: 100%; font-size: 16px; padding: 15px 14px; position: relative; border-radius: 8px; border-color: #F5F3EE; background: #F5F3EE; line-height: 18px; }
.tagify--outside .tagify__input { background: none !important; color: var(--f-primary-title); height: 49px; width: 100%; font-size: 16px; padding: 11px 14px 15px 14px; border-radius: 8px; border: 1px solid var(--f-primary-border) !important; }
.theme_dropdown .btn { width: 40px; height: 40px; border: 1px solid var(--f-primary-border); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; font-size: 18px; -webkit-transition: 0.4s; transition: 0.4s; color: var(--f-primary-title); }
.dropdown-item.active,
.dropdown-item:active { color: var(--f-primary-title) !important; text-decoration: none; background: none; }
.theme_dropdown .theme_list { font-size: 14px; text-transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 5px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
.dashboard-card-icon i { font-size: 24px; }
.select2-container--open .select2-dropdown { left: 0; min-width: 130px; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); border-radius: 8px; padding: 1rem 0; padding-bottom: 1rem; background-color: var(--white); padding-bottom: 0; border: 0 !important; }
.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.select2-container .select2-search--dropdown .select2-search__field { border: 1px solid var(--f-primary-border) !important; color: var(--f-primary-title) !important; height: 36px; width: 100%; padding: 0.55rem 0.75rem; font-size: 0.95rem; border-radius: 4px; outline: 0 !important; }
.select2-container .select2-dropdown .select2-search .select2-search__field { padding: 0.55rem 0.75rem; font-size: 0.95rem; border-radius: 4px; outline: 0 !important; margin-bottom: 0; }
.select2-container .select2-dropdown .select2-results__option { max-height: 250px; overflow-y: auto; -webkit-transition: 0.3s; transition: 0.3s; padding: 8px 10px; font-size: 13px; }
.select2-container .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container .select2-results__option--selected { background-color: #F5F3EE !important; color: var(--f-primary) !important; }
.select2-results__option--selectable { font-size: 14px; font-weight: 500; color: #4A5A62; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; text-transform: none; padding-left: 20px; -webkit-transition: 0.3s; transition: 0.3s; }
.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; background: var(--white); border-radius: 0 0 8px 8px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: -12px; margin-top: -7px; border-color: #857D70 transparent transparent transparent; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #857D70 transparent; }
.page-content { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; }
.text-primary { color: var(--f-primary); }
.text-paragraph { color: var(--f-primary-paragraph); }
.list-group .list-group-item .title { font-size: 14px; font-weight: 600; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary-title); }
.swal2-popup.swal2-toast { width: auto; }
.swal2-popup { width: auto !important; }
.ai-reply-message { margin-left: 25px; }
.ai-reply-message .ai-message-list .ai-reply { border-radius: 0 4px 8px 4px; padding: 3px 12px 6px 12px; float: left; margin-bottom: 15px; font-size: 16px; color: var(--body_text); background: rgba(216, 210, 198, 0.8392156863); margin-right: 35px; position: relative; }
#copy-btn { background: none; border: 0; color: #857D70; position: absolute; z-index: 9999999; top: 0; right: -31px; font-size: 20px; line-height: 1; }
#error.invalid-feedback { display: inline-block; }
#toast-container .toast { background-color: #0E5468 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
#toast-container .toast-success { background-color: #1D6B3E !important; }
#toast-container .toast-error { background-color: #B42318 !important; }
#toast-container .toast-info { background-color: #0E5468 !important; }
#toast-container .toast-warning { background-color: #B83E22 !important; }
#toast-container .toast-message { font-size: 13px; }
.swal2-container.swal2-center > .swal2-popup { border-radius: 8px; }
.lead-creator { font-weight: 500; color: var(--f-primary-title); }
.text-normal { white-space: normal !important; max-width: 200px !important; }
._lead_nav { text-transform: none; }
.client_box .client_title { -webkit-transition: 0.3s; transition: 0.3s; }
.table thead { background-color: #F5F3EE; }
.sendmail-form { display: inline-block; }
#loader { position: fixed; left: 53%; top: 50%; z-index: 1; width: 50px; height: 50px; margin: -75px 0 0 -75px; border: 2px solid #D8D2C6; border-radius: 50%; border-top: 2px solid var(--f-primary); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s; }
@-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0; } to { bottom: 0; opacity: 1; } }
@keyframes animatebottom { from { bottom: -100px; opacity: 0; } to { bottom: 0; opacity: 1; } }
.count-title { border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px; }
.dashboard-counts { padding: 10px 0; }
.filter-toggle { float: right; list-style: none; margin-top: 15px; }
.filter-toggle .date-btn { padding: 0.3rem 0.75rem; border-radius: 4px; }
.filter-toggle .date-btn.active { -webkit-box-shadow: none !important; box-shadow: none !important; }
.count-title .count-number { font-size: 1em; }
.brand-img,
.category-img,
.delivery-link,
.product-img,
.product-link,
.purchase-link,
.quotation-link,
.return-link,
.sale-link,
.theme-option,
.transfer-link { cursor: pointer; }
.bootstrap-select.form-control { border: 1px solid; }
.bootstrap-select .btn-link { color: var(--f-primary); }
.bootstrap-select.form-control,
.form-control,
.input-group-text { background-color: #FFFFFF; border-color: #E5EDF6; }
.dataTables_length .btn-default { padding: 0.27rem 0.75rem; padding-right: 25px; }
.mce-panel { border: 1px solid #E5EDF6; border-radius: 4px; }
.daterangepicker .custom-range-buttons button.apply-btn,
.daterangepicker .custom-range-buttons button.apply-btn:hover { background: var(--f-primary); }
div.ui-keyboard { position: fixed; z-index: 2000; top: auto !important; left: 0; bottom: 0; width: 100%; height: 180px; background-color: rgba(255, 255, 255, 0.8); }
.ui-keyboard-button { min-width: 3em; }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { background: var(--f-primary); width: 300px; padding: 15px; position: absolute !important; z-index: 999; }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item { color: var(--white); cursor: pointer; font-size: 14px; list-style: none; padding: 5px 10px; padding-left: 0; }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item:hover { opacity: 0.7; }
.vertical-center { min-height: 100%; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
p.top-border { border-top: 1px solid #14232B; width: 50%; }
th span.number-in-words { text-transform: none; }
@media print { .hide-element { display: none; } }
.dataTables_wrapper label .bootstrap-select { max-width: 70px; }
.table:not(.permission-table) thead th { border-bottom: none; border-top: none; }
.table:not(.permission-table) tr:last-child td { border-bottom: none; }
table.dataTable { background-color: var(--white); border-collapse: collapse !important; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; }
table.dataTable img { background: var(--white); padding: 10px; border-radius: 50px; max-height: 60px; max-width: 60px; }
table.dataTable.no-shadow { -webkit-box-shadow: none; box-shadow: none; }
.table thead th { border-bottom: 1px solid #E5EDF6; font-weight: 600; }
.side-navbar .brand-big { line-height: 60px; }
.side-navbar .brand-big i { font-size: 26px; vertical-align: middle; }
.side-navbar li a { padding: 5px 10px; }
.side-navbar li a i { vertical-align: middle; }
.side-navbar li ul.collapse a:hover { padding-left: 15px; }
nav.navbar a.menu-btn { background: 0 0; border: 1px solid var(--f-primary); border-radius: 4px; color: var(--f-primary); }
nav.navbar a.menu-btn:hover { background: var(--f-primary); border: 1px solid var(--f-primary); color: var(--white); }
.navbar-brand { padding: 0; }
.role-permisssion-control tr { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D8D2C6; }
.brand-text h3 { color: var(--f-primary); font-weight: 300; }
.brand-text h3 span { font-weight: 500; }
.dataTables_wrapper { margin-top: 30px; }
.dataTables_filter,
.dataTables_length,
.dt-buttons { float: left; vertical-align: middle; width: 30%; }
.dt-buttons { display: inline-block; text-align: right; width: 40%; }
.dt-buttons .buttons-delete { line-height: 1; }
.dt-buttons button { padding: 0.25rem 0.75rem; }
.dt-buttons button span { color: var(--white); }
.buttons-pdf { background: #B42318; border: none; }
.buttons-csv { background: #7F5400; border: none; }
.buttons-print { background: #0E5468; border: none; }
.buttons-delete { background: #B42318; border: none; }
.buttons-collection { background: var(--f-primary); border: none; }
.tagify { width: 100%; border-color: var(--f-primary-border) !important; border-radius: 4px !important; margin-bottom: 0; min-height: 36px !important; padding: 1px; }
.tagify-label { font-weight: 400; font-size: 16px; line-height: 160%; text-transform: none; color: #4A5A62; display: block; margin-bottom: 8px; }
.tagify__tag { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 4px 4px; margin: 2px; }
span.tagify__tag-text { font-size: 14px; padding: 0 6px; color: var(--f-primary-title); }
.tagify__tag__removeBtn { font-size: 19px; width: 18px; height: 18px; background-color: rgba(180, 35, 24, 0.1); color: #B42318; font-weight: 400; line-height: 1; padding: 0 4px; border-width: initial; border-style: none; border-color: initial; -o-border-image: initial; border-image: initial; border-radius: 4px; margin: 0; }
.tagify__input { margin: 0; min-height: 34px; font-size: 14px; line-height: 23px; }
.tagify__tag__removeBtn::after { content: "x"; -webkit-transition: 0.3s, color 0s; transition: 0.3s, color 0s; position: absolute; left: 9px; font-size: 15px; color: #B42318; font-weight: 400; top: 5px; }
.tagify__tag > div::before { background: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; border: 1px solid var(--f-primary-border) !important; background-color: #F5F3EE; }
.tagify__tag > div { padding-left: 0; padding: 0; color: var(--tag-text-color); border-radius: 4px; }
.tagify--outside .tagify__input { margin: 10px 0; }
.tagify--outside { border: 0; }
.tagify--outside .tagify__input { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; border: 1px solid var(--tags-border-color); margin-bottom: 1em; -webkit-transition: 0.1s; transition: 0.1s; height: 49px; width: 100%; font-size: 16px; padding: 15px 14px; position: relative; border-radius: 8px; border-color: #F5F3EE; background: #F5F3EE; line-height: 18px; }
.tagify--outside .tagify__input:hover { border-color: var(--tags-hover-border-color); }
.tagify--outside.tagify--focus .tagify__input { -webkit-transition: 0s; transition: 0s; border-color: var(--tags-focus-border-color); }
.badge.badge-success { color: var(--white); }
.btn-export { border-color: var(--f-primary-border); background: var(--white); color: var(--f-primary-title); font-weight: 500; -webkit-transition: 0.3s; transition: 0.3s; font-size: 14px; padding: 10px 12px; line-height: 18px; }
.btn-export i { color: var(--f-primary); font-size: 14px; margin-right: 4px; }
.btn-export:hover i { color: var(--white); }
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before { --tag-bg-inset: unset; --tag-bg: unset; }
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before { --tag-bg-inset: unset; --tag-bg: unset; }
.tagify__tag__removeBtn:hover { background: unset; }
.tagify__tag__removeBtn:hover + div::before { -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-container--default .select2-selection--single { border: 1px solid var(--f-primary-border); }
.pagination .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; }
.pagination .pagination-list li { display: inline-block; }
.pagination .pagination-list li:first-child .page-number { color: var(--f-primary-paragraph); }
.pagination .pagination-list li:last-child .page-number { color: var(--f-primary-paragraph); }
.pagination .pagination-list li .nav_btn { font-size: 14px; font-weight: 400; color: var(--f-primary-paragraph); -webkit-transition: 0.3s; transition: 0.3s; padding: 5.5px 12px; min-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pagination .pagination-list li .nav_btn:hover { color: var(--f-primary); }
.pagination .pagination-list li .page-number { background: var(--body-bg); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; width: 24px; height: 24px; line-height: 24px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; border: 0; font-weight: 500; border-radius: 4px; font-size: 14px; color: var(--f-primary-paragraph); border: 1px solid var(--f-primary-border); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pagination .pagination-list li .page-number:hover, .pagination .pagination-list li .page-number.current { background-color: var(--f-primary); color: #FFFFFF; border-color: var(--f-primary); }
.daterangepicker .drp-buttons { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
.service_card { padding: 12px; border-radius: 4px; border: 1px solid var(--f-primary-border); }
.delete_item_btn { width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #B42318; color: var(--white); border-radius: 4px; font-size: 20px; font-weight: 300; }
.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 0; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--white); background-color: var(--f-primary); padding: 2px 9px !important; font-size: 12px; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; margin-top: 4px; margin: 0 !important; font-weight: 600; }
.border-color-primary { color: var(--f-primary-border); }
.hover-text-primary:not([disabled]):not(.disabled):hover { color: var(--f-primary) !important; }
.hover-text-red:hover { color: var(--red) !important; }
.hover-text-red:hover i,
.hover-text-red:hover svg { color: var(--red) !important; }
.hover-green:not([disabled]):not(.disabled):hover { color: var(--green) !important; }
.hover-blue:not([disabled]):not(.disabled):hover { color: var(--blue) !important; }
.profile .profile-img { max-width: 100px; min-width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.profile-info .listing { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
@media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile-info .listing { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }
@media only screen and (min-width: 576px) and (max-width: 767.98px) { .profile-info .listing { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
@media (max-width: 575px) { .profile-info .listing { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.profile-info .listing .single-list { margin-bottom: 26px; }
.profile-info .listing .single-list .name { font-size: 14px; display: block; margin-bottom: 8px; }
.profile-info .listing .single-list .title { font-size: 14px; display: block; font-weight: 500; }
.profile-card .title { font-size: 16px; display: block; margin-bottom: 12px; font-weight: 600; padding: 10px 14px; display: block; background: rgba(var(--soft-four-rgb), 0.1); }
.profile-card .single-branch { margin-bottom: 20px; padding-left: 15px; }
.profile-card .single-branch .branch { font-size: 14px; display: block; margin-bottom: 8px; }
.profile-card .single-branch .branch-name, .profile-card .single-branch .desk { font-size: 14px; display: block; font-weight: 700; color: var(--f-primary-title); padding-left: 25px; position: relative; margin-bottom: 13px; }
.profile-card .single-branch .branch-name::before, .profile-card .single-branch .desk::before { content: ""; width: 4px; height: 4px; background: var(--f-primary-title); border-radius: 50%; top: 50%; left: 12px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.file_upload { max-height: 40px; }
.cover-photo-container { width: 100%; height: 250px; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #EEEAE2; }
@media (max-width: 767px) { .cover-photo-container { height: 140px; } }
.cover-photo-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
.cover-photo-container::after { content: "Change Cover"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20, 35, 43, 0.6); color: white; font-size: 1.2rem; font-weight: bold; text-shadow: 1px 1px 2px #14232B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.cover-photo-container:hover::after { opacity: 1; }
.cover-photo-container:hover .cover-photo-image { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.profile-container { width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 8px; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media (max-width: 767px) { .profile-container { width: 120px; height: 120px; } }
.profile { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
.profile-container::after { content: "Change Image"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; background-color: rgba(20, 35, 43, 0.6); color: white; font-family: var(--body-font); font-size: 0.9rem; font-weight: bold; text-shadow: 1px 1px 2px #14232B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.profile-container:hover::after { opacity: 1; }
.profile-container:hover .profile { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.profile-details-card .profile-details-card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--login-bg); min-height: 250px; overflow: hidden; border-radius: 4px; }
@media (max-width: 767px) { .profile-details-card .profile-details-card-header { min-height: 140px; } }
.profile-details-card .profile-details-card-header img { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 auto; }
.profile-details-card .profile-image { position: relative; margin: -100px 50px; z-index: 1; }
@media (max-width: 767px) { .profile-details-card .profile-image { margin: -23px 10px; } }
.profile-details-card .profile-image .profile { width: 200px; height: 200px; border-radius: 8px; overflow: hidden; border: 4px solid #FFFFFF; overflow: hidden; background-color: var(--body-bg); }
@media (max-width: 767px) { .profile-details-card .profile-image .profile { width: 120px; height: 120px; } }
.profile-details-card .profile-image .profile img { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 auto; }
.profile-details-card .profile-details-card-body { margin-top: 115px; }
@media (max-width: 767px) { .profile-details-card .profile-details-card-body { margin-top: 35px; } }
.profile-details-card .profile-details-card-list { margin: 0; padding: 0; list-style: none; }
.profile-details-card .profile-details-card-list { min-height: 190px; }
.profile-details-card .profile-details-card-list .list-item { display: -ms-grid; display: grid; -ms-grid-columns: 120px 8px 12px 8px 1fr; grid-template-columns: 120px 12px 1fr; gap: 8px; padding: 3px 0; color: var(--f-primary-title); font-size: 14px; text-transform: none; }
.profile-details-card .profile-details-card-list .list-item.grid-width-160 { -ms-grid-columns: 160px 12px 1fr; grid-template-columns: 160px 12px 1fr; }
.profile-details-card .profile-details-card-list .list-item .card-label { color: var(--f-primary-text); font-weight: 500; }
.profile-card-color-one, .profile-card .col-xl-6:nth-child(1) .profile-single-card,
.profile-card .col-xxl-4:nth-child(1) .profile-single-card { background: #EEEAE2; }
.profile-card-color-one .icon, .profile-card .col-xl-6:nth-child(1) .profile-single-card .icon,
.profile-card .col-xxl-4:nth-child(1) .profile-single-card .icon { color: #1D6B3E; background-color: rgba(29, 107, 62, 0.06); }
.profile-card-color-one .token-number, .profile-card .col-xl-6:nth-child(1) .profile-single-card .token-number,
.profile-card .col-xxl-4:nth-child(1) .profile-single-card .token-number { color: #1D6B3E; }
.profile-card-color-two, .profile-card .col-xl-6:nth-child(2) .profile-single-card,
.profile-card .col-xxl-3:nth-child(2) .profile-single-card { background-color: rgba(14, 84, 104, 0.06); }
.profile-card-color-two .icon, .profile-card .col-xl-6:nth-child(2) .profile-single-card .icon,
.profile-card .col-xxl-3:nth-child(2) .profile-single-card .icon { color: #0E5468; background-color: rgba(14, 84, 104, 0.06); }
.profile-card-color-two .token-number, .profile-card .col-xl-6:nth-child(2) .profile-single-card .token-number,
.profile-card .col-xxl-3:nth-child(2) .profile-single-card .token-number { color: #0E5468; }
.profile-card-color-three, .profile-card .col-xl-6:nth-child(3) .profile-single-card,
.profile-card .col-xxl-4:nth-child(3) .profile-single-card { background-color: rgba(180, 35, 24, 0.06); }
.profile-card-color-three .icon, .profile-card .col-xl-6:nth-child(3) .profile-single-card .icon,
.profile-card .col-xxl-4:nth-child(3) .profile-single-card .icon { color: #B42318; background-color: rgba(180, 35, 24, 0.06); }
.profile-card-color-three .token-number, .profile-card .col-xl-6:nth-child(3) .profile-single-card .token-number,
.profile-card .col-xxl-4:nth-child(3) .profile-single-card .token-number { color: #B42318; }
.profile-card-color-four, .profile-card .col-xl-6:nth-child(4) .profile-single-card,
.profile-card .col-xxl-4:nth-child(4) .profile-single-card { background-color: rgba(14, 84, 104, 0.06); }
.profile-card-color-four .icon, .profile-card .col-xl-6:nth-child(4) .profile-single-card .icon,
.profile-card .col-xxl-4:nth-child(4) .profile-single-card .icon { color: #0E5468; background-color: rgba(14, 84, 104, 0.06); }
.profile-card-color-four .token-number, .profile-card .col-xl-6:nth-child(4) .profile-single-card .token-number,
.profile-card .col-xxl-4:nth-child(4) .profile-single-card .token-number { color: #0E5468; }
.profile-card-color-five, .profile-card .col-xl-6:nth-child(5) .profile-single-card,
.profile-card .col-xxl-4:nth-child(5) .profile-single-card { background-color: rgba(127, 84, 0, 0.1); }
.profile-card-color-five .icon, .profile-card .col-xl-6:nth-child(5) .profile-single-card .icon,
.profile-card .col-xxl-4:nth-child(5) .profile-single-card .icon { color: #B83E22; background-color: rgba(127, 84, 0, 0.1); }
.profile-card-color-five .token-number, .profile-card .col-xl-6:nth-child(5) .profile-single-card .token-number,
.profile-card .col-xxl-4:nth-child(5) .profile-single-card .token-number { color: #B83E22; }
.profile-card-color-six, .profile-card .col-xl-6:nth-child(6) .profile-single-card,
.profile-card .col-xxl-4:nth-child(6) .profile-single-card { background-color: rgba(127, 84, 0, 0.1); }
.profile-card-color-six .icon, .profile-card .col-xl-6:nth-child(6) .profile-single-card .icon,
.profile-card .col-xxl-4:nth-child(6) .profile-single-card .icon { color: var(--soft-four); background-color: rgba(127, 84, 0, 0.1); }
.profile-card-color-six .token-number, .profile-card .col-xl-6:nth-child(6) .profile-single-card .token-number,
.profile-card .col-xxl-4:nth-child(6) .profile-single-card .token-number { color: var(--soft-four); }
.progress-up { color: #1D6B3E !important; }
.progress-down { color: #B83E22 !important; }
.profile-single-card { padding: 30px 20px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 8px; }
@media (max-width: 575px) { .profile-single-card { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .profile-single-card { padding: 15px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .profile-single-card { padding: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .profile-single-card { padding: 15px; } }
.profile-single-card .icon { -webkit-transition: 0.4s; transition: 0.4s; background: var(--white); width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 8px; font-size: 31px; }
.profile-single-card .icon2 { -webkit-transition: 0.4s; transition: 0.4s; background: var(--white); width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 8px; font-size: 23px; }
.profile-single-card .cat-caption .pera { font-size: 16px; margin-bottom: 0; color: var(--f-primary-paragraph); }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .profile-single-card .cat-caption .pera { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .profile-single-card .cat-caption .pera { font-size: 14px; } }
.profile-single-card .cat-caption .single-counter .counter,
.profile-single-card .cat-caption .single-counter .currency,
.profile-single-card .cat-caption .single-counter .amount { text-transform: none; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 20px; margin-bottom: 9px; line-height: 1; color: var(--f-primary-title); }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .profile-single-card .cat-caption .single-counter .counter,
  .profile-single-card .cat-caption .single-counter .currency,
  .profile-single-card .cat-caption .single-counter .amount { font-size: 18px; } }
@media (max-width: 575px) { .profile-single-card .cat-caption .single-counter .counter,
  .profile-single-card .cat-caption .single-counter .currency,
  .profile-single-card .cat-caption .single-counter .amount { font-size: 18px; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .profile-single-card .cat-caption .single-counter .counter,
  .profile-single-card .cat-caption .single-counter .currency,
  .profile-single-card .cat-caption .single-counter .amount { font-size: 14px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .profile-single-card .cat-caption .single-counter .counter,
  .profile-single-card .cat-caption .single-counter .currency,
  .profile-single-card .cat-caption .single-counter .amount { font-size: 14px; } }
.max-height-400 { max-height: 400px; }
#layout-wrapper .main-content { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 294px; margin-right: 16px; padding-top: 62px; transition: -webkit-left 0.3s; -webkit-transition: margin-left 0.3s; transition: margin-left 0.3s; transition: margin-left 0.3s, -webkit-margin-left 0.3s; }
@media (max-width: 991px) { #layout-wrapper .main-content { margin-left: 16px; } }
@media (min-width: 1200px) and (max-width: 1600px) { #layout-wrapper .main-content.counter-main-content { margin-left: 16px; } }
@media (max-width: 991px) { #layout-wrapper .main-content.counter-main-content .half-expand-toggle { display: block; } }
.print-wrapper-box { border: 1px solid #D8D2C6; max-width: 330px; padding: 20px; border-radius: 8px; margin: 0 auto; }
.swal2-icon .swal2-icon-content { font-size: 0.75em !important; }
.swal2-icon { width: 1em !important; height: 1em !important; border-width: 3px !important; line-height: 4em !important; }
.swal2-popup .swal2-title { font-size: 20px !important; color: var(--f-primary-title) !important; }
.swal2-popup .swal2-actions { gap: 8px; }
.swal2-html-container { font-size: 12px !important; font-weight: 500 !important; }
.swal2-popup .swal2-styled { margin: 0; padding: 6px 23px; font-size: 14px !important; font-weight: 600; }
.swal2-popup .swal2-styled.swal2-confirm { background-color: rgba(var(--f-primary-rgb), 0.9) !important; }
.swal2-confirm.swal2-styled { -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.swal2-icon.swal2-warning { border-color: rgba(var(--f-primary-rgb), 0.6) !important; color: rgba(var(--f-primary-rgb), 0.6) !important; }
.swal2-icon.swal2-info,
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning { margin: 10px auto 13px !important; font-family: inherit; font-size: 45px !important; }
.f-input-tel { line-height: 16px !important; height: 36px !important; width: 100%; font-size: 14px; font-weight: 400; padding: 12px 12px 12px 60px !important; background: none; border-radius: 4px !important; border: 1px solid var(--f-primary-border); }
.is-invalid { border-color: 1px solid red !important; }
.mt-60 { margin-top: 60px !important; }
.appo-picker { max-height: 400px !important; overflow-y: auto !important; }
.active_printer_btn { background-color: var(--f-primary) !important; color: white !important; }
@media print { #receiptPreview { border: none; } }
#print_logo_file_show.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.notification-card { background-color: #FFFFFF; border-radius: 0.75rem; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); padding: 2.5rem; }
.notification-item { background-color: #F5F3EE; border-radius: 0.5rem; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid transparent; }
.notification-item.unread { background-color: #FFFFFF; border-color: #EEEAE2; -webkit-box-shadow: var(--f-ombre-fenetre); box-shadow: var(--f-ombre-fenetre); }
.notification-item:hover { border-color: #E5EDF6; background-color: #F5F3EE; }
.notification-icon-wrapper { background-color: #EEEAE2; border-radius: 50%; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; }
.notification-icon-wrapper i { color: #0E5468; font-size: 1.25rem; }
.notification-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.notification-actions { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; }
.notification-actions .btn { padding: 0.5rem 0.75rem; font-size: 0.875rem; }
.notification-date { font-size: 0.875rem; color: #4A5A62; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; min-width: 90px; text-align: right; }
#profile-upload-input,
#cover-upload-input { display: none; }
embed { width: 100%; height: 350px; }
.display_embed { width: 1400px; height: 360px; overflow: hidden; position: relative; cursor: not-allowed; pointer-events: none; }
.display_embed iframe { width: 1250px; height: 900px; position: absolute; top: 0; left: 0; -webkit-transform: scale(0.390625); transform: scale(0.390625); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.chart-lg-container { height: 320px; position: relative; }
.chart-md-container { height: 288px; position: relative; margin: 0 auto; }
.card-kpi { border-left-width: 0.5rem !important; }
.card { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }
.card:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.short_code_item { cursor: pointer; }
.disabled { pointer-events: none; opacity: 0.65; }
.display_iframe { width: 100%; height: 100%; }
.input-group-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.f-input:focus { border-color: var(--f-primary); -webkit-box-shadow: 0 0 0 3px rgba(14, 84, 104, 0.1); box-shadow: 0 0 0 3px rgba(14, 84, 104, 0.1); }
.password-toggle { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: none; border: none; padding: 4px; cursor: pointer; color: var(--f-primary-paragraph); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color 0.2s; transition: color 0.2s; z-index: 10; }
.password-toggle:hover { color: var(--f-primary); }
.kiosk-main-options { width: 100%; max-width: 1100px; }
.kiosk-option { cursor: pointer; border: 1px solid #EEEAE2; border-radius: 8px; padding: 26px; text-align: center; -webkit-transition: -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease; transition: -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease; transition: transform 0.12s ease, box-shadow 0.12s ease; transition: transform 0.12s ease, box-shadow 0.12s ease, -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease; background: #FFFFFF; }
.kiosk-option:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-box-shadow: none; box-shadow: none; }
.kiosk-option img { max-width: 120px; height: auto; display: block; margin: 0 auto 12px; }
.kiosk-option .title { font-size: 1.05rem; font-weight: 700; letter-spacing: 0.4px; }
#duplicate { margin: 0; color: black; text-align: center; text-transform: none; font-size: 20px; font-weight: bold; }
.is-duplicate::before { content: "DUPLICATE"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); font-size: 40px; font-weight: bold; color: rgba(20, 35, 43, 0.08); white-space: nowrap; z-index: 0; pointer-events: none; letter-spacing: 2px; text-transform: none; }
.language-flag { width: 24px; height: 24px; -o-object-fit: cover; object-fit: cover; }
.chart-container { min-height: 400px; position: relative; width: 100%; display: block; margin-bottom: 20px; }
#bottleneckChart,
#timeDistributionChart,
#peakHoursChart { height: 400px; width: 100%; display: block; }
.chart-message { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.modal-wrapper { background-color: #14232B; border-radius: 0.3rem; padding: 40px; padding-top: 50px; max-width: 700px; max-height: 700px; margin: 0 auto; overflow-y: auto; position: fixed; top: 10%; left: 0; right: 0; z-index: 999; visibility: hidden; opacity: 0; -webkit-transition: all 400ms; transition: all 400ms; }
@media (max-width: 991px) { .modal-wrapper { padding: 18px 20px; padding-top: 37px; position: absolute; } }
.modal-wrapper.active { visibility: visible; opacity: 1; top: 15%; overflow: scroll; }
.modal-wrapper .close-icon { right: 15px; z-index: 10; top: 15px; cursor: pointer; background: var(--f-primary); color: #FFFFFF; width: 25px; height: 25px; text-align: center; line-height: 25px; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; background-image: none; opacity: 1; border: 0; position: absolute; right: 10px; top: 10px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.modal-wrapper .close-icon:hover { background: #5E3F8C; color: white; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.custom-modal-overlay { position: fixed; height: 100vh; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; visibility: hidden; opacity: 0; background: rgba(20, 35, 43, 0.5); -webkit-transition: all 0.5s; transition: all 0.5s; }
.custom-modal-overlay.active { visibility: visible; opacity: 1; z-index: 99; }
@media (max-width: 575px) { .custom-modal-body .btn-primary-fill { padding: 10px 9px; }
.custom-modal-body .btn-primary-outline { padding: 10px 20px; } }
.basic_table_header { border: 1px solid var(--f-primary-border); border-radius: 4px; padding: 12px; }
@media (max-width: 575px) { .basic_table_header .selectItem { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } }
@media (max-width: 575px) { .basic_table_header .selectItem .select2 { width: 100%; } }
@media (max-width: 575px) { .basic_table_header .dropdown { width: 100%; } }
@media (max-width: 575px) { .basic_table_header .dropdown button { width: 100%; } }
.basic-table { width: 100%; border: 1px solid var(--f-primary-border); border-radius: 4px; border-collapse: separate; border-spacing: 0; }
.basic-table thead { background-color: var(--body-bg); }
.basic-table thead th { min-height: 40px; border: none; border-right: 1px solid var(--f-primary-border); border-bottom: 1px solid var(--f-primary-border); padding: 10px 8px; color: var(--f-primary-title); font-size: 14px; font-weight: 600; white-space: nowrap; text-transform: none; }
.basic-table thead th:first-child { border-top-left-radius: 4px; }
.basic-table thead th:last-child { border-top-right-radius: 4px; border-right: none; }
.basic-table tbody td { font-weight: 500; font-size: 12px; min-height: 40px; color: var(--f-primary-paragraph); border: none; border-right: 1px solid var(--f-primary-border); border-bottom: 1px solid var(--f-primary-border); margin-bottom: 9px; padding: 4px 8px; word-wrap: break-word; }
.basic-table tbody td:last-child { border-right: none; }
.basic-table tbody tr { -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.basic-table tbody tr:hover { background-color: #F5F3EE; cursor: pointer; }
.basic-table tbody tr:hover .sticky-column { cursor: pointer; background-color: #F5F3EE; }
.basic-table tbody tr.checked-row { background-color: #F5F3EE; }
.basic-table tbody tr.checked-row .sticky-column { cursor: pointer; background-color: #F5F3EE; }
.basic-table tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; border-bottom: none; }
.basic-table tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; border-bottom: none; }
.basic-table tbody tr:last-child td { border-bottom: none; }
.basic-table tbody .unread-notification-row { background-color: rgba(var(--f-primary-rgb), 0.05); }
.basic-table tbody .unread-notification-row .sticky-column { background-color: rgba(var(--f-primary-rgb), 0.01); }
.basic-table.styleTwo { border: 0; }
.basic-table.styleTwo tbody td { padding: 0; border-right: 0; border-left: 0; border-top: 0; border-bottom: 0; min-width: 110px; }
.height-500 { height: 500px; }
.min-h-auto { min-height: auto !important; }
.table-head-border thead tr { border-bottom: 1px solid var(--f-primary-border); margin-bottom: 11px; }
.table-td-border tbody tr { border-bottom: 1px solid var(--f-primary-border); }
.table-td-border tbody tr:last-child { border-bottom: 0; }
.print_action_btns .print_action { background: #F5F3EE; border-radius: 4px; min-width: 40px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 500; color: var(--f-primary-paragraph); font-family: var(--body-font); padding: 8px; }
@media (max-width: 575px) { .print_action_btns .print_action { min-width: 18px; height: 26px; font-size: 11px; padding: 3px 1px; background: none; } }
.print_action_btns .print_action i { color: var(--f-primary-paragraph); font-size: 20px; }
.print_action_btns .print_action svg { color: var(--f-primary-paragraph); stroke-width: 1.2px; width: 20px; height: 20px; }
.print_action_btns .print_action:hover { color: var(--f-primary); }
.print_action_btns .print_action:hover i, .print_action_btns .print_action:hover svg { color: var(--f-primary); }
.permission-table table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.permission-table thead tr { background: #F5F3EE; font-weight: bold; }
.permission-table th,
.permission-table td { border: 1px solid var(--f-primary-border); padding: 6px 5px; vertical-align: middle; text-align: left; font-weight: 600; font-size: 14px; color: var(--f-primary-title); }
.permission-table tr.section-header { background: #F5F3EE; font-weight: bold; color: var(--f-primary-title); font-size: 14px; font-weight: 600; text-transform: none; }
.permission-table tr.section-content td { font-weight: 500; color: var(--f-primary-paragraph); font-size: 14px; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.permission-table tr.section-content td:first-child { padding-left: 32px; }
.permission-table tr.sub-row td:first-child { padding-left: 20px; font-style: italic; color: #4A5A62; }
.permission-table .checkbox-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.permission-table input[type=checkbox] { -webkit-transform: scale(1.2); transform: scale(1.2); cursor: pointer; }
.permission-table .button-container { text-align: right; }
.permission-table tr { border-color: inherit; border-style: solid; border-width: 1px; }
.permission-table tbody,
.permission-table td,
.permission-table tfoot,
.permission-table th,
.permission-table thead,
.permission-table tr { border-color: inherit; border-style: solid; border-width: 1px !important; color: var(--f-primary-title); font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 0; border-bottom: 0; border-top: 0; }
.sticky-column { position: sticky; left: 0; top: 0; z-index: 10; background-color: #FFFFFF; }
.table-sticky-column { position: sticky; left: 0; top: 0; z-index: 10; background-color: #FFFFFF; }
.table-sticky-column::after { content: ""; position: absolute; top: 0; right: -2px; bottom: 0; width: 1px; pointer-events: none; border-right: 1px solid var(--f-primary-border); }
.table-sticky-column::before { content: ""; position: absolute; top: 0; left: 1px; bottom: 0; width: 1px; pointer-events: none; border-left: 1px solid var(--f-primary-border); }
.table-hover-none tbody tr:hover { background-color: transparent; background-color: transparent; cursor: default; }
.daterangepicker select.monthselect { border: 1px solid var(--f-primary-border); padding: 3px 7px; border-radius: 4px; background: var(--f-primary); color: var(--white); font-weight: 500; font-size: 14px; }
.daterangepicker { background-color: var(--white); border: 1px solid var(--f-primary-border); }
.daterangepicker select.yearselect { border: 1px solid var(--f-primary-border); padding: 3px 7px; border-radius: 4px; background: var(--f-primary); color: var(--white); font-weight: 500; font-size: 14px; }
.daterangepicker .ranges li.active { background-color: var(--f-primary); color: var(--white); }
.daterangepicker td.active,
.daterangepicker td.active:hover { background-color: var(--f-primary); }
.f-contact-form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 31px; font-size: 14px; text-transform: none; color: var(--f-primary-paragraph); font-weight: 400; }
.f-contact-input.single-date-picker { color: var(--f-primary-paragraph) !important; }
.f-input { line-height: 16px !important; height: 36px !important; width: 100%; font-size: 14px; font-weight: 400; padding: 12px 12px !important; background: none; border-radius: 4px !important; border: 1px solid var(--f-primary-border) !important; }
.f-input:focus { background-color: transparent; border-color: var(--f-primary); }
.f-input:focus-visible,
.f-input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.form-control:focus { background-color: unset; }
.f-input::-webkit-input-placeholder { color: var(--f-primary-paragraph); text-transform: none; opacity: 0.4; }
.f-input::-moz-placeholder { color: var(--f-primary-paragraph); text-transform: none; opacity: 0.4; }
.f-input:-ms-input-placeholder { color: var(--f-primary-paragraph); text-transform: none; opacity: 0.4; }
.f-input::-ms-input-placeholder { color: var(--f-primary-paragraph); text-transform: none; opacity: 0.4; }
.f-input::placeholder { color: var(--f-primary-paragraph); text-transform: none; opacity: 0.4; }
label { display: inline-block; text-transform: none; font-family: var(--body-font); }
.f-contact-form .f-contact-input { color: var(--f-primary-title); height: 36px; width: 100%; font-size: 14px; padding: 8px 14px 9px 14px; position: relative; border-radius: 4px; background: none; border: 1px solid var(--f-primary-border); text-transform: none; line-height: 36px; }
.f-contact-form .f-contact-input::-webkit-input-placeholder { color: var(--f-primary-paragraph); opacity: 0.4; }
.f-contact-form .f-contact-input::-webkit-input-placeholder, .f-contact-form .f-contact-input::-moz-placeholder, .f-contact-form .f-contact-input:-ms-input-placeholder, .f-contact-form .f-contact-input::-ms-input-placeholder, .f-contact-form .f-contact-input::placeholder { color: var(--f-primary-paragraph); opacity: 0.4; }
.f-contact-form .icon { position: absolute; top: 15px; right: 20px; color: #857D70; font-size: 20px; }
.f-contact-form .f-contact-textarea { color: var(--f-primary-paragraph); width: 100%; font-size: 14px; padding: 15px 14px; position: relative; border-radius: 4px; background: none; border: 1px solid var(--f-primary-border); }
.f-contact-form .f-contact-textarea::-webkit-input-placeholder { font-size: 14px; color: var(--f-primary-paragraph); }
.f-contact-form .f-contact-textarea::-webkit-input-placeholder, .f-contact-form .f-contact-textarea::-moz-placeholder, .f-contact-form .f-contact-textarea:-ms-input-placeholder, .f-contact-form .f-contact-textarea::-ms-input-placeholder, .f-contact-form .f-contact-textarea::placeholder { font-size: 14px; color: var(--f-primary-paragraph); }
.f-contact-form .f-contact-label { font-weight: 600; font-size: 14px; text-transform: none; color: var(--f-primary-title); margin-bottom: 6px; }
.f-contact-form .f-contact-label i { position: relative; top: 4px; }
.date-pic-icon { position: relative; }
.date-pic-icon i { position: absolute; right: 11px; top: 50%; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--f--paragraph); border-left: 1px solid var(--f-primary-border); padding-left: 13px; }
.toggle-arro-hidden .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.drp-calendar.left.single { background: var(--white); }
.f-fileUploader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--f-primary-border) !important; height: 36px; border-radius: 4px; }
.f-fileUploader input.form-control { border: 0 !important; border-radius: 4px; border: 0; height: 36px; width: 100%; -webkit-box-shadow: none !important; box-shadow: none !important; background: none; font-size: 14px; }
.f-fileUploader input::-webkit-input-placeholder { font-size: 14px; color: var(--f-primary-paragraph); opacity: 0.4; }
.f-fileUploader input::-moz-placeholder { font-size: 14px; color: var(--f-primary-paragraph); opacity: 0.4; }
.f-fileUploader input:-ms-input-placeholder { font-size: 14px; color: var(--f-primary-paragraph); opacity: 0.4; }
.f-fileUploader input::-ms-input-placeholder { font-size: 14px; color: var(--f-primary-paragraph); opacity: 0.4; }
.f-fileUploader input::placeholder { font-size: 14px; color: var(--f-primary-paragraph); opacity: 0.4; }
.f-fileUploader button { background: transparent; }
.f-fileUploader .upload-btn { background: transparent; color: #857D70; cursor: pointer; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; }
.f-fileUploader .upload-btn i, .f-fileUploader .upload-btn svg { width: 22px; height: 22px; stroke-width: 1.7; }
.input-check-radio .form-check .form-check-input,
.input-check-radio .form-check .form-check-label { cursor: pointer; }
.card-title { margin-bottom: 0; font-size: 18px; color: var(--f-primary-title); }
.modal-header { padding: 9px 16px; border-bottom: 1px solid var(--f-primary-border); background-color: #F5F3EE; }
.modal { background-color: rgba(255, 255, 255, 0.4); background: rgba(14, 84, 104, 0.16); backdrop-filter: blur(4px); background-color: rgba(255, 255, 255, 0.4); z-index: 55566 !important; }
.modal-title { margin-bottom: 0; font-size: 18px; color: var(--f-primary-title); font-weight: 600; text-transform: none; }
.modal-content { border: none; padding: 0; }
.modal-content { background-color: var(--f-bg-secondary); color: var(--f-primary-title); border: 1px solid var(--f-primary-border); }
.modal-body { padding: 16px; }
.switch-box3 { position: relative; display: inline-block; }
.switch-box3 input { height: 33px; left: 0; opacity: 0; position: absolute; top: 0; width: 40px; }
.switch-box3 .toggle-item { width: 36px; background: rgba(var(--f-primary-rgb), 0.1); height: 20px; display: inline-block; border-radius: 50px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: 20% center; transform-origin: 20% center; cursor: pointer; margin: 0; }
.switch-box3 .toggle-item:before { content: ""; position: absolute; content: ""; position: absolute; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 2.3em; height: 2.3em; top: 5px; left: 0.25em; border-radius: 2em; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.switch-box3 .toggle-item2 { width: 33px; background: var(--f-primary); height: 21px; display: inline-block; border-radius: 50px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: 20% center; transform-origin: 20% center; cursor: pointer; margin: 5px; }
.switch-box3 .toggle-item2:before { content: ""; position: absolute; content: ""; position: absolute; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 2.3em; height: 2.3em; top: 5px; left: 0.25em; border-radius: 2em; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.switch-box3 .toggle-item3 { width: 33px; background: var(--f-primary); height: 21px; display: inline-block; border-radius: 50px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: 20% center; transform-origin: 20% center; cursor: pointer; margin: 5px; }
.switch-box3 .toggle-item3:before { content: ""; position: absolute; content: ""; position: absolute; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 2.3em; height: 2.3em; top: 5px; left: 0.25em; border-radius: 2em; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.switch-box3.style-1 label { background: rgba(var(--f-primary-rgb), 0.1); }
.switch-box3.style-1 label:before { content: ""; position: absolute; border: none; width: 16px; height: 16px; background: #FFFFFF; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); top: 2px; left: 3px; }
.switch-box3.style-1 label:after { content: ""; position: absolute; background: transparent; height: calc(100% + 8px); border-radius: 8px; top: -5px; width: calc(100% + 8px); left: -4px; z-index: 0; }
.switch-box3.style-1 input:checked + label { background: rgba(var(--f-primary-rgb), 0.1); }
.switch-box3.style-1 input:checked + label:before { left: 17px; background: var(--f-primary); }
.switch-box3.style-2 label { background: var(--red); }
.switch-box3.style-2 label:before { content: ""; position: absolute; border: none; width: 19px; height: 19px; background: #FFFFFF; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); top: 1px; left: 1px; }
.switch-box3.style-2 label:after { content: ""; position: absolute; background: transparent; height: calc(100% + 8px); border-radius: 8px; top: -5px; width: calc(100% + 8px); left: -4px; z-index: 0; }
.switch-box3.style-2 input:checked + label { background: #1D6B3E; }
.switch-box3.style-2 input:checked + label:before { left: 12px; }
.switch-box3.style-3 label { background: var(--f-primary); }
.switch-box3.style-3 label:before { content: ""; position: absolute; border: none; width: 19px; height: 19px; background: #FFFFFF; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); top: 1px; left: 1px; }
.switch-box3.style-3 label:after { content: ""; position: absolute; background: transparent; height: calc(100% + 8px); border-radius: 8px; top: -5px; width: calc(100% + 8px); left: -4px; z-index: 0; }
.switch-box3.style-3 input:checked + label { background: #1D6B3E; }
.switch-box3.style-3 input:checked + label:before { left: 12px; }
.check-wrap.style-one { width: 18px; }
.check-wrap.style-one input[type=checkbox] { display: none; }
.check-wrap.style-one input[type=checkbox] + label { font-size: 1rem; display: inline-block; position: relative; padding-left: 5px; margin-bottom: 20px; color: var(--f-primary-paragraph); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-bottom: 14px; width: 18px; }
.check-wrap.style-one input[type=checkbox] + label:before { position: absolute; content: ""; display: block; border: 1px solid var(--f-tertiary-border); width: 7px; height: 20px; top: -10px; left: 2px; border-radius: 0; opacity: 1; border-color: var(--f-primary); border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(40deg); transform: rotate(40deg) scale(0); -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: bottom; transform-origin: bottom; }
.check-wrap.style-one input[type=checkbox] + label:after { content: ""; display: block; width: 18px; height: 18px; border: 1px solid var(--f-tertiary-border); position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all 0.12s, border-color 0.08s; transition: all 0.12s, border-color 0.08s; border-radius: 4px; }
.check-wrap.style-one input[type=checkbox]:checked + label:before { -webkit-transform: rotate(40deg); transform: rotate(40deg) scale(1); }
.check-wrap.style-one input[type=checkbox]:checked + label:after { border-color: var(--f-primary); }
.check-wrap.style-two input[type=checkbox] { display: none; }
.check-wrap.style-two input[type=checkbox] + label { font-size: 1rem; display: block; position: relative; padding-left: 35px; margin-bottom: 20px; color: var(--f-primary-paragraph); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-bottom: 14px; }
.check-wrap.style-two input[type=checkbox] + label:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid var(--f-primary); position: absolute; left: 0; top: 0; opacity: 0.6; -webkit-transition: all 0.12s, border-color 0.08s; transition: all 0.12s, border-color 0.08s; }
.check-wrap.style-two input[type=checkbox]:checked + label { color: var(--f-primary); }
.check-wrap.style-two input[type=checkbox]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.check-wrap.style-five input[type=checkbox] { display: none; }
.check-wrap.style-five input[type=checkbox] + label { font-size: 1rem; position: relative; width: 25px; height: 25px; border: 1px solid var(--f-primary-title); border-radius: 100%; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; text-indent: 37px; white-space: nowrap; color: var(--f-primary-title); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check-wrap.style-five input[type=checkbox] + label:after { content: ""; position: absolute; width: 0; height: 11px; border-bottom: 1px solid #1D6B3E; border-left: 1px solid #1D6B3E; top: 25%; left: 50%; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; }
.check-wrap.style-five input[type=checkbox]:checked + label { border: 1px solid #1D6B3E; }
.check-wrap.style-five input[type=checkbox]:checked + label:after { opacity: 1; width: 25px; }
.check-wrap.style-six input[type=checkbox] { display: none; }
.check-wrap.style-six input[type=checkbox] + label { font-size: 1rem; position: relative; width: 20px; height: 20px; border: 1px solid var(--f-primary-title); border-radius: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; text-indent: 30px; white-space: nowrap; color: var(--f-primary-title); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; line-height: 1; cursor: pointer; }
.check-wrap.style-six input[type=checkbox] + label:after { content: ""; position: absolute; width: 0; height: 6px; border-bottom: 2px solid var(--white); border-left: 2px solid var(--white); top: 45%; left: 40%; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; }
.check-wrap.style-six input[type=checkbox]:checked + label { border: 1px solid transparent; background: var(--f-primary); }
.check-wrap.style-six input[type=checkbox]:checked + label:after { opacity: 1; width: 12px; }
.check-wrap.style-seven input[type=checkbox] { display: none; }
.check-wrap.style-seven input[type=checkbox] + label { font-size: 1rem; position: relative; width: 20px; height: 20px; border: 1px solid var(--f-primary-border); border-radius: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; text-indent: 30px; white-space: nowrap; color: var(--f-primary-title); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; line-height: 1; cursor: pointer; border-radius: 4px; }
.check-wrap.style-seven input[type=checkbox] + label:after { content: ""; position: absolute; width: 0; height: 6px; border-bottom: 2px solid rgba(var(--f-primary-rgb), 0.6); border-left: 2px solid rgba(var(--f-primary-rgb), 0.6); top: 46%; left: 40%; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; }
.check-wrap.style-seven input[type=checkbox]:checked + label { border: 1px solid rgba(var(--f-primary-rgb), 0.3); background: rgba(var(--f-primary-rgb), 0.1); }
.check-wrap.style-seven input[type=checkbox]:checked + label:after { opacity: 1; width: 12px; }
.check-wrap.style-eight input[type=checkbox] { display: none; }
.check-wrap.style-eight input[type=checkbox] + label { position: relative; font-size: 1rem; width: 20px; height: 20px; border: 1px solid var(--f-primary-border); border-radius: 50%; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; text-indent: 30px; white-space: nowrap; color: var(--f-primary-title); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; line-height: 1; cursor: pointer; }
.check-wrap.style-eight input[type=checkbox] + label:after { content: ""; position: absolute; width: 0; height: 6px; border-bottom: 2px solid var(--f-primary); border-left: 2px solid var(--f-primary); top: 45%; left: 40%; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all ease-out 200ms; transition: all ease-out 200ms; }
.check-wrap.style-eight input[type=checkbox]:checked + label { border: 1px solid transparent; background: rgba(var(--f-primary-rgb), 0.2); color: var(--f-primary); }
.check-wrap.style-eight input[type=checkbox]:checked + label:after { opacity: 1; width: 11px; }
.select2-container--default .select2-results__option[aria-disabled=true],
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--f-primary-paragraph); font-size: 12px; font-weight: 500; }
.copy-element .copy-element-button { font-size: 12px; font-weight: 600; background: rgba(var(--f-primary-rgb), 0.1); border: 1px solid var(--f-primary); border-radius: 8px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: none; background-color: rgba(var(--f-success-rgb), 0.1); color: rgba(var(--f-success-rgb), 1); border-color: rgba(var(--f-success-rgb), 0.1); }
.copy-element .copy-element-button:hover { background: var(--f-primary); color: var(--white); }
.copy-element .copy-element-button.copied { background: #1D6B3E; border-color: #1D6B3E; color: var(--white); }
.copy-textarea-hidden { position: fixed; top: 0; left: 0; width: 2em; height: 2em; padding: 0; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; opacity: 0; z-index: -1; }
.ql-container.ql-snow { border: 1px solid var(--f-primary-border); }
.ql-toolbar.ql-snow { border: 1px solid var(--f-primary-border); border-radius: 4px 4px 0 0; }
.ql-container.ql-snow { border: 1px solid var(--f-primary-border); border-radius: 0 0 4px 4px; }
.radio-wrap input[type=radio]:checked,
.radio-wrap input[type=radio]:not(:checked) { position: absolute; left: -9999px; }
.radio-wrap input[type=radio]:checked + label,
.radio-wrap input[type=radio]:not(:checked) + label { position: relative; padding-left: 24px; cursor: pointer; line-height: 18px; display: inline-block; color: var(--f-primary-text); font-weight: 300; font-size: 1rem; margin-bottom: 8px; }
.radio-wrap input[type=radio]:checked + label:before,
.radio-wrap input[type=radio]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #D8D2C6; border-radius: 100%; background: #FFFFFF; }
.radio-wrap input[type=radio]:checked + label:after,
.radio-wrap input[type=radio]:not(:checked) + label:after { content: ""; width: 10px; height: 10px; background: var(--f-primary-btn); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.radio-wrap input[type=radio]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.radio-wrap input[type=radio]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.breadcrumb-btn { min-height: 28px; font-size: 14px; font-weight: 500; color: var(--f-primary-paragraph); padding: 0 1px; text-transform: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; }
.breadcrumb-btn .icon { width: 18px; height: 18px; line-height: 1; }
.breadcrumb-btn .icon i { font-size: 18px; }
.breadcrumb-btn .icon svg { width: 18px; line-height: 1; height: 18px; }
.breadcrumb-btn span { line-height: 1; }
.breadcrumb-btn.item { position: relative; }
.breadcrumb-btn.item::before { content: ""; width: 100%; height: 2px; background: transparent; display: inline-block; position: absolute; right: 0; left: 0; bottom: -15px; z-index: 11; }
@media (max-width: 991px) { .breadcrumb-btn.item::before { display: none; } }
.breadcrumb-btn.active { color: var(--f-primary); }
.breadcrumb-btn.active.item::before { background: var(--f-primary); }
@media (max-width: 991px) { .breadcrumb_box_list { row-gap: 1px !important; } }
.tab-style-one { border: transparent; gap: 20px; }
@media (max-width: 767px) { .tab-style-one { gap: 10px; margin: 0 !important; } }
.tab-style-one .nav-item { position: relative; }
.tab-style-one .nav-item .nav-link { font-size: 14px; font-weight: 500; color: var(--f-primary-paragraph); padding: 0 1px; text-transform: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; position: relative; background: none; border: transparent; line-height: 1; }
.tab-style-one .nav-item .nav-link i { font-size: 18px; }
.tab-style-one .nav-item .nav-link svg { width: 18px; }
.tab-style-one .nav-item .nav-link { position: relative; }
.tab-style-one .nav-item .nav-link::before { content: ""; width: 100%; height: 2px; background: transparent; display: inline-block; position: absolute; right: 0; left: 0; bottom: -13px; z-index: 11; }
@media (max-width: 767px) { .tab-style-one .nav-item .nav-link::before { display: none; } }
.tab-style-one .nav-item .nav-link.active { color: var(--f-primary); }
.tab-style-one .nav-item .nav-link.active::before { background: var(--f-primary); }
.border-separator .nav-item:not(:last-child)::after,
.border-separator .item:not(:last-child)::after { content: ""; width: 1px; height: 18px; background: var(--f-primary-border); display: inline-block; position: absolute; right: -11px; z-index: 11; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 767px) { .border-separator .nav-item:not(:last-child)::after,
  .border-separator .item:not(:last-child)::after { display: none; } }
.breadcrumb_count { background-color: rgba(var(--f-primary-rgb), 0.1); padding: 4px 8px; border-radius: 8px; }
.breadcrumb_count svg, .breadcrumb_count i { font-size: 14px; color: var(--f-primary-paragraph); }
.breadcrumb_count .breadcrumb_count_left { line-height: 1; position: relative; }
.breadcrumb_count .breadcrumb_count_left::after { content: "/"; font-size: 15px; color: var(--f-primary-paragraph); position: absolute; right: -6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; line-height: 1; }
.breadcrumb_count .breadcrumb_count_right { line-height: 1; }
.status_check { background: #F5F3EE; border-radius: 4px; padding: 9px 16px; }
.token-preview-card { background: #FFFFFF; border-radius: 4px; overflow: hidden; }
.token-preview-receipt { border: 2px dashed #D8D2C6; border-radius: 4px; padding: 14px 16px; max-width: 300px; margin: 0 auto; position: relative; }
.token-preview-header-section { text-align: center; margin-bottom: 12px; }
.token-preview-company-name { font-size: 22px; font-weight: 700; color: var(--f-primary-title); margin: 0 0 4px 0; letter-spacing: 0.5px; }
.token-preview-branch { font-size: 16px; font-weight: 600; color: var(--f-primary-title); margin: 0 0 4px 0; }
.token-preview-address { font-size: 11px; color: #4A5A62; margin: 0 0 2px 0; line-height: 1.3; font-weight: 500; }
.token-preview-phone { font-size: 11px; color: #4A5A62; margin: 0; font-weight: 500; }
.token-preview-divider { height: 1px; background: repeating-linear-gradient(to right, var(--f-primary-border) 0px, var(--f-primary-border) 8px, transparent 2px, transparent 14px); }
.token-preview-token-section { text-align: center; margin: 8px 0; }
.token-preview-token-number { font-size: 24px; font-weight: 700; color: var(--f-primary-title); margin: 0 0 8px 0; letter-spacing: 1px; }
.token-preview-barcode-section { margin: 5px 0; }
.token-preview-barcode-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; margin-bottom: 2px; }
.barcode-lines { width: 2px; height: 40px; background: var(--f-primary-title); display: inline-block; }
.barcode-lines:nth-child(odd) { height: 30px; }
.barcode-lines:nth-child(even) { height: 21px; }
.barcode-lines:nth-child(3n) { width: 3px; }
.token-preview-reference { font-size: 12px; color: var(--f-primary-paragraph); margin: 8px 0 0 0; letter-spacing: 2px; font-weight: 500; }
.token-preview-details-section { text-align: center; margin: 8px 0; }
.token-preview-detail { font-size: 12px; color: var(--f-primary-paragraph); margin: 1px 0; line-height: 1.5; font-weight: 500; }
.token-preview-footer-section { text-align: center; margin-top: 12px; font-weight: 500; }
.token-preview-footer-text { font-size: 12px; color: var(--f-primary-title); margin: 4px 0; line-height: 1.4; font-weight: 500; }
@media (max-width: 768px) { .token-preview-receipt { max-width: 100%; padding: 16px 12px; }
.token-preview-token-number { font-size: 24px; }
.token-preview-company-name { font-size: 20px; } }
.voice-badge { font-size: 14px; font-weight: 600; border-radius: 4px; padding: 1px 8px; display: inline-block; }
.voice-badge.primary-bg { background-color: rgba(var(--f-primary-rgb), 1); color: var(--white); }
.voice-badge.primary-bg-soft { background-color: rgba(var(--f-primary-rgb), 0.1); color: var(--f-primary); }
.voice-range-control { position: relative; margin-bottom: 20px; }
.voice-range-control .voice-range-label-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.voice-range-control .voice-range-label { font-size: 14px; font-weight: 600; margin-bottom: 0; text-transform: none; }
.voice-range-control .voice-range-value { font-size: 14px; font-weight: 600; color: rgba(var(--f-primary-title)); }
.voice-range-control::before { content: ""; position: absolute; left: 0; bottom: 6px; width: var(--range-progress, 50%); height: 4px; background: rgba(var(--f-primary-rgb), 1); border-radius: 4px; pointer-events: none; z-index: 1; }
.voice-range-control .voice-range-input { width: 100%; height: 4px; border-radius: 4px; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; z-index: 2; }
.voice-range-control .voice-range-input::-webkit-slider-runnable-track { width: 100%; height: 4px; background: rgba(var(--f-primary-rgb), 0.2); border-radius: 4px; cursor: pointer; }
.voice-range-control .voice-range-input::-moz-range-track { width: 100%; height: 4px; background: rgba(var(--f-primary-rgb), 0.2); border-radius: 4px; cursor: pointer; border: none; }
.voice-range-control .voice-range-input::-moz-range-progress { height: 4px; background: rgba(var(--f-primary-rgb), 1); border-radius: 4px; }
.voice-range-control .voice-range-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 4px; height: 16px; background: rgba(var(--f-primary-rgb), 1); border-radius: 4px; cursor: pointer; margin-top: -6px; -webkit-box-shadow: none; box-shadow: none; border: none; position: relative; z-index: 3; }
.voice-range-control .voice-range-input::-moz-range-thumb { width: 4px; height: 16px; background: rgba(var(--f-primary-rgb), 1); border-radius: 4px; cursor: pointer; border: none; box-shadow: none; }
.voice-range-control .voice-range-input:focus { outline: none; }
.voice-range-control .voice-range-input:focus::-webkit-slider-thumb { -webkit-box-shadow: none; box-shadow: none; }
.voice-range-control .voice-range-input:focus::-moz-range-thumb { box-shadow: none; }
.voice-range-control .voice-range-input:hover::-webkit-slider-thumb { -webkit-box-shadow: none; box-shadow: none; }
.voice-range-control .voice-range-input:hover::-moz-range-thumb { box-shadow: none; }
.f-login-area { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; overflow: auto; background-color: var(--login-bg); background-repeat: no-repeat; background-size: cover; background-size: contain; background-position: center center; min-height: 700px; }
.f-login-area .f-login-card { padding: 37px 32px; background: var(--white); border-radius: 4px; }
@media (max-width: 991px) { .f-login-area .f-login-card { padding: 30px; max-width: 100%; } }
.f-login-area .f-login-card .remember-me { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.f-login-area .f-login-card .remember-me label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; position: relative; cursor: pointer; }
.f-login-area .f-login-card .remember-me label small { font-weight: 400; font-size: 14px; line-height: 20px; color: var(--f-primary-title); margin-left: 8px; }
.f-login-area .f-login-card .remember-me .f-checkbox { margin-right: 10px; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.f-login-area .f-login-card .remember-me .f-checkbox:checked ~ .f-checkmark { background-color: var(--f-primary); border-color: var(--f-primary); }
.f-login-area .f-login-card .remember-me .f-checkbox:checked ~ .f-checkmark::after { display: block; }
.f-login-area .f-login-card .remember-me .f-checkmark { position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; border: 1.5px solid #857D70; margin-right: 12px; border-radius: 50%; }
.f-login-area .f-login-card .remember-me .f-checkmark::after { content: ""; font-family: var(--remix-icon); position: absolute; left: 0; top: -1px; color: #FFFFFF; display: none; right: 0; margin: 0 auto; text-align: center; }
.f-login-area .f-login-card .remember-me .forget-section span { font-weight: 400; font-size: 14px; line-height: 17px; text-align: right; letter-spacing: 0.5px; color: var(--f-tertiary); }
.f-login-area .f-login-card .login-footer .create-account p { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; color: var(--f-primary-paragraph); text-align: center; margin-block: 28px; }
.f-login-area .f-login-card .login-footer .create-account p span { color: var(--f-primary); font-size: 14px; font-weight: 600; }
.f-login-area .f-login-card .login-footer .sign-with p { font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; color: var(--f-primary); }
.f-login-area .f-login-card .login-footer .sign-with .icon-login-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; margin-top: 30px; }
@media (max-width: 575px) { .f-login-area .f-login-card .login-footer .sign-with .icon-login-section { gap: 20px; } }
.f-login-area .f-login-card .login-footer .sign-with .icon-login-section .icon-login a { width: 50px; height: 50px; line-height: 50px; border: 1px solid var(--f-primary-border); border-radius: 50%; text-align: center; display: inline-block; font-size: 18px; color: var(--f-primary-paragraph); font-size: 18px; }
@media (max-width: 575px) { .f-login-area .f-login-card .login-footer .sign-with .icon-login-section .icon-login a { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } }
.f-login-area .f-login-card .login-footer .sign-with .icon-login-section .icon-login a:hover { background: var(--f-primary); border: 1px solid transparent; color: #FFFFFF; }
.f-login-area .terms-condition span { color: var(--f-tertiary); }
.f-login-area .login-image img { max-width: 100%; }
@media (max-width: 991px) { .f-login-area .login-image img { display: none; } }
.gutter-x-120 { --bs-gutter-x: 120px; }
.login-bg { position: relative; z-index: 1; }
.login-bg::before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.app-login-bg { position: relative; z-index: 1; }
.app-login-bg::before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.apps-wrapper .app-login-bg::before { opacity: 0.3; }
.password-input { padding-right: 32px; }
.toggle-password { position: absolute; top: 37px; right: 16px; cursor: pointer; z-index: 9999; font-size: 18px; }
.f-login-card { background: var(--white); padding: 25px 24px; border-radius: 4px; }
.login-title .title { font-weight: 700; font-size: 32px; text-transform: none; color: var(--f-primary-title); margin-bottom: 6px; }
@media (max-width: 767px) { .login-title .title { font-size: 30px; } }
.login-title .pera { color: var(--f-primary-title); font-weight: 400; font-size: 18px; }
.background-cover { background-size: cover; }
.plan-card { padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; border-radius: 4px; }
.plan-card .badge { background: #B83E22; color: #FFFFFF; padding: 9px 10px; text-transform: none; font-weight: 500; font-size: 14px; }
.plan-card .pera { font-size: 16px; }
.plan-card .listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }
.plan-card .listing .single-list { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.plan-card .listing .single-list svg { color: var(--f-primary); font-size: 14px; }
.login-logo { max-width: 160px; margin: 0 auto; }
.login-logo img { width: 100%; }
.max-w-350 { max-width: 350px; }
.min-h-55 { min-height: 55px; }
.login-back-btn { position: absolute; left: 30px; top: 25px; background: rgba(var(--f-primary-rgb), 0.8); color: var(--white); width: 35px; height: 35px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; transition: 0.3s; }
@media (max-width: 767px) { .login-back-btn { width: 30px; height: 30px; left: 10px; top: 10px; } }
.login-back-btn i, .login-back-btn svg { font-size: 20px; }
.login-back-btn:hover { background: rgba(var(--f-primary-rgb), 1); }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .counter-buttons button { min-height: 44px; max-height: 44px; font-size: 16px; min-width: 157px; }
.counter-buttons button svg, .counter-buttons button i { display: none; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .counter-buttons button { min-height: 44px; max-height: 44px; font-size: 16px; min-width: 157px; }
.counter-buttons button svg,
  .counter-buttons button i { display: none; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .counter-buttons button { min-height: 44px; max-height: 44px; font-size: 16px; min-width: 157px; } }
@media only screen and (min-width: 576px) and (max-width: 767.98px) { .counter-buttons button { min-height: 40px; max-height: 40px; font-size: 16px; min-width: 130px; }
.counter-buttons button svg,
  .counter-buttons button i { display: none; } }
@media (max-width: 575px) { .counter-buttons button { min-height: 44px; max-height: 44px; font-size: 14px; min-width: 130px; } }
.counter-wrapper { background: var(--white); padding: 16px; border-radius: 4px; margin: 0 auto; text-align: center; border: 1px solid var(--f-primary-border); }
.counter-wrapper.counter-off { position: relative; }
.counter-wrapper.counter-off::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--f-primary-rgb), 0.1); z-index: 12; background: rgba(255, 255, 255, 0.11); -webkit-box-shadow: none; box-shadow: none; backdrop-filter: blur(8px); border-radius: 4px; }
.counter-wrapper.counter-off .no-services-message { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 12; line-height: 1; font-size: 16px; font-weight: 700; color: var(--f-primary); text-transform: none; margin-bottom: 0; display: block !important; }
.counter-wrapper .login-bg { position: relative; z-index: 1; }
.counter-wrapper .login-bg::before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.counter-wrapper .counter-dashboard { padding: 27px 50px 32px 50px; border-radius: 8px; border: 1px solid var(--f-primary-border); background-color: var(--f-primary); position: relative; z-index: 1; }
.counter-wrapper .counter-dashboard::before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: 0; background-image: url("../../../images/counter-dashboard-bg.png"); width: 100%; height: 100%; opacity: 0.7; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard { padding: 30px 28px; padding-bottom: 30px; } }
.counter-wrapper .counter-dashboard .token-number-wrapper { min-height: 94px; margin-bottom: 12px; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .token-number-wrapper { min-height: 60px; } }
.counter-wrapper .counter-dashboard .token-number-wrapper .token-number { font-size: 60px; font-weight: 700; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .token-number-wrapper .token-number { font-size: 50px; } }
.counter-wrapper .counter-dashboard .time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .time { gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.counter-wrapper .counter-dashboard .time .serving-time { border-right: 1px solid var(--f-primary-border); margin-right: 17px; padding-right: 17px; line-height: 1; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .time .serving-time { border-right: 0; margin-right: 0; padding-right: 0; } }
.counter-wrapper .counter-dashboard .time .serving-time .pera { font-size: 16px; color: #FFFFFF; margin-bottom: 8px; line-height: 1; }
.counter-wrapper .counter-dashboard .time .serving-time .times { font-size: 24px; font-weight: 700; color: #FFFFFF; margin-bottom: 0; line-height: 1; }
.counter-wrapper .counter-dashboard .token-countdown { gap: 60px; border-top: 1px solid var(--f-primary-border); padding-top: 15px; margin-top: 20px; }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .token-countdown { gap: 18px; padding-top: 3px; margin-top: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.counter-wrapper .counter-dashboard .token-countdown .item { position: relative; }
.counter-wrapper .counter-dashboard .token-countdown .item:not(:last-child)::after { content: ""; width: 1px; height: 50px; background: var(--f-primary-border); display: inline-block; position: absolute; right: -30px; z-index: 11; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 575px) { .counter-wrapper .counter-dashboard .token-countdown .item:not(:last-child)::after { display: none; } }
.counter-wrapper .counter-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; }
.ticket-list-btn { font-size: 16px; font-weight: 500; background: #F5F3EE; color: var(--f-primary); padding: 6px 23px; border-radius: 4px; display: inline-block; position: relative; border: 1px solid var(--f-primary-border); }
.counter-list-items { border: 1px solid var(--f-primary-border); padding: 10px 10px; border-radius: 4px; }
.counter-list-items .right button { background: transparent; color: var(--f-primary); font-size: 22px; padding: 0; line-height: 1; }
.stop-icon button { -webkit-transition: 0.4s; transition: 0.4s; background: transparent; color: var(--f-primary); min-width: 56px; min-height: 56px; text-align: center; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 2px solid var(--f-primary); }
@media only screen and (min-width: 576px) and (max-width: 767.98px) { .stop-icon button { min-width: 40px; min-height: 40px; } }
.stop-icon button::after { position: absolute; content: ""; border-radius: 50%; left: -11px; top: -12px; right: 0; z-index: 0; background: rgba(var(--f-primary-rgb), 0.2); z-index: 0; }
.stop-icon button svg,
.stop-icon button i { font-size: 23px; display: block; }
.stop-icon button.btn-icon { position: relative; }
.stop-icon button.btn-icon::before { content: ""; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid rgba(var(--f-primary-rgb), 0.2); -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; z-index: 0; }
.stop-icon button.btn-icon {  }
@-webkit-keyframes btnIconRipple { 0% { border-width: 4px; -webkit-transform: scale(1); transform: scale(1); } 50% { border-width: 1px; -webkit-transform: scale(1.5); transform: scale(1.5); } 80% { border-width: 1px; -webkit-transform: scale(1.9); transform: scale(1.9); } 100% { opacity: 0; } }
.stop-icon button.btn-icon {  }
.stop-icon button.btn-icon:hover { background: var(--f-primary); background: rgba(var(--f-primary-rgb), 0.2); border-color: rgba(var(--f-primary-rgb), 0.4); }
.stop-icon button.btn-icon:hover i, .stop-icon button.btn-icon:hover svg { color: var(--f-primary); }
.stop-icon button.btn-icon.stop { background: #B83E22; }
.counter-buttons button:disabled,
.stop-icon button:disabled,
.transfer-ticket:disabled,
.hold-token:disabled { background-color: #D8D2C6; border-color: #D8D2C6; color: #857D70 !important; cursor: not-allowed; pointer-events: none; }
.counter-buttons button:disabled:hover,
.stop-icon button:disabled:hover,
.transfer-ticket:disabled:hover,
.hold-token:disabled:hover { background-color: #D8D2C6; border-color: #D8D2C6; color: #857D70 !important; cursor: not-allowed; }
.counter-buttons button:disabled:hover i, .counter-buttons button:disabled:hover svg,
.stop-icon button:disabled:hover i,
.stop-icon button:disabled:hover svg,
.transfer-ticket:disabled:hover i,
.transfer-ticket:disabled:hover svg,
.hold-token:disabled:hover i,
.hold-token:disabled:hover svg { color: #857D70 !important; }
.stop-icon button.btn-icon:disabled { background-color: #D8D2C6; pointer-events: none; }
.served-badge { position: absolute; top: 12px; left: 12px; background-color: #FFFFFF; color: var(--white); font-size: 14px; padding: 2px 8px; border-radius: 4px; font-weight: 600; text-transform: none; }
.served-badge.serving { color: var(--f-primary); padding: 2px 7px 2px 20px; }
.served-badge.served { color: #1D6B3E; }
.served-badge.calling { color: var(--f-primary); }
.served-badge.cancelled { color: var(--counter-btn-5) !important; }
.served-badge.hold { color: #B83E22; }
.tab-button-counter { gap: 10px; }
.tab-button-counter .nav-item .nav-link { font-size: 14px; font-weight: 500; background: #F5F3EE; color: var(--f-primary-title); padding: 6px 17px; border-radius: 4px; text-transform: none; display: inline-block; position: relative; border: 1px solid var(--f-primary-border); }
.tab-button-counter .nav-item .nav-link.active { background: var(--f-primary); color: var(--white); border: 1px solid var(--f-primary); }
.spinner-border { border: 0.2rem solid var(--f-primary); border-right-color: transparent; }
.loading-ui { font-size: 18px; font-weight: 500; font-family: var(--body-font); text-transform: none; color: var(--f-primary) !important; }
.loaderActive { background: #EEEAE2; width: 100%; position: absolute; height: 70px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; right: 0; text-align: center; margin: 0 auto; z-index: 0; top: 0; z-index: 0; }
@media (max-width: 575px) { .loaderActive { height: 42px; } }
.loaderActive::before { position: absolute; content: ""; border: 2px solid rgba(20, 35, 43, 0.1); border-left-color: #0E5468; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }
@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.loader-spin-active { width: 45px; height: 45px; position: relative; -webkit-animation: spin 10000ms infinite linear; animation: spin 10000ms infinite linear; z-index: 1; display: inline-block; }
.loader-spin-active::before, .loader-spin-active::after { content: ""; position: absolute; background: #FFFFFF; -webkit-animation: squeeze 3000ms infinite; animation: squeeze 3000ms infinite; }
.loader-spin-active::after { background: var(--f-primary); -webkit-animation-delay: -1.25s; animation-delay: -1.25s; border-radius: 50px; }
@-webkit-keyframes squeeze { 0% { inset: 0 26px 26px 0; } 12.5% { inset: 0 26px 0 0; } 25% { inset: 26px 26px 0 0; } 37.5% { inset: 26px 0 0 0; } 50% { inset: 26px 0 0 26px; } 62.5% { inset: 0 0 0 26px; } 75% { inset: 0 0 26px 26px; } 87.5% { inset: 0 0 26px 0; } 100% { inset: 0 26px 26px 0; } }
@keyframes squeeze { 0% { inset: 0 26px 26px 0; } 12.5% { inset: 0 26px 0 0; } 25% { inset: 26px 26px 0 0; } 37.5% { inset: 26px 0 0 0; } 50% { inset: 26px 0 0 26px; } 62.5% { inset: 0 0 0 26px; } 75% { inset: 0 0 26px 26px; } 87.5% { inset: 0 0 26px 0; } 100% { inset: 0 26px 26px 0; } }
@keyframes spin { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
.add-note { height: 33px; padding: 7px 5px; font-size: 12px; }
.available-services { border: 1px solid var(--f-primary-border); border-radius: 4px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 8px; cursor: pointer; position: relative; }
.available-services.active-clicked { border: 1px solid rgba(var(--f-primary-rgb), 0.5); background-color: rgba(var(--f-primary-rgb), 0.15); }
.available-services.active-clicked .checkbox-icon { display: block; }
.available-services.disable-services { border: 1px solid #EEEAE2; background: transparent; position: relative; }
.available-services.disable-services::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--f-primary-rgb), 0.1); z-index: 999; background: rgba(255, 255, 255, 0.11); -webkit-box-shadow: none; box-shadow: none; backdrop-filter: blur(1px); border-radius: 4px; }
.available-services.disable-services { cursor: not-allowed; }
.available-services.disable-services .checkbox-icon { display: none; }
.available-services .available-list { margin: 0; padding: 0; list-style: none; }
.available-services .available-list { min-height: 80px; }
.available-services .available-list .list-item { display: -ms-grid; display: grid; -ms-grid-columns: 70px 8px 12px 8px 1fr; grid-template-columns: 70px 12px 1fr; gap: 8px; padding: 0; color: var(--f-primary-title); font-size: 14px; text-transform: none; margin-bottom: 4px; }
.available-services .available-label { color: var(--f-primary-text); font-weight: 700; font-size: 12px; }
.available-services .checkbox-icon { color: var(--f-primary); font-size: 14px; position: absolute; right: 12px; bottom: 7px; line-height: 1; display: none; }
.available-services .checkbox-icon i, .available-services .checkbox-icon svg { font-size: 18px; width: 23px; height: 23px; color: var(--f-primary); stroke-width: 1.5px; }
.counter-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; }
.counter-middle .time-item { font-size: 18px; font-weight: 600; color: var(--f-primary); width: 33px; height: 26px; border-radius: 4px; background-color: rgba(var(--f-primary-rgb), 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1; }
.counter-middle .colon { font-size: 18px; font-weight: 600; color: var(--f-primary-paragraph); }
.counter-middle .ampm { text-transform: none; font-size: 17px; }
.grid-items-2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 575px) { .grid-items-2 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } }
.pr-buttons-20 { padding-right: 20px; border-right: 1px solid var(--f-primary-border); }
@media (max-width: 767px) { .pr-buttons-20 { padding-right: 0; border-right: 0; } }
.counter-on-off-wrapper { position: absolute; bottom: 61px; left: 0; right: 0; }
@media (max-width: 767px) { .dashboard-body { padding: 0 !important; } }
body.live-preview-mode .main-content { margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; cursor: not-allowed !important; }
body.live-preview-mode .mobile-menu-footer { display: none !important; }
body.live-preview-mode .counter-wrapper .counter-dashboard { margin-bottom: 0 !important; }
body.live-preview-mode .token-countdown { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
body.live-preview-mode .counter-wrapper.counter-off .no-services-message { color: #FFFFFF !important; }
.livePreviewModal.show #layout-wrapper .main-content { margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; cursor: not-allowed !important; }
.livePreviewModal.show #layout-wrapper .main-content .mobile-menu-footer { display: none !important; }
.livePreviewModal.show #layout-wrapper .main-content .counter-wrapper .counter-dashboard { margin-bottom: 0 !important; }
.livePreviewModal.show embed { width: 100%; height: 100%; border: none; display: block; }
.livePreviewModal.show iframe { width: 100%; height: 100%; border: none; display: block; }
.livePreviewModal.show #modal_content [id^=live_preview_content_] { width: 100%; height: 100%; min-height: 300px; }
.livePreviewModal.show #modal_content [id^=live_preview_content_] embed { width: 100%; height: 100%; width: 100%; min-height: 310px; }
.preview-counter .counter-wrapper { padding: 0; border: 0; background: transparent; }
:root { --waiting-color: #B83E22; --served-color: #1D6B3E; --no-show-color: #B42318; --total-color: #4A9CB0; --waiting-color-rgb: 242, 138, 34; --served-color-rgb: 8, 157, 73; --no-show-color-rgb: 220, 53, 69; --total-color-rgb: 0, 229, 255; }
.display-status-soft-color-one { background: rgba(var(--f-primary-rgb), 0.2); }
.display-status-soft-color-one .card-title { color: var(--f-primary) !important; }
.display-status-soft-color-two { background: rgba(var(--counter-btn-2-rgb), 0.2); }
.display-status-soft-color-two .card-title { color: var(--counter-btn-2) !important; }
.display-status-soft-color-three { background: rgba(var(--counter-btn-1-rgb), 0.1); border: 1px solid rgba(var(--counter-btn-1-rgb), 0.3); }
.display-status-soft-color-four { background: var(--f-primary); border: 1px solid transparent; }
.display-status-soft-color-five { background: rgba(184, 62, 34, 0.2); }
.display-status-soft-color-five .card-title { color: #B83E22 !important; }
.display-status-soft-color-six { background: rgba(180, 35, 24, 0.3); }
.display-status-soft-color-six .card-title { color: #B42318 !important; }
.display-status-dip-color-one { background: rgba(var(--f-primary-rgb), 1); }
.display-status-dip-color-two { background: var(--counter-btn-2); }
.display-status-dip-color-three { background: rgba(var(--counter-btn-1-rgb), 1); }
.display-status-dip-color-four { background: rgba(var(--f-primary-rgb), 1); }
.display-status-dip-color-five { background: #B83E22; }
.display-status-dip-color-six { background: #B42318; }
.display-status-dip-color-ten { background: rgba(180, 35, 24, 0.2); border: 1px solid rgba(180, 35, 24, 0.3); }
.display-status-dip-color-ten .card-title { color: #B42318 !important; line-height: 1; }
.display-status-dip-color-ten .card-subtitle { color: #B42318 !important; }
.clip-arrow { position: relative; }
.clip-arrow::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -16px; background-color: #B42318; color: var(--white); font-size: 14px; padding: 8px 0 11px 16px; text-transform: none; clip-path: polygon(54% 50%, 0 0, 0 100%); line-height: 1; z-index: 1; }
.display-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; background: transparent; padding: 8px 20px; background: #FFFFFF; }
.display-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; }
.display-branding .logo { max-width: 210px; min-width: 200px; }
.display-branding .display-branding-content .title { font-size: 32px; font-weight: 700; color: var(--f-primary-title); margin-bottom: 0; }
.display-branding .display-branding-content .description { font-size: 18px; font-weight: 500; color: var(--f-primary-paragraph); }
.display-board .current-serving { font-size: 60px; font-weight: 700; color: var(--f-primary); margin-bottom: 30px; display: block; }
.display-board .token-title { font-size: 30px; font-weight: 500; color: var(--f-primary); margin-bottom: 28px; display: block; }
.display-board .token-number { font-size: 70px; font-weight: 600; color: #1D6B3E; margin-bottom: 7px; min-height: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .display-board .token-number { font-size: 60px; } }
@media (max-width: 991px) { .display-board .token-number { font-size: 50px; } }
.display-board .time-title { font-size: 30px; font-weight: 500; color: var(--f-primary); margin-bottom: 10px; }
.display-board .times { font-size: 36px; font-weight: 500; color: rgba(var(--counter-btn-1-rgb), 1); margin-bottom: 0; }
.display-wrapper .left-content { background-color: rgba(var(--f-primary-rgb), 0.1); border: 1px solid rgba(var(--f-primary-rgb), 0.3); height: 100%; min-width: 314px; padding: 20px; border-radius: 4px; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .display-wrapper .left-content { min-width: 235px; } }
@media (max-width: 991px) { .display-wrapper .left-content { min-width: 230px; } }
.display-wrapper .middle-content { background-color: rgba(var(--counter-btn-2-rgb), 0.1); border: 1px solid rgba(var(--f-primary-rgb), 0.3); min-width: 300px; width: 100%; height: 100%; padding: 20px; border-radius: 4px; overflow: scroll; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
@media (max-width: 1399px) { .display-wrapper .middle-content { min-width: 300px; } }
.counter-w-450 { min-width: 450px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .counter-w-450 { min-width: 350px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .counter-w-450 { min-width: 300px; } }
@media (max-width: 991px) { .counter-w-450 { min-width: 260px; } }
.counter-w-368 { width: 360px; }
.counter-w-280 { min-width: 280px; }
.scrolling-token { overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; -ms-flex-negative: 1; flex-shrink: 1; }
.display-card { padding: 9px 16px; border-radius: 4px; color: var(--f-primary); text-align: center; }
.display-card .card-title { color: var(--f-primary-title); font-size: 30px; font-weight: 700; margin-bottom: 2px; display: block; line-height: 1; }
@media (max-width: 991px) { .display-card .card-title { font-size: 28px; } }
.display-card .card-subtitle { color: #B42318; font-size: 18px; margin-bottom: 0; font-weight: 700; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .display-card .card-subtitle { font-size: 16px; } }
@media (max-width: 991px) { .display-card .card-subtitle { font-size: 14px; } }
.counter-board { padding: 15px 16px; border-radius: 4px; color: var(--f-primary); text-align: center; min-height: 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 1199px) { .counter-board { min-height: 190px; } }
@media (max-width: 991px) { .counter-board { min-height: 180px; } }
.counter-board { position: relative; }
.counter-board::before { content: ""; position: absolute; bottom: -30px; left: 0; width: 100%; height: 100%; background-image: url("../images/display/display-skatch.png"); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; z-index: 1; opacity: 0.8; -webkit-transform-origin: center center; transform-origin: center center; background-size: contain; }
.counter-board .counter-title { font-size: 60px; font-weight: 700; color: #FFFFFF; margin-bottom: 8px; }
.counter-board .counter-title.counter-title2 { font-size: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .counter-board .counter-title { font-size: 50px; } }
@media (max-width: 991px) { .counter-board .counter-title { font-size: 40px; } }
.counter-board .token-number { font-size: 50px; font-weight: 700; color: #4A9CB0; }
.counter-board-single { padding: 15px 16px; border-radius: 4px; color: var(--f-primary); text-align: center; min-height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 1199px) { .counter-board-single { min-height: 190px; } }
@media (max-width: 991px) { .counter-board-single { min-height: 180px; } }
.counter-board-single { position: relative; }
.counter-board-single::before { content: ""; position: absolute; bottom: -30px; left: 0; width: 100%; height: 100%; background-image: url("../images/display/display-skatch.png"); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; z-index: 1; opacity: 0.8; -webkit-transform-origin: center center; transform-origin: center center; background-size: contain; }
.counter-board-single .counter-title { font-size: 100px; font-weight: 700; color: #FFFFFF; margin-bottom: 8px; }
.counter-board-single .counter-title.counter-title2 { font-size: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .counter-board-single .counter-title { font-size: 50px; } }
@media (max-width: 991px) { .counter-board-single .counter-title { font-size: 40px; } }
.counter-board-single .token-number { font-size: 100px; font-weight: 700; color: #4A9CB0; }
.display_content_section { padding-top: 20px !important; }
#refresh_display { display: none; }
.current-serving-token { background: #1D6B3E; color: var(--white) !important; border-radius: 4px; }
.current-serving-token .display-card { border: 1px solid transparent; }
.current-serving-token .display-card .card-title { color: var(--white); }
.current-serving-token .display-card .card-subtitle { color: var(--white); }
.no-serving-token { background: #B83E22; color: var(--white) !important; border-radius: 4px; min-height: 80px; }
.no-serving-token .display-card { border: 1px solid transparent; }
.no-serving-token .display-card .card-title { color: var(--white); }
.no-serving-token .display-card .card-subtitle { color: var(--white); }
.hold-status { background: #7F5400; color: var(--white) !important; border-radius: 4px; min-height: 80px; }
.hold-status .display-card { border: 1px solid transparent; }
.hold-status .card-title { color: var(--white); }
.hold-status .card-subtitle { color: var(--white); }
.break-status { background: #B42318; color: var(--white) !important; border-radius: 4px; min-height: 80px; }
.break-status .display-card { border: 1px solid transparent; }
.break-status .card-title { color: var(--white); }
.break-status .card-subtitle { color: var(--white); }
.closed-status { background: #B42318; color: var(--white) !important; border-radius: 4px; min-height: 80px; }
.closed-status .display-card { border: 1px solid transparent; }
.closed-status .card-title { color: var(--white); }
.closed-status .card-subtitle { color: var(--white); }
.modal-content { background-color: var(--f-bg-secondary); color: var(--f-primary-title); border: 1px solid var(--f-primary-border); }
.calling-ticket-mike .calling-mike { position: absolute; bottom: 100%; right: 0; }
.calling-ticket-mike .calling-mike img { max-width: 250px; }
.calling-ticket-mike .calling-token-number { font-size: 50px; font-weight: 600; color: var(--counter-btn-1); margin-bottom: 7px; }
.calling-ticket-mike .pera { color: var(--f-primary-title); font-size: 18px; margin-bottom: 0; font-weight: 600; }
.next-token-title { font-size: 50px; font-weight: 700; color: var(--counter-btn-2); text-align: center; }
.next-token-list-wrapper { display: -ms-grid; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); max-height: 239px; overflow: hidden; }
.next-token-list-wrapper2 { display: -ms-grid; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.counter-based-show { display: -ms-grid; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.border-counter { position: relative; background: #D8D2C6; width: 1px; height: 86px; top: -1px; left: 0; display: -webkit-box; z-index: 1; overflow: hidden; content: ""; -webkit-transform: rotate(21deg); transform: rotate(21deg); }
.counter { color: var(--f-primary-title); font-size: 33px; text-transform: none; font-weight: 600; display: block; line-height: 1; margin-bottom: 3px; }
.counter-number { color: orange; font-size: 45px; font-weight: 800; display: block; line-height: 1; }
.display-footer-content { margin: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.display-footer-content .display-card { min-width: 200px; }
.display-logout-btn { background: #FFFFFF; width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; bottom: 10px; left: 10px; }
.display-logout-btn i, .display-logout-btn svg { font-size: 20px; color: #B42318; color: var(--f-primary); width: 20px; height: 20px; position: relative; left: 2px; }
.display-logout-btn:hover { background-color: var(--f-primary); color: #FFFFFF; }
.display-logout-btn:hover svg { color: #FFFFFF; }
.no-show-token-slider { position: relative; min-width: 200px; overflow: hidden; }
.no-show-token-slider .no-show-slide-item { display: none; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.no-show-token-slider .no-show-slide-item.active { display: block; opacity: 1; }
.single-display-section { background: #B83E22; padding: 20px; border-radius: 4px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; }
.single-display-section::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/display/single-display-skatch.png"); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; z-index: -1; opacity: 0.8; -webkit-transform-origin: center center; transform-origin: center center; background-size: contain; }
.single-display-section .single-display-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.single-display-section .single-display-content .title { font-size: 40px; font-weight: 600; color: var(--f-primary-title); text-transform: none; margin-bottom: 10px; }
.single-display-section .single-display-content .number { font-size: 100px; font-weight: 700; color: var(--f-primary); margin-bottom: 8px; }
.single-display-section .single-display-content .serving-time { font-size: 32px; font-weight: 500; color: var(ot-primary-color); text-transform: none; margin-bottom: 0; }
.single-display-section .single-display-content .time { font-size: 40px; font-weight: 600; color: var(ot-primary-title); text-transform: none; margin-bottom: 0; }
.serving-status { font-size: 24px; font-weight: 600; color: #FFFFFF; text-transform: none; margin-bottom: 18px; padding: 5px 20px; border-radius: 8px; }
.serving-status.serving { background-color: #1D6B3E; }
.serving-status.no-service { background-color: #B83E22; }
.calling-modal-wrapper .calling-icon { max-width: 200px; max-height: 200px; }
.calling-modal-wrapper .single-calling-token-content .counter-number { font-size: 70px; font-weight: 700; color: var(--f-primary); text-transform: none; margin-bottom: 15px; line-height: 1; text-align: center; display: block; width: 100%; }
.calling-modal-wrapper .single-calling-token-content .token-number { font-size: 32px; font-weight: 600; color: var(--f-primary-title); text-transform: none; margin-bottom: 0; line-height: 1; display: block; width: 100%; }
.blinking-highlight { background-color: #F5F3EE !important; background-color: rgba(29, 107, 62, 0.2431372549) !important; border-color: #1D6B3E !important; }
.blinking-highlight .card-subtitle { color: #1D6B3E !important; }
.full-screen-toggle.full-screen-off .maximize-icon { display: inline-block; }
.full-screen-toggle.full-screen-off .minimize-icon { display: none; }
.full-screen-toggle.full-screen-on .maximize-icon { display: none; }
.full-screen-toggle.full-screen-on .minimize-icon { display: inline-block; }
.volume-button-toggle.volume-off .volume-off-icon { display: inline-block; }
.volume-button-toggle.volume-off .volume-on-icon { display: none; }
.volume-button-toggle.volume-on .volume-on-icon { display: inline-block; }
.volume-button-toggle.volume-on .volume-off-icon { display: none; }
html,
body { height: 100%; }
.disable-screen .kiosk_button_group { cursor: not-allowed; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.disable-screen .kiosk_setting_button { cursor: not-allowed; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#tooltip { position: fixed; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-width: 400px; padding: 12px; background-color: #7F5400; border: 1px solid #7F5400; border-radius: 4px; top: 0; left: 0; opacity: 0; visibility: hidden; pointer-events: none; z-index: 9999; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; font-size: 14px; color: var(--f-primary-title); word-wrap: break-word; font-weight: 500; font-size: 18px; }
.kiosk-wrapper-layout { background: var(--login-bg); padding-top: 0; }
.kiosk-display-branding { min-height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; }
@media (max-width: 575px) { .kiosk-display-branding { padding: 120px 0; } }
.kiosk-bg { position: relative; z-index: 1; }
.kiosk-bg::before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.header-kiosk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; background: transparent; padding: 36px 30px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 20; }
.kiosk_display_wrapper .kiosk-display-branding .title { font-size: 30px; font-weight: 700; color: var(--f-primary-title); margin-bottom: 5px; }
.kiosk_display_wrapper .kiosk-display-branding .description { font-size: 18px; font-weight: 500; color: var(--f-primary-title); }
.kiosk_display_wrapper .kiosk-display-branding .logo { max-width: 210px; min-width: 200px; margin-bottom: 17px; }
.kiosk_display_wrapper .kiosk_display_container { max-width: 540px; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (min-width: 768px) and (max-width: 991.98px) { .kiosk_display_wrapper .kiosk_display_container { max-width: 700px; } }
.kiosk_display_wrapper .kiosk_display_container.customer_form { max-width: 540px; }
.kiosk_display_wrapper .kiosk_display_container .kiosk_display_box { padding: 30px; min-height: 340px; min-width: 600px; background: rgba(255, 255, 255, 0.15); border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.72); }
@media (max-width: 767px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_display_box { padding: 25px; } }
@media (max-width: 575px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_display_box { min-width: auto; margin: 10px; } }
.kiosk_display_wrapper .kiosk_display_container .kiosk_button_group { display: -ms-grid; display: grid; grid-gap: 16px; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 575px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_button_group { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); padding: 10px; } }
.kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group { background: var(--white); border-radius: 8px; padding: 16px; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }
.kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: none; box-shadow: none; }
.kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group .kiosk_button_image { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; min-height: 200px; background-color: var(--login-bg); border-radius: 4px; }
@media (max-width: 575px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group .kiosk_button_image { display: none; } }
.kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group .kiosk-button-title { font-size: 22px; font-weight: 600; color: var(--f-primary-title); text-align: center; padding: 38px 0 25px; }
@media (max-width: 575px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_main_button_group .kiosk-button-title { padding: 0; } }
.kiosk_display_wrapper .kiosk_display_container .kiosk_cta_button_group { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 24px; margin-top: 40px; }
@media (max-width: 767px) { .kiosk_display_wrapper .kiosk_display_container .kiosk_cta_button_group { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-gap: 16px; margin-top: 20px; } }
.kiosk_cta_button { background: var(--f-primary); border-radius: 4px; padding: 20px; -webkit-transition: 0.3s; transition: 0.3s; }
.kiosk_cta_button:hover { background-color: rgba(var(--f-primary-rgb), 0.9) !important; }
.kiosk_cta_button svg { font-size: 50px; margin-bottom: 12px; width: 50px; height: 50px; }
@media (max-width: 767px) { .kiosk_cta_button svg { width: 40px; height: 40px; } }
.kiosk_cta_button span { color: var(--white); font-size: 18px; font-weight: 500; }
@media (max-width: 767px) { .kiosk_cta_button span { font-size: 14px; } }
.kiosk_header_btn { background: #FFFFFF; width: 45px; height: 45px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; transition: 0.3s; }
.kiosk_header_btn svg { font-size: 24px; color: var(--f-primary); }
.kiosk_header_btn:hover { background-color: var(--f-primary); color: #FFFFFF; }
.kiosk_header_btn:hover svg { color: #FFFFFF; }
.kiosk_header_btn.back-button { background-color: var(--f-primary); color: #FFFFFF; }
.kiosk_header_btn.back-button svg { color: #FFFFFF; }
.kiosk_header_btn .home-button { background-color: #FFFFFF; color: var(--f-primary); }
.kiosk-setting-buttons { position: fixed; bottom: 32px; right: 24px; z-index: 20; }
.available_slots { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-gap: 10px; }
.available_slots .slot_item { font-size: 15px; font-weight: 500; -webkit-transition: 0.3s; transition: 0.3s; color: var(--f-primary); padding: 12px; border-radius: 4px; background: rgba(var(--f-primary-rgb), 0.06); border: 1px solid rgba(var(--f-primary-rgb), 0.3); white-space: nowrap; }
.available_slots .slot_item:hover, .available_slots .slot_item.active { background: var(--f-primary); color: var(--white); }
.token_ref_form { max-width: 430px; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.fw-semibold { font-weight: 600 !important; }
.max_200 { max-width: 200px; }
.quick_contact_list .contact_item { margin-bottom: 8px; }
.quick_contact_list .contact_item .label_item { font-size: 16px; font-weight: 500; color: var(--f-primary-title); max-width: 180px; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; }
.quick_contact_list .contact_item .list_content p { font-size: 16px; font-weight: 400; color: var(--f-primary-title); }
.rating_icon i { font-size: 20px; color: #D8D2C6; }
.qr_code_img { max-width: 300px; border: 1px solid var(--f-primary-border); margin: auto; min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; }
.m-h-90 { min-height: 90px; font-size: 25px; }
.m-h-440 { min-height: 440px; }
.loaderKiosk { position: absolute; height: 72px; left: 48px; top: 40px; z-index: 0; }
.loaderKiosk::before { position: absolute; content: ""; border: 3px solid rgba(20, 35, 43, 0.1); border-left-color: var(--f-primary); border-radius: 50%; width: 30px; height: 30px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }
@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.error-page { height: 100vh; position: relative; }
.error-page-wrapper { text-align: center; width: 500px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.error-page-wrapper .error-image { max-width: 220px; margin-bottom: 30px; }
.error-page-wrapper .title { font-size: 22px; color: var(--f-primary-title); font-weight: 700; margin-bottom: 14px; }
.error-page-wrapper .pera { font-size: 16px; color: var(--f-primary-paragraph); margin-bottom: 1rem; }
.empty-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60vh; }
a.addons-off { position: relative; }
a.addons-off:hover:after { opacity: 1; }
a.addons-off:after { content: "Addons not installed"; position: absolute; top: -30px; background: #B42318; color: #FFFFFF; padding: 3px 8px; z-index: 1000; font-weight: 700; border-radius: 4px; text-align: center; font-size: 12px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; min-width: 150px; text-align: center; }
.addons-off-login { position: relative; }
.addons-off-login::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(255, 255, 255, 0.83); backdrop-filter: blur(1px); border-radius: 4px; }
.addons-off-login .when-addons-not-installed { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 12; line-height: 1; font-size: 16px; font-weight: 700; text-transform: none; background-color: rgba(180, 35, 24, 0.2); padding: 4px 10px; border-radius: 8px; margin: 0 auto; text-align: center; max-width: 170px; right: 0; border: 1px solid rgba(180, 35, 24, 0.3); }
.addons-off-login .when-addons-not-installed .icon { width: 16px; height: 16px; }
.addons-off-login .when-addons-not-installed .text { color: #B42318; font-size: 12px; font-weight: 600; text-transform: none; margin-bottom: 0; }
[dir=rtl] #layout-wrapper .main-content { margin-left: 12px; margin-right: 294px; }
@media (max-width: 991px) { [dir=rtl] #layout-wrapper .main-content { margin-right: 12px; transition: -webkit-left 0.3s; -webkit-transition: margin-right 0.3s; transition: margin-right 0.3s; transition: margin-right 0.3s, -webkit-margin-right 0.3s; } }
[dir=rtl] .fileter-selct .select2-container--default .select2-selection--single .select2-selection__arrow { right: 4px !important; }
[dir=rtl] .date-pic-icon i { left: 0; right: auto; }
[dir=rtl] .search-style .search-icon { right: auto; left: 16px; }
[dir=rtl] .sidebar { left: auto; right: 0; }
[dir=rtl] .sidebar { left: auto; right: 0; border-right: transparent; border-left: 1px solid var(--f-primary-border); }
@media (max-width: 991px) { [dir=rtl] .sidebar { right: -100%; transition: -webkit-right 0.3s; -webkit-transition: right 0.3s; transition: right 0.3s; transition: right 0.3s, -webkit-right 0.3s; } }
[dir=rtl] .sidebar.open-sidebar { -webkit-transform: translateX(0%); transform: translateX(0%); right: 0; }
[dir=rtl] .sidebar .close-sidebar { right: auto; left: -16px; }
[dir=rtl] .sidebar .sidebar-inner { max-height: 100%; min-height: 100%; }
[dir=rtl] .sidebar .sidebar-inner .sidebar-menu { border-right: transparent; border-left: 1px solid var(--f-primary-border); }
[dir=rtl] .sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content::before { left: auto; right: -15px; }
[dir=rtl] .sidebar .sidebar-header { border-left: 1px solid var(--f-primary-border); }
[dir=rtl] .login-bg::before { right: auto; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
[dir=rtl] .sidebar .sidebar-inner .sidebar-menu { border-right: 0; border-left: 1px solid var(--f-primary-border); }
[dir=rtl] .sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active::before { background: var(--f-primary); height: 42px; border-radius: 4px 0 0 4px; left: auto; right: -15px; }
[dir=rtl] .input-check-radio { margin-right: -1.5em !important; margin-left: 4px !important; }
[dir=rtl] .input-check-radio .form-check .form-check-input { margin-right: -1.5em !important; margin-left: 4px !important; }
[dir=rtl] .direction-button .input-check-radio { padding-right: 25px !important; padding-left: unset !important; }
[dir=rtl] .direction-button div:nth-child(2) { padding-left: 10px !important; }
[dir=rtl] .ml-10 { margin-left: 0 !important; margin-right: 10px !important; }
[dir=rtl] .datepicker--nav-action svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
[dir=rtl] .table-content.table-basic .table .thead tr th { padding: 16px 16px 16px 32px; }
[dir=rtl] .profile-content .profile-menu { border-right: 0; border-left: 1px solid var(--f-primary-border); }
[dir=rtl] .profile-content .profile-menu-body .nav-link::before { right: auto; left: -2px; }
[dir=rtl] .ml-20 { margin-left: 0 !important; margin-right: 20px !important; }
[dir=rtl] .nice-select { text-align: right !important; }
[dir=rtl] .select2-container--open .select2-dropdown { min-width: 142px; }
[dir=rtl] span.icon.mr-12 { margin-right: 0; margin-left: 12px; }
[dir=rtl] .tagify__tag__removeBtn { margin-left: 0; margin-right: 6px; }
[dir=rtl] .offcanvas.offcanvas-start { right: 0; }
[dir=rtl] .custom-dropdown-menu { right: auto; left: 0; }
[dir=rtl] input[type=date] { text-align: right; }
[dir=rtl] .profile-content .offcanvas.show:not(.hiding),
[dir=rtl] .offcanvas.showing { -webkit-transform: none; transform: none; }
[dir=rtl] .offcanvas { visibility: visible; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
[dir=rtl] .border-separator .nav-item:not(:last-child)::after,
[dir=rtl] .border-separator .item:not(:last-child)::after { right: auto; left: -11px; }
[dir=rtl] .breadcrumb_count .breadcrumb_count_left::after { right: auto; left: -6px; }
[dir=rtl] .header-middle .item:not(:last-child)::after { left: -16px; right: auto; }
[dir=rtl] .header-right .item:not(:last-child)::after { left: -16px; right: auto; }
[dir=rtl] .time-picker-icon { right: auto !important; left: 17px; }
[dir=rtl] .user-icon { right: auto !important; left: 20px; }
[dir=rtl] .sticky-column { left: auto; right: 0; }
[dir=rtl] .sticky-column.left-35 { left: auto; right: 35px; }
[dir=rtl] .mr-001 { margin-right: auto; margin-left: 100%; }
[dir=rtl] .display_embed iframe { right: 0; left: auto; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0.390625) translateX(0px); transform: scale(0.390625) translateX(0px); }
[dir=rtl] .counter-wrapper .counter-dashboard .time .serving-time { border-left: 1px solid var(--f-primary-border); border-right: 0; margin-right: 0; margin-left: 17px; padding-right: 0; padding-left: 17px; }
@media (max-width: 575px) { [dir=rtl] .counter-wrapper .counter-dashboard .time .serving-time { border-left: 0; margin-left: 0; padding-left: 0; } }
[dir=rtl] .counter-wrapper .counter-dashboard .token-countdown .item:not(:last-child)::after { right: auto; left: -30px; }
[dir=rtl] .pr-buttons-20 { padding-right: initial; padding-left: 20px; border-right: transparent; border-left: 1px solid var(--f-primary-border); }
@media (max-width: 767px) { [dir=rtl] .pr-buttons-20 { padding-left: 0; border-left: 0; } }
[dir=rtl] .served-badge { left: auto; right: 12px; }
[dir=rtl] .text-start { text-align: right !important; }
[dir=rtl] .available-services .checkbox-icon { right: auto; left: 12px; }
[dir=rtl] .notification-badge { left: auto; right: 8px; }
[dir=rtl] .clip-arrow::before { right: auto; left: -16px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
[dir=rtl] .form-control.is-invalid,
[dir=rtl] .was-validated .form-control:invalid { background-position: left 0.5625rem center; }
[dir=rtl] .apexcharts-xaxis { -webkit-transform: translate(0px, 58px); transform: translate(0px, 58px); }
[dir=rtl] .apexcharts-legend-text { margin-left: auto; margin-right: 1px; padding-right: 6px; padding-left: 0; }
[dir=rtl] .apexcharts-yaxis-title { -webkit-transform: translate(-73px, 0); transform: translate(-73px, 0); }
[dir=rtl] .tagify__tag__removeBtn::after { top: 5px; left: auto; right: 15px; }
[dir=rtl] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: auto; left: 0; }
[dir=rtl] .password-toggle { right: auto; left: 12px; }
[dir=rtl] .radio-wrap input[type=radio]:checked,
[dir=rtl] .radio-wrap input[type=radio]:not(:checked) { left: auto; right: -9999px; }
[dir=rtl] .voice-range-control::before { left: auto; right: 0; }
[dir=rtl] .basic-table thead th:first-child { border-right: 0; }
[dir=rtl] .basic-table tbody td:first-child { border-right: 0; }
.multi-select-wrap .select2-container .select2-selection--single { background: none; }
.multi-select-wrap .select2-container .select2-selection--single { background-color: unset !important; }
body[dir=rtl] .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 20px; text-align: right; padding-left: 17px; }
body[dir=rtl] .header .header-search .search-field { padding-left: 1rem !important; padding-right: 3.25rem !important; }
body[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto; left: 25px; }
body[dir=rtl] .profile-border { width: 100%; }
body[dir=rtl] .header .header-search .search-icon { left: auto; right: 30px; }
body[dir=rtl] .select2-container .select2-dropdown .select2-results__option { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
body[dir=rtl] .select2-container .select2-dropdown .select2-search .select2-search__field { text-align: right; }
body[dir=rtl] .card_scroll_active .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 4px; }
body[dir=rtl] .card_scroll_active .mCustomScrollBox { padding-right: 0; padding-left: 25px; }
body[dir=rtl] .card_scroll_active { padding-left: 0; padding-right: 28px !important; }
.ck.ck-editor__main li { list-style: unset; }
.form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 9px; }
[dir=rtl] .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 14px; }
[dir=rtl] .step-list-wrapper .single-step-list-step::before { right: 100%; left: auto; }
@media (max-width: 991.98px) { [dir=rtl] .header { right: 0; } }
[dir=rtl] .nice-select .list li { text-align: right; }
@media (min-width: 992px) { [dir=rtl] -offset-lg-1 { margin-right: 8.33333333%; } }

/* ===================================================================
   Filéa : couche de la charte
   Polices, jetons, puis composants. Tout ce qui suit s'appuie sur les
   valeurs de la charte Filéa et passe après le reste de la feuille.
   =================================================================== */

@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-next.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-next-italique.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Mono"; src: url("../fonts/atkinson-mono.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }

:root {
  /* Jetons de la charte */
  --font-sans: "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
  --font-chiffres: "Atkinson Hyperlegible Mono", Consolas, monospace;
  --f-fond: #F5F3EE; --f-surface: #FFFFFF; --f-creux: #EEEAE2; --f-trait: #D8D2C6; --f-trait-fort: #857D70;
  --f-encre: #14232B; --f-encre-2: #4A5A62;
  --f-filea: #0E5468; --f-corail: #FF7A59; --f-corail-profond: #B83E22; --f-corail-sombre: #9A3319; --f-onde: #4A9CB0;
  --f-succes: #1D6B3E; --f-succes-fond: #E3F1E8; --f-alerte: #7F5400; --f-alerte-fond: #FFF1D2; --f-danger: #B42318; --f-danger-fond: #FDEBE8;
  --f-depot: #23703F; --f-depot-fond: #E4F0E8; --f-retrait: #A4540F; --f-retrait-fond: #F7EADF;
  --f-cheque: #5E3F8C; --f-cheque-fond: #EEE8F5; --f-conseil: #1F5F9E; --f-conseil-fond: #E5EDF6;
  --f-rayon-1: 4px; --f-rayon-2: 8px; --f-rayon-3: 16px;
  --f-ombre-levee: 0 1px 0 rgba(20, 35, 43, 0.06), 0 2px 6px rgba(20, 35, 43, 0.08);
  --f-ombre-fenetre: 0 16px 40px rgba(20, 35, 43, 0.22);

  /* Variables de l'application, recalées sur la charte */
  --heading-font: var(--font-sans); --body-font: var(--font-sans); --Inter: var(--font-sans);
  --f-primary: #0E5468; --f-primary-rgb: 14, 84, 104;
  --f-secondary: #B83E22; --f-secondary-rgb: 20, 35, 43;
  --f-tertiary: #4A9CB0; --f-tertiary-rgb: 74, 90, 98;
  --body-bg: #F5F3EE; --login-bg: #F5F3EE;
  --f-primary-title: #14232B; --f-secondary-title: #14232B; --f-tertiary-title: #4A5A62;
  --f-primary-paragraph: #14232B; --f-secondary-paragraph: #4A5A62; --f-tertiary-paragraph: #4A5A62;
  --f-primary-btn: #B83E22; --f-secondary-btn: #0E5468; --f-tertiary-btn: #0E5468;
  --f-primary-border: #D8D2C6; --f-secondary-border: #EEEAE2; --f-tertiary-border: #857D70;
  --red: #B42318; --ratting-color: #FF7A59; --ratting-color-rgb: 255, 122, 89;
  --f-bg-badge: #E3F1E8; --f-text-badge: #14232B; --f-date: #14232B;
  --f-bg-event-date-lightblue: #E5EDF6; --f-bg-event-date-green: #E3F1E8; --f-bg-event-date-orange: #FFF1D2;
  --scroll-color-one: rgba(14, 84, 104, 0.3); --scroll-color-two: #EEEAE2; --white: #FFFFFF;
  --theme-shadow: none; --theme-shadow2: var(--f-ombre-levee);
  --f-bg-secondary: #FFFFFF; --f-bg-secondary-opacity: rgba(255, 255, 255, 0.35); --f-bg-tertiary: #FFFFFF; --f-bg-progress: #EEEAE2;
  --f-bg-badge-danger: #B42318; --f-bg-badge-warning: #FFF1D2; --f-bg-badge-primary: #0E5468; --f-bg-badge-custom: #E5EDF6;
  --f-text-badge-danger: #B42318; --f-text-badge-warning: #7F5400; --f-text-badge-primary: #0E5468;
  --primary--rgb: 14, 84, 104; --f-danger-rgb: 180, 35, 24; --f-success-rgb: 29, 107, 62; --f-warning-rgb: 127, 84, 0; --f-info-rgb: 14, 84, 104; --f-light-rgb: 245, 243, 238;
  --soft-secondary: #1F5F9E; --soft-secondary-rgb: 31, 95, 158; --soft-tertiary: #1D6B3E; --soft-tertiary-rgb: 29, 107, 62;
  --soft-four: #0E5468; --soft-four-rgb: 14, 84, 104; --soft-danger: #B42318; --soft-danger-rgb: 180, 35, 24;
  --counter-btn-1: #B83E22; --counter-btn-1-rgb: 184, 62, 34; --counter-btn-2: #1D6B3E; --counter-btn-2-rgb: 29, 107, 62;
  --counter-btn-3: #1F5F9E; --counter-btn-3-rgb: 31, 95, 158; --counter-btn-4: #0E5468; --counter-btn-4-rgb: 14, 84, 104;
  --counter-btn-5: #B42318; --counter-btn-5-rgb: 180, 35, 24;
  --tooltip-color: #14232B;
  --waiting-color: #FF7A59; --served-color: #1D6B3E; --no-show-color: #B42318; --total-color: #4A9CB0;
  --waiting-color-rgb: 255, 122, 89; --served-color-rgb: 29, 107, 62; --no-show-color-rgb: 180, 35, 24; --total-color-rgb: 74, 156, 176;

  /* Bibliothèque de mise en page, alignée sur la charte */
  --bs-font-sans-serif: var(--font-sans); --bs-body-font-family: var(--font-sans); --bs-body-font-size: 1rem;
  --bs-body-color: #14232B; --bs-body-color-rgb: 20, 35, 43; --bs-body-bg: #F5F3EE; --bs-body-bg-rgb: 245, 243, 238;
  --bs-secondary-color: #4A5A62; --bs-emphasis-color: #14232B; --bs-heading-color: #14232B;
  --bs-primary: #0E5468; --bs-primary-rgb: 14, 84, 104; --bs-secondary: #4A5A62; --bs-secondary-rgb: 74, 90, 98;
  --bs-success: #1D6B3E; --bs-success-rgb: 29, 107, 62; --bs-danger: #B42318; --bs-danger-rgb: 180, 35, 24;
  --bs-warning: #7F5400; --bs-warning-rgb: 127, 84, 0; --bs-info: #0E5468; --bs-info-rgb: 14, 84, 104;
  --bs-light: #F5F3EE; --bs-light-rgb: 245, 243, 238; --bs-dark: #14232B; --bs-dark-rgb: 20, 35, 43;
  --bs-link-color: #0E5468; --bs-link-color-rgb: 14, 84, 104; --bs-link-hover-color: #14232B; --bs-link-hover-color-rgb: 20, 35, 43;
  --bs-border-color: #D8D2C6; --bs-border-radius: 8px; --bs-border-radius-sm: 4px; --bs-border-radius-lg: 8px; --bs-border-radius-xl: 8px; --bs-border-radius-pill: 4px;
  --bs-focus-ring-color: rgba(14, 84, 104, 0.25);
}

/* ------------------------------------------------------------ Base */
html { -webkit-text-size-adjust: 100%; }
body { font-family: var(--font-sans); color: var(--f-encre); background-color: var(--f-fond); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-sans); color: var(--f-encre); letter-spacing: 0; }
p { color: inherit; }
a { color: var(--f-filea); }
a:hover, a:focus { color: var(--f-encre); }
::selection { background: rgba(14, 84, 104, 0.18); color: inherit; }
:focus-visible { outline: 3px solid var(--f-filea) !important; outline-offset: 2px; }
input, select, textarea, button { font-family: var(--font-sans); }
input[type="checkbox"], input[type="radio"], input[type="range"], progress { accent-color: var(--f-filea); }
::placeholder { color: var(--f-encre-2) !important; opacity: 1; }
.chiffres, .token-number, .token_number, .ticket-number { font-family: var(--font-chiffres); font-variant-numeric: tabular-nums; }
* { scrollbar-width: thin; scrollbar-color: var(--f-trait-fort) transparent; }

/* ------------------------------------------------------------ Boutons
   Principal : corail profond, texte blanc (5,6). Secondaire : contour bleu.
   Discret : sans fond. Jamais de majuscule forcée. */
.btn-primary-fill, .btn-primary, .btn-success-fill, .btn-cancel-fill, .btn-danger-fill,
.btn-primary-soft-fill, .btn-secondary-outline, .btn-primary-outline, .btn-outline-primary, .btn-white-fill,
.btn-tertiary-soft-fill, .btn-secondary-soft-fill, .btn-cancel-soft-fill, .btn-secondary, .btn-danger, .btn-success {
  min-height: 44px; padding: 0 20px !important; font-family: var(--font-sans); font-size: 16px !important; font-weight: 700 !important;
  line-height: 1.2; border-radius: var(--f-rayon-2) !important; text-transform: none !important;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.btn-primary-fill, .btn-primary { background: var(--f-corail-profond) !important; border: 0 !important; color: #FFFFFF !important; }
.btn-primary-fill:hover, .btn-primary-fill:focus, .btn-primary:hover, .btn-primary:focus { background: var(--f-corail-sombre) !important; color: #FFFFFF !important; }
.btn-primary-soft-fill, .btn-secondary-outline, .btn-primary-outline, .btn-outline-primary, .btn-white-fill,
.btn-tertiary-soft-fill, .btn-secondary-soft-fill, .btn-secondary {
  background: var(--f-surface) !important; border: 2px solid var(--f-filea) !important; color: var(--f-filea) !important;
}
.btn-primary-soft-fill:hover, .btn-secondary-outline:hover, .btn-primary-outline:hover, .btn-outline-primary:hover, .btn-white-fill:hover,
.btn-tertiary-soft-fill:hover, .btn-secondary-soft-fill:hover, .btn-secondary:hover,
.btn-secondary-outline:focus { background: var(--f-creux) !important; border-color: var(--f-filea) !important; color: var(--f-filea) !important; }
.btn-cancel-soft-fill, .btn-cancel-fill { background: var(--f-creux) !important; border: 0 !important; color: var(--f-encre) !important; }
.btn-cancel-soft-fill:hover, .btn-cancel-fill:hover { background: var(--f-trait) !important; color: var(--f-encre) !important; }
.btn-success-fill, .btn-success { background: var(--f-succes) !important; border: 0 !important; color: #FFFFFF !important; }
.btn-danger-fill, .btn-danger { background: var(--f-danger) !important; border: 0 !important; color: #FFFFFF !important; }
.btn-sm, .btn-xs, .btn-primary-fill.md, .btn-primary-soft-fill.md, .btn-cancel-soft-fill.md { min-height: 36px; padding: 0 14px !important; font-size: 14px !important; }
.btn-icon { min-width: 44px; min-height: 44px; }

/* ------------------------------------------------------------ Cartes
   Un filet, pas d'ombre, rayon 8. */
.f-card, .f-cards, .card, .card-style-one, .card-style-two, .profile-details-card, .display-card, .service_card, .token-preview-card {
  background-color: var(--f-surface); border: 1px solid var(--f-trait) !important; border-radius: var(--f-rayon-2) !important; box-shadow: none !important;
}
.f-card { padding: 20px 24px; }
.card-title { font-size: 19px; line-height: 26px; font-weight: 700; color: var(--f-encre); }
.card-subtitle { color: var(--f-encre-2); }

/* ------------------------------------------------------------ Champs */
.f-contact-form .f-contact-input, .f-contact-input, .f-input, .f-textarea, .f-contact-textarea, .form-control, .form-select,
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple {
  min-height: 44px; height: auto; padding: 10px 14px; font-family: var(--font-sans); font-size: 16px !important; line-height: 1.4 !important;
  color: var(--f-encre); background-color: var(--f-surface); border: 1.5px solid var(--f-trait-fort) !important; border-radius: var(--f-rayon-1) !important; box-shadow: none;
}
.f-contact-form textarea.f-contact-input, .f-textarea, .f-contact-textarea, textarea.form-control { min-height: 96px; }
.f-contact-form .f-contact-input:focus, .f-contact-input:focus, .f-input:focus, .form-control:focus, .form-select:focus,
.select2-container--focus .select2-selection, .select2-container--open .select2-selection {
  border-color: var(--f-filea) !important; box-shadow: 0 0 0 3px rgba(14, 84, 104, 0.18) !important; outline: none;
}
.f-contact-form .f-contact-input.is-invalid, .form-control.is-invalid, .input-error { border-color: var(--f-danger) !important; }
.f-contact-form .f-contact-label, .f-contact-label, .form-label, .card-style-one-label, .label-text {
  font-size: 14px !important; font-weight: 600 !important; color: var(--f-encre) !important; margin-bottom: 6px; text-transform: none !important;
}
.invalid-feedback, .error, #error-msg { color: var(--f-danger) !important; font-size: 14px; font-weight: 600; }

/* ------------------------------------------------------------ Tableaux */
.basic-table, .table { font-size: 14px; color: var(--f-encre); border-color: var(--f-trait); }
.basic-table thead, .basic-table thead th, .table thead th { background-color: var(--f-surface) !important; color: var(--f-encre-2) !important; font-weight: 600; text-transform: none !important; border-bottom: 1.5px solid var(--f-trait) !important; }
.basic-table tbody td, .table tbody td { border-color: var(--f-trait) !important; vertical-align: middle; }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: rgba(238, 234, 226, 0.5); }

/* ------------------------------------------------------------ Badges : rectangulaires, un mot, jamais la couleur seule */
.badge, .f-badge, .served-badge, .voice-badge { border-radius: var(--f-rayon-1) !important; font-weight: 600; font-size: 13px; line-height: 18px; padding: 3px 10px; text-transform: none !important; }

/* ------------------------------------------------------------ Fenêtres, menus, bulles */
.modal-content { border: 0 !important; border-radius: var(--f-rayon-2) !important; box-shadow: var(--f-ombre-fenetre) !important; }
.modal-header { border-bottom: 1px solid var(--f-trait) !important; }
.modal-title { font-size: 22px; line-height: 28px; font-weight: 700; color: var(--f-encre); text-transform: none !important; }
.modal-backdrop.show { background-color: #14232B; opacity: 0.45; }
.dropdown-menu { border: 1px solid var(--f-trait) !important; border-radius: var(--f-rayon-2) !important; box-shadow: var(--f-ombre-fenetre) !important; padding: 6px; }
.dropdown-item { color: var(--f-encre) !important; border-radius: var(--f-rayon-1); min-height: 40px; display: flex; align-items: center; gap: 8px; text-transform: none !important; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--f-creux) !important; color: var(--f-filea) !important; }
.tooltip-inner { background: var(--f-encre) !important; color: #FFFFFF; border-radius: var(--f-rayon-1); font-size: 14px; }
.offcanvas { border-color: var(--f-trait) !important; }

/* ------------------------------------------------------------ Onglets */
.nav-tabs { border-bottom: 1px solid var(--f-trait) !important; }
.nav-tabs .nav-link { border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; color: var(--f-encre) !important; font-weight: 400; text-transform: none !important; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { color: var(--f-filea) !important; border-bottom-color: var(--f-filea) !important; background: transparent !important; font-weight: 700; }

/* ------------------------------------------------------------ Messages */
.alert { border: 0 !important; border-radius: var(--f-rayon-2) !important; font-size: 16px; }
.alert-danger { background: var(--f-danger-fond) !important; color: var(--f-danger) !important; }
.alert-warning { background: var(--f-alerte-fond) !important; color: var(--f-alerte) !important; }
.alert-success { background: var(--f-succes-fond) !important; color: var(--f-succes) !important; }
.alert-info, .alert-primary { background: var(--f-conseil-fond) !important; color: var(--f-filea) !important; }

/* ------------------------------------------------------------ Couleurs utilitaires, lisibles sur fond clair */
.text-primary { color: var(--f-filea) !important; }
.text-warning { color: var(--f-alerte) !important; }
.text-info { color: var(--f-filea) !important; }
.text-muted, .text-secondary { color: var(--f-encre-2) !important; }
.text-success { color: var(--f-succes) !important; }
.text-danger { color: var(--f-danger) !important; }
.bg-primary { background-color: var(--f-filea) !important; }
.bg-warning { background-color: var(--f-alerte-fond) !important; color: var(--f-alerte) !important; }
.bg-success { background-color: var(--f-succes) !important; }
.bg-danger { background-color: var(--f-danger) !important; }
.bg-light { background-color: var(--f-fond) !important; }

/* ------------------------------------------------------------ Pagination, barre de chargement, graphiques */
.pagination .page-link { color: var(--f-filea); border-color: var(--f-trait); min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.pagination .page-item.active .page-link { background: var(--f-filea) !important; border-color: var(--f-filea) !important; color: #FFFFFF !important; }
#nprogress .bar { background: var(--f-corail) !important; height: 3px; }
#nprogress .peg { box-shadow: none !important; }
#nprogress .spinner-icon { border-top-color: var(--f-corail) !important; border-left-color: var(--f-corail) !important; }
.apexcharts-canvas, .apexcharts-text, .apexcharts-legend-text, .apexcharts-tooltip, .apexcharts-xaxistooltip { font-family: var(--font-sans) !important; }
.apexcharts-tooltip { border-radius: var(--f-rayon-1) !important; box-shadow: var(--f-ombre-fenetre) !important; }

/* ------------------------------------------------------------ Casse française
   Les titres et libellés gardent la casse de la phrase, jamais une majuscule par mot. */
.text-capitalize, .text-uppercase { text-transform: none !important; }

/* ------------------------------------------------------------ Accueil et connexion
   Panneau Filéa à gauche, contenu à droite ; sur téléphone, le panneau devient un bandeau. */
#layout-wrapper.f-accueil, .f-accueil { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, 440px) minmax(0, 1fr); background: var(--f-fond); color: var(--f-encre); font-family: var(--font-sans); }
.f-accueil-marque { background: var(--f-filea); color: #FFFFFF; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; padding: 56px 56px 48px; }
.f-accueil-logo { display: inline-block; align-self: flex-start; }
.f-accueil-logo img { width: 128px; height: auto; display: block; }
.f-accueil-phrase { margin: 0; font-size: 32px; line-height: 40px; font-weight: 700; color: #FFFFFF; }
.f-accueil-agence { margin: 14px 0 0; font-size: 17px; line-height: 26px; color: #E4ECEF; }
.f-accueil-contenu { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; padding: 48px 56px 32px; min-width: 0; }
.f-accueil-bloc { width: 100%; max-width: 920px; }
.f-accueil-titre h1 { margin: 0; font-size: 32px; line-height: 40px; font-weight: 700; color: var(--f-encre); }
.f-accueil-titre p { margin: 8px 0 0; font-size: 17px; line-height: 26px; color: var(--f-encre-2); }
.f-espaces { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }
.f-espace { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 216px; padding: 28px; background: var(--f-surface); border: 1px solid var(--f-trait); border-radius: var(--f-rayon-2); text-decoration: none; color: var(--f-encre); transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.f-espace:hover, .f-espace:focus-visible { border-color: var(--f-filea); box-shadow: var(--f-ombre-levee); color: var(--f-encre); }
.f-espace-picto { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: var(--f-rayon-2); background: var(--f-conseil-fond); color: var(--f-filea); margin-bottom: 6px; }
.f-espace-titre { font-size: 22px; line-height: 28px; font-weight: 700; }
.f-espace-texte { font-size: 16px; line-height: 24px; color: var(--f-encre-2); }
.f-espace-ouvrir { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700; color: var(--f-filea); }
.f-espace-message { margin-top: auto; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--f-alerte); background: var(--f-alerte-fond); border-radius: var(--f-rayon-1); padding: 8px 10px; }
.f-espace-absent { cursor: default; }
.f-liens-legaux { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; font-size: 15px; }
.f-liens-legaux a { color: var(--f-encre-2); text-decoration: underline; text-underline-offset: 3px; }
.f-liens-legaux a:hover { color: var(--f-filea); }
.f-connexion { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: 24px; }
.f-connexion-retour { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-size: 15px; font-weight: 600; color: var(--f-filea); text-decoration: none; }
.f-connexion-form { display: flex; flex-direction: column; gap: 18px; }
.f-connexion .f-contact-form { margin: 0; }
.f-connexion-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 4px; }
.f-lien { font-size: 15px; font-weight: 600; color: var(--f-filea); text-decoration: underline; text-underline-offset: 3px; }
.f-connexion-demo { border-top: 1px solid var(--f-trait); padding-top: 20px; }
.f-connexion-demo-titre { margin: 0 0 12px; font-size: 14px; font-weight: 600; color: var(--f-encre-2); }
.f-connexion-demo-liste { display: flex; flex-wrap: wrap; gap: 10px; }
.f-connexion-pied { font-size: 15px; color: var(--f-encre-2); }
@media (max-width: 991.98px) {
  #layout-wrapper.f-accueil, .f-accueil { grid-template-columns: 1fr; }
  .f-accueil-marque { flex-direction: row; align-items: center; justify-content: flex-start; padding: 18px 20px; gap: 18px; }
  .f-accueil-logo img { width: 64px; }
  .f-accueil-phrase { font-size: 18px; line-height: 24px; }
  .f-accueil-agence { font-size: 14px; line-height: 20px; margin-top: 2px; }
  .f-accueil-contenu { justify-content: flex-start; padding: 24px 20px; gap: 24px; }
  .f-accueil-titre h1 { font-size: 24px; line-height: 30px; }
  .f-accueil-titre p { font-size: 16px; line-height: 24px; }
}
@media (max-width: 575.98px) {
  .f-espaces { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
  .f-espace { min-height: 0; padding: 16px 18px; display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-items: center; }
  .f-espace-picto { grid-row: 1 / 3; width: 52px; height: 52px; margin: 0; }
  .f-espace-picto svg { width: 32px; height: 32px; }
  .f-espace-titre { font-size: 18px; line-height: 24px; }
  .f-espace-texte { font-size: 15px; line-height: 21px; }
  .f-espace-ouvrir { display: none; }
  .f-espace-message { grid-column: 1 / 3; margin-top: 8px; }
  .f-connexion-actions { flex-direction: column-reverse; align-items: center; }
}
.f-contact-input::placeholder, .form-control::placeholder, .f-input::placeholder, textarea::placeholder { color: var(--f-encre-2) !important; opacity: 1 !important; }
.f-contact-input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--f-encre-2) !important; opacity: 1 !important; }

/* ------------------------------------------------------------ Accueil et connexion, panneau recomposé
   Logo en haut, phrase au centre, banque et agence en bas ; aucune césure. */
.f-accueil, .f-accueil * { -webkit-hyphens: manual; hyphens: manual; overflow-wrap: normal; word-break: normal; }
#layout-wrapper.f-accueil, .f-accueil { grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); }
.f-accueil-marque { justify-content: flex-start; gap: 0; padding: 44px 44px 40px; }
.f-accueil-logo img { width: auto; height: 44px; }
.f-accueil-accroche { margin: auto 0; }
.f-accueil-phrase { font-size: 34px; line-height: 42px; }
.f-accueil-sous { margin: 16px 0 0; font-size: 17px; line-height: 26px; color: #E4ECEF; }
.f-accueil-perfo { height: 6px; margin: 32px 0 0; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.35) 2.5px, transparent 3px); background-size: 16px 6px; background-repeat: space; background-position: left center; }
.f-accueil-lieu { display: flex; flex-direction: column; gap: 2px; }
.f-accueil-banque { margin: 0; font-size: 17px; line-height: 24px; font-weight: 700; color: #FFFFFF; }
.f-accueil-agence { margin: 0; font-size: 15px; line-height: 22px; color: #E4ECEF; }
@media (max-width: 991.98px) {
  #layout-wrapper.f-accueil, .f-accueil { grid-template-columns: 1fr; }
  .f-accueil-marque { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; }
  .f-accueil-logo img { height: 32px; }
  .f-accueil-accroche { display: none; }
  .f-accueil-lieu { text-align: right; }
  .f-accueil-banque { font-size: 15px; line-height: 20px; }
  .f-accueil-agence { font-size: 14px; line-height: 20px; }
}

/* ------------------------------------------------------------ Écran de salle
   Ambiance nuit. Tailles en hauteur d'écran : lisible de la même façon sur un 32, un 55 ou un 65 pouces.
   À gauche l'appel en cours ; à droite une ligne par guichet, dont la hauteur dépend du nombre de guichets (--f-n). */
.f-salle, .f-salle *, .f-salle-modal, .f-salle-modal * { -webkit-hyphens: manual !important; hyphens: manual !important; overflow-wrap: normal; word-break: normal; }
.f-salle { position: fixed; inset: 0; z-index: 1; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 2.6vh; padding: 3.2vh 3.2vw; background: #071E26; color: #F4F1EA; font-family: var(--font-sans); overflow: hidden; }
.f-salle-principal { display: grid; grid-template-columns: minmax(0, 43fr) minmax(0, 57fr); gap: 2.4vw; min-height: 0; }
.f-salle-appel { display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #0C2C37; border-radius: 1.5vh; }
.f-salle-appel-titre { padding: 2vh 2.6vw; background: #0E5468; color: #FFFFFF; font-size: 4.4vh; line-height: 1.2; font-weight: 600; }
.f-salle-appel-corps { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 1.2vh; padding: 0 2.6vw; min-height: 0; }
.f-salle-numero { font-family: var(--font-chiffres); font-size: 21vh; line-height: 1; font-weight: 700; color: #FF7A59; white-space: nowrap; }
.f-salle-guichet { font-size: 9vh; line-height: 1.05; font-weight: 700; color: #F4F1EA; white-space: nowrap; }
.f-salle-aussi { display: flex; flex-direction: column; gap: 0.6vh; margin-top: 2.2vh; padding-top: 1.8vh; border-top: 1px solid #1E4654; }
.f-salle-aussi-titre { font-size: 3vh; font-weight: 600; color: #B7C6CC; }
.f-salle-aussi-ligne { font-size: 4.4vh; line-height: 1.2; color: #F4F1EA; }
.f-salle-aussi-ligne strong { font-family: var(--font-chiffres); color: #FF7A59; }
.f-salle-pastille { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 1.35em; height: 1.35em; border-radius: 0.16em; color: #FFFFFF; font-family: var(--font-chiffres); font-weight: 700; }
.f-salle-vide { gap: 2vh; }
.f-salle-vide .f-salle-accueil { margin: 0; font-size: 11vh; line-height: 1; font-weight: 700; color: #F4F1EA; }
.f-salle-vide p { margin: 0; max-width: 30ch; font-size: 4.4vh; line-height: 1.3; color: #B7C6CC; }
.f-salle-tableau { --f-h: calc(62vh / var(--f-n, 4)); display: flex; flex-direction: column; gap: 1.2vh; min-height: 0; overflow: hidden; }
.f-salle-tableau-tete, .f-salle-rang { display: grid; grid-template-columns: minmax(0, 30fr) minmax(0, 44fr) minmax(0, 26fr); align-items: center; column-gap: 1.6vw; }
.f-salle-tableau-tete { padding: 0 1.8vw; font-size: 3vh; font-weight: 600; color: #B7C6CC; }
.f-salle-rang { height: min(var(--f-h), 17vh); padding: 0 1.8vw; background: #0C2C37; border-radius: 1.2vh; border-left: 0.7vh solid transparent; }
.f-salle-rang-appel { background: #12384A; border-left-color: #FF7A59; }
.f-salle-rang-nom { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25em; min-width: 0; font-size: min(calc(var(--f-h) * 0.34), 5.2vh); line-height: 1.1; font-weight: 700; color: #F4F1EA; }
.f-salle-rang-nom-texte { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-salle-rang-courant { display: flex; align-items: center; gap: 1vw; min-width: 0; font-size: min(calc(var(--f-h) * 0.6), 9.8vh); }
.f-salle-rang-courant .f-salle-pastille { font-size: 0.42em; }
.f-salle-rang-numero { font-family: var(--font-chiffres); font-weight: 700; line-height: 1; color: #F4F1EA; white-space: nowrap; }
.f-salle-rang-appel .f-salle-rang-numero { color: #FF7A59; }
.f-salle-rang-marque { padding: 0.15em 0.5em; border-radius: 0.25em; background: #FF7A59; color: #071E26; font-size: 0.6em; font-weight: 700; line-height: 1.2; }
.f-salle-rang-etat { font-size: 0.42em; font-weight: 600; color: #B7C6CC; }
.f-salle-rang-suivant { font-family: var(--font-chiffres); font-size: min(calc(var(--f-h) * 0.38), 5.8vh); font-weight: 700; color: #B7C6CC; white-space: nowrap; }
.f-salle-reste { margin: auto 0 0; font-size: 3.4vh; line-height: 1.3; color: #B7C6CC; }
.f-salle-pied { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 3vw; min-height: 11vh; padding: 1.6vh 2.6vw; background: #0C2C37; border-radius: 1.5vh; }
.f-salle-pied:has(.f-salle-etat-alerte) { background: #3A2C0A; }
.f-salle-etat { margin: 0; font-size: 4.2vh; line-height: 1.25; font-weight: 600; color: #F4F1EA; }
.f-salle-etat-alerte { color: #F2C265; }
.f-salle-heure { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.f-salle-h { font-family: var(--font-sans); font-variant-numeric: tabular-nums; font-size: 5.6vh; line-height: 1.1; font-weight: 700; color: #F4F1EA; }
.f-salle-d { font-size: 2.8vh; line-height: 1.3; color: #B7C6CC; }
.f-salle-d::first-letter { text-transform: uppercase; }
.f-salle-logo { display: block; height: 6.4vh; width: auto; }
.f-salle-commandes { position: fixed; top: 1.2vh; right: 1.2vw; z-index: 5; display: flex; gap: 8px; opacity: 0.3; transition: opacity 0.2s ease; }
.f-salle-commandes:hover, .f-salle-commandes:focus-within { opacity: 1; }
.f-salle-commandes button, .display-logout-btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #1E4654; border-radius: 8px; background: #0C2C37; color: #F4F1EA; }
.display-logout-btn { position: fixed; left: 1.2vw; bottom: 1.2vh; z-index: 5; opacity: 0.3; transition: opacity 0.2s ease; }
.display-logout-btn:hover, .display-logout-btn:focus-visible { opacity: 1; color: #F4F1EA; }
.f-salle-modal .modal-dialog { max-width: min(1500px, 92vw); }
.f-salle-modal .modal-content { background: #0C2C37 !important; color: #F4F1EA; border: 2px solid #FF7A59 !important; border-radius: 1.5vh !important; }
.f-salle-modal .modal-body { display: flex; flex-direction: column; align-items: center; gap: 1vh; padding: 5vh 4vw; text-align: center; }
.f-salle-modal-titre { margin: 0; font-size: 4.4vh; font-weight: 600; color: #B7C6CC; }
.f-salle-modal-numero { margin: 0; font-family: var(--font-chiffres); font-size: 26vh; line-height: 1; font-weight: 700; color: #FF7A59; }
.f-salle-modal .f-salle-modal-guichet { margin: 0; font-family: var(--font-sans) !important; font-size: 10vh; line-height: 1.1; font-weight: 700; color: #F4F1EA; letter-spacing: 0; }

/* ------------------------------------------------------------ Guichet
   Barre du poste en haut ; trois colonnes qui tiennent dans l'écran : le client servi,
   les actions (une seule principale), la file. Chaque colonne défile dans sa carte. */
body.f-guichet-corps { background: var(--f-fond); }
#layout-wrapper.f-guichet { height: 100vh; overflow: hidden; display: flex; flex-direction: column; }
.f-guichet .main-content.f-guichet-main { flex: 1; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
.f-guichet-barre { flex: none; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; min-height: 64px; padding: 8px 24px; background: var(--f-surface); border-bottom: 1px solid var(--f-trait); }
.f-guichet-logo img { display: block; height: 30px; width: auto; }
.f-guichet-identite { display: flex; flex-direction: column; line-height: 1.25; }
.f-guichet-identite strong { font-size: 16px; font-weight: 700; color: var(--f-encre); }
.f-guichet-identite span { font-size: 13px; color: var(--f-encre-2); }
.f-guichet-nav { display: flex; gap: 4px; }
.f-guichet-nav a { padding: 8px 12px; border-radius: 6px; font-size: 15px; color: var(--f-encre); text-decoration: none; }
.f-guichet-nav a:hover { background: var(--f-creux); color: var(--f-filea); }
.f-guichet-nav a.actif { background: var(--f-creux); color: var(--f-filea); font-weight: 700; }
.customDrop-menu.f-guichet-etats { position: static; display: flex; gap: 4px; margin-left: auto; padding: 4px; border: 0; border-radius: 8px; background: var(--f-creux); box-shadow: none; opacity: 1; visibility: visible; transform: none; width: auto; min-width: 0; }
.f-guichet-etats a { padding: 6px 12px; border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--f-encre); text-decoration: none; }
.f-guichet-etats a.actif { background: var(--f-filea); color: #FFFFFF; }
.f-guichet-etats.blink-border { outline: 3px solid var(--f-corail); }
.f-guichet-ouverture { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
#counterStatusOn { color: var(--f-succes); }
#counterStatusOff { color: var(--f-danger); }
.f-interrupteur { position: absolute; width: 1px; height: 1px; opacity: 0; }
.f-interrupteur-rail { position: relative; flex: none; width: 44px; height: 24px; margin: 0; border-radius: 12px; background: var(--f-trait-fort); cursor: pointer; transition: background-color 0.15s ease; }
.f-interrupteur-rail::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; transition: left 0.15s ease; }
.f-interrupteur:checked + .f-interrupteur-rail { background: var(--f-succes); }
.f-interrupteur:checked + .f-interrupteur-rail::after { left: 23px; }
.f-interrupteur:focus-visible + .f-interrupteur-rail { outline: 3px solid var(--f-filea); outline-offset: 2px; }
.f-guichet-personne { display: flex; align-items: center; gap: 16px; font-size: 14px; }
.f-guichet-heure { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.f-guichet-agent { color: var(--f-encre-2); }
.f-guichet-sortie { color: var(--f-filea); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.f-guichet-page { height: 100%; padding: 20px 24px; box-sizing: border-box; }
.f-guichet-grille { display: grid; grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr); gap: 20px; height: 100%; }
.f-guichet-poste-zone, .f-guichet-file-zone { min-height: 0; height: 100%; }
.f-guichet-poste.counter-wrapper { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr); gap: 20px; height: 100%; min-height: 0; }
.f-guichet-client, .f-guichet-actions { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }
.f-guichet-carte { background: var(--f-surface); border: 1px solid var(--f-trait); border-radius: var(--f-rayon-2); padding: 20px 24px; }
.f-guichet-carte-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.f-guichet-surtitre { margin: 0; font-size: 14px; font-weight: 600; color: var(--f-encre-2); }
.f-guichet-numero-ligne { display: flex; align-items: center; gap: 16px; margin-top: 10px; }
.f-guichet-pastille { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: var(--f-rayon-1); color: #FFFFFF; font-family: var(--font-chiffres); font-size: 22px; font-weight: 700; }
.f-guichet-numero { font-family: var(--font-chiffres); font-size: 72px; line-height: 1; font-weight: 700; color: var(--f-encre); }
.f-guichet-temps { display: flex; align-items: baseline; gap: 12px; margin-top: 12px; }
.f-guichet-temps-libelle { font-size: 15px; color: var(--f-encre-2); }
.f-guichet-temps .times { font-family: var(--font-chiffres); font-size: 24px; font-weight: 700; color: var(--f-encre); }
.f-guichet-infos { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; margin: 16px 0 0; font-size: 15px; }
.f-guichet-infos dt { font-weight: 400; color: var(--f-encre-2); }
.f-guichet-infos dd { margin: 0; font-weight: 600; color: var(--f-encre); }
.f-chiffres { font-family: var(--font-chiffres); font-variant-numeric: tabular-nums; }
.f-montant { font-size: 20px; }
.f-guichet-vide { margin: 16px 0 0; font-size: 15px; line-height: 22px; color: var(--f-encre-2); }
.f-guichet-estime { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--f-trait); font-size: 14px; color: var(--f-encre-2); }
.f-badge-statut { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: var(--f-rayon-1); font-size: 13px; line-height: 18px; font-weight: 600; white-space: nowrap; background: var(--f-creux); color: var(--f-encre); }
.f-statut-calling { background: var(--f-corail-profond); color: #FFFFFF; }
.f-statut-serving { background: var(--f-filea); color: #FFFFFF; }
.f-statut-hold { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-statut-completed { background: var(--f-succes-fond); color: var(--f-succes); }
.f-statut-no_show { background: var(--f-danger-fond); color: var(--f-danger); }
.f-statut-cancelled { background: var(--f-creux); color: var(--f-encre-2); }
.f-statut-transferred { background: var(--f-cheque-fond); color: var(--f-cheque); }
.f-bordereau { padding: 0; overflow: hidden; }
.f-bordereau-tete { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--f-trait); font-size: 16px; }
.f-bordereau-bande { flex: none; width: 6px; height: 22px; border-radius: 3px; }
.f-badge-tiers { margin-left: auto; padding: 3px 10px; border-radius: var(--f-rayon-1); background: var(--f-alerte-fond); color: var(--f-alerte); font-size: 13px; font-weight: 600; }
.f-bordereau-corps { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 16px 20px; }
.f-bordereau-corps .f-guichet-infos { margin: 0; }
.f-bordereau-piece { width: 120px; height: 80px; padding: 0; overflow: hidden; border: 1px solid var(--f-trait); border-radius: var(--f-rayon-1); background: var(--f-creux); cursor: zoom-in; }
.f-bordereau-piece img { width: 100%; height: 100%; object-fit: cover; display: block; }
.f-piece-plein { display: none; position: fixed; inset: 0; z-index: 99999; align-items: center; justify-content: center; background: rgba(20, 35, 43, 0.92); cursor: zoom-out; }
.f-piece-plein img { max-width: 92vw; max-height: 92vh; border-radius: var(--f-rayon-2); }
.f-guichet-actions { padding: 20px; background: var(--f-surface); border: 1px solid var(--f-trait); border-radius: var(--f-rayon-2); }
.f-guichet-message { padding: 12px 16px; border-radius: var(--f-rayon-2); background: var(--f-alerte-fond); color: var(--f-alerte); font-size: 15px; line-height: 22px; font-weight: 600; }
.f-guichet-appeler { width: 100%; min-height: 64px !important; font-size: 18px !important; }
.f-guichet-large { width: 100%; }
.f-guichet-actions-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.f-guichet-actions-grille button, #holdToken > button { width: 100%; }
.btn-danger.f-guichet-absent { background: var(--f-surface) !important; border: 2px solid var(--f-danger) !important; color: var(--f-danger) !important; }
.btn-danger.f-guichet-absent:hover { background: var(--f-danger-fond) !important; }
.f-guichet-actions svg.lucide { width: 20px; height: 20px; }
.f-guichet-jour { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--f-trait); }
.f-guichet-jour-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.f-guichet-jour-grille span { display: block; font-size: 28px; line-height: 1.1; font-weight: 700; color: var(--f-encre); }
.f-guichet-jour-grille small { font-size: 13px; color: var(--f-encre-2); }
.f-journal-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.f-journal-liste { max-height: 180px; overflow-y: auto; margin-top: 12px; font-size: 15px; }
.f-journal-liste p { margin: 0 0 8px; }
.f-journal-liste .f-chiffres { margin-right: 8px; color: var(--f-encre-2); }
.f-journal-vide { color: var(--f-encre-2); }
.f-file { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; overflow: hidden; }
.f-file-tete { padding: 16px 20px 8px; }
.f-file-onglets .nav-tabs { padding: 0 12px; flex-wrap: nowrap; }
.f-file-onglets .nav-link { padding: 10px 10px; font-size: 15px; white-space: nowrap; }
.f-compte { display: inline-block; min-width: 22px; margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: var(--f-creux); color: var(--f-encre); font-size: 12px; font-weight: 700; text-align: center; }
.f-file-contenu { flex: 1; min-height: 0; overflow-y: auto; }
.f-file-table .basic-table { border: 0; border-radius: 0; }
.f-file-table .basic-table thead th { position: sticky; top: 0; z-index: 1; padding: 10px 14px; border-right: 0 !important; }
.f-file-table .basic-table tbody td { padding: 10px 14px; border-right: 0 !important; }
.f-file-numero { font-family: var(--font-chiffres); font-size: 18px; font-weight: 700; color: var(--f-encre) !important; text-decoration: none; }
.f-file-canal { display: block; font-size: 13px; color: var(--f-encre-2); }
.f-file-actions { display: flex; justify-content: flex-end; gap: 6px; }
.f-icone { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--f-trait); border-radius: 6px; background: var(--f-surface); color: var(--f-filea); }
.f-icone:hover { background: var(--f-creux); }
.f-icone svg.lucide { width: 18px; height: 18px; }
.f-file-vide { padding: 32px 16px !important; text-align: center; color: var(--f-encre-2); }
.f-guichet-aide { font-size: 15px; color: var(--f-encre-2); }
@media (max-width: 1279.98px) {
  #layout-wrapper.f-guichet { height: auto; min-height: 100vh; overflow: visible; }
  .f-guichet-grille, .f-guichet-poste.counter-wrapper { grid-template-columns: 1fr; height: auto; }
  .f-guichet-file-zone { height: 560px; }
  .customDrop-menu.f-guichet-etats { margin-left: 0; }
}
.f-guichet-poste.counter-wrapper { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
.f-guichet-infos, .f-guichet-infos dt, .f-guichet-infos dd, .f-journal-liste, .f-journal-liste p, .f-guichet-estime, .f-guichet-vide { text-align: left !important; }
.f-heure { font-family: var(--font-sans); font-variant-numeric: tabular-nums; }
.f-journal-liste .f-heure { margin-right: 8px; color: var(--f-encre-2); font-weight: 600; }

/* ------------------------------------------------------------ Connexion des appareils et clavier à l'écran */
.f-connexion-actions-seul { justify-content: flex-end; }
.keyboard { background: var(--f-surface) !important; border: 0 !important; border-top: 1px solid var(--f-trait) !important; box-shadow: 0 -8px 24px rgba(20, 35, 43, 0.12) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; padding: 14px 0 !important; z-index: 1050 !important; }
.keyboard__key { height: 48px !important; min-width: 44px; margin: 3px !important; background: var(--f-creux) !important; color: var(--f-encre) !important; border: 1px solid var(--f-trait) !important; border-radius: 6px !important; font-family: var(--font-sans) !important; font-size: 18px !important; font-weight: 600 !important; }
.keyboard__key:active, .keyboard__key--active { background: var(--f-filea) !important; color: #FFFFFF !important; border-color: var(--f-filea) !important; }
.keyboard__key--dark { background: var(--f-corail-profond) !important; color: #FFFFFF !important; border-color: var(--f-corail-profond) !important; }
.keyboard__key--activatable::after { background: var(--f-trait-fort) !important; }
.keyboard__key--active::after { background: var(--f-succes) !important; }
@media (min-width: 992px) {
  #layout-wrapper.f-accueil ~ .keyboard { left: 400px !important; width: calc(100% - 400px) !important; }
}

/* ------------------------------------------------------------ Borne
   Tout se lit au bout du bras : textes de 20 px au moins, titres de 48 px, cibles de 64 px au moins.
   Fonctionne en paysage comme en portrait. */
body.f-borne-corps { background: var(--f-fond); }
#layout-wrapper.f-borne { height: 100vh; min-height: 0 !important; display: flex; flex-direction: column; overflow: hidden; background: var(--f-fond) !important; }
.f-borne, .f-borne * { -webkit-hyphens: manual; hyphens: manual; }
.f-borne-barre { flex: none; display: flex; align-items: center; gap: 28px; min-height: 96px; padding: 12px 40px; background: var(--f-surface); border-bottom: 1px solid var(--f-trait); }
.f-borne-logo { height: 44px; width: auto; }
.f-borne-lieu { display: flex; flex-direction: column; line-height: 1.25; }
.f-borne-lieu strong { font-size: 22px; font-weight: 700; color: var(--f-encre); }
.f-borne-lieu span { font-size: 18px; color: var(--f-encre-2); }
.f-borne-commandes { display: flex; gap: 12px; margin-left: auto; }
.f-borne-barre .kiosk_header_btn { width: auto !important; height: auto !important; min-height: 64px; padding: 0 24px; display: inline-flex; align-items: center; gap: 10px; border: 2px solid var(--f-filea) !important; border-radius: 8px !important; background: var(--f-surface) !important; color: var(--f-filea) !important; font-size: 20px; font-weight: 700; text-decoration: none; }
.f-borne-barre .kiosk_header_btn:active { background: var(--f-creux) !important; }
.f-borne-heure { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.f-borne-heure .time-title { font-size: 28px; line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--f-encre); }
.f-borne-heure .time-date { font-size: 16px; color: var(--f-encre-2); }
.f-borne-app.main-content { flex: 1; min-height: 0 !important; margin: 0 !important; padding: 40px !important; overflow-y: auto; display: flex; align-items: center; justify-content: center; }
.f-borne-contenu { width: 100%; max-width: 1400px; }
.f-borne-ecran { width: 100%; }
.f-borne-titre { margin-bottom: 32px; }
.f-borne-titre h1 { margin: 0; font-size: 48px; line-height: 1.15; font-weight: 700; color: var(--f-encre); }
.f-borne-titre p { margin: 10px 0 0; font-size: 24px; line-height: 1.4; color: var(--f-encre-2); }
.f-borne-titre-accueil h1 { font-size: 64px; }
.f-borne-accueil { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
.f-tuile-principale, .f-tuile-secondaire { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 20px; min-height: 320px; padding: 36px 40px; border-radius: 16px; text-align: left; cursor: pointer; }
.f-tuile-principale { background: var(--f-corail-profond); border: 0; color: #FFFFFF; }
.f-tuile-principale:active { background: var(--f-corail-sombre); }
.f-tuile-principale .f-tuile-picto { background: rgba(255, 255, 255, 0.14); color: #FFFFFF; }
.f-tuile-principale-texte { font-size: 44px; line-height: 1.1; font-weight: 700; }
.f-tuile-secondaire { background: var(--f-surface); border: 2px solid var(--f-filea); color: var(--f-filea); font-size: 28px; font-weight: 700; }
.f-tuile-secondaire:active { background: var(--f-creux); }
.f-tuile-picto { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 104px; height: 104px; border-radius: 16px; background: var(--f-creux); color: var(--f-filea); }
.f-tuile-picto svg { width: 72px; height: 72px; }
.f-borne-tuiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.f-borne-tuiles-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f-tuile { position: relative; display: grid; grid-template-columns: 14px auto minmax(0, 1fr) auto; align-items: center; column-gap: 28px; min-height: 196px; padding: 0 32px 0 0; overflow: hidden; background: var(--f-surface); border: 2px solid var(--f-trait); border-radius: 16px; color: var(--f-encre); text-align: left; cursor: pointer; }
.f-tuile:active { border-color: var(--f-filea); background: var(--f-creux); }
.f-tuile:focus-visible { outline: 4px solid var(--f-filea); outline-offset: 3px; }
.f-tuile-bande { align-self: stretch; background: var(--f-couleur, var(--f-filea)); }
.f-tuile .f-tuile-picto { color: var(--f-couleur, var(--f-filea)); background: color-mix(in srgb, var(--f-couleur, #0E5468) 12%, #FFFFFF); }
.f-tuile-texte { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.f-tuile-nom { font-size: 34px; line-height: 1.15; font-weight: 700; color: var(--f-encre); }
.f-tuile-attente { font-size: 20px; line-height: 1.35; color: var(--f-encre-2); }
.f-tuile-lettre { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 8px; background: var(--f-couleur, var(--f-filea)); color: #FFFFFF; font-family: var(--font-chiffres); font-size: 40px; font-weight: 700; }
.f-borne-vide { font-size: 24px; color: var(--f-encre-2); }
.f-borne-formulaire { max-width: 760px; margin: 0 auto; padding: 40px 44px; background: var(--f-surface); border: 1px solid var(--f-trait); border-radius: 16px; }
.f-borne-formulaire-titre { margin: 0; font-size: 40px; line-height: 1.15; font-weight: 700; color: var(--f-encre); }
.f-borne-formulaire-aide { margin: 10px 0 24px; font-size: 22px; line-height: 1.4; color: var(--f-encre-2); }
.f-borne-formulaire .f-contact-label { font-size: 20px !important; }
.f-borne-formulaire .f-contact-input, .f-borne-formulaire .form-control { min-height: 64px; font-size: 26px !important; }
.f-borne-formulaire-actions, .f-borne-ticket-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.f-borne .btn-primary-fill, .f-borne .btn-cancel-fill, .f-borne .btn-danger { min-height: 64px; padding: 0 32px !important; font-size: 22px !important; }
.f-bouton-contour-danger.btn-danger { background: var(--f-surface) !important; border: 2px solid var(--f-danger) !important; color: var(--f-danger) !important; }
.f-borne-ticket { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.f-borne-ticket-carte { padding: 44px; background: var(--f-surface); border: 1px solid var(--f-trait); border-radius: 16px; }
.f-borne-ticket-carte p { margin: 0; }
.f-borne-ticket-sur { font-size: 24px; color: var(--f-encre-2); }
.f-borne-ticket-numero { font-family: var(--font-chiffres); font-size: 132px; line-height: 1; font-weight: 700; color: var(--f-encre); margin: 8px 0 12px !important; }
.f-borne-ticket-service { font-size: 30px; line-height: 1.25; font-weight: 700; color: var(--f-encre); }
.f-borne-ticket-attente { margin-top: 12px !important; font-size: 24px; color: var(--f-encre); }
.f-borne-ticket-consigne { margin-top: 20px !important; padding-top: 20px; border-top: 1px solid var(--f-trait); font-size: 22px; line-height: 1.4; color: var(--f-encre-2); }
.receipt.f-borne-ticket-papier { justify-self: center; width: 340px; max-width: 100%; padding: 8px 0; background: #FFFFFF; border: 1px dashed var(--f-trait-fort); border-radius: 4px; box-shadow: var(--f-ombre-levee); }
.f-borne-reglages.kiosk-setting-buttons { position: fixed; right: 20px; bottom: 20px; z-index: 20; opacity: 0.35; }
.f-borne-reglages .kiosk_setting_button { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--f-trait); border-radius: 8px; background: var(--f-surface); color: var(--f-encre-2); }
@media (orientation: portrait), (max-width: 1100px) {
  .f-borne-tuiles, .f-borne-tuiles-3, .f-borne-accueil, .f-borne-ticket { grid-template-columns: 1fr; }
  .f-borne-barre { padding: 12px 24px; gap: 18px; }
  .f-borne-lieu { display: none; }
}
/* La borne remplit tout l'écran : les tuiles grandissent avec la place disponible */
#layout-wrapper .f-borne-app.main-content { flex: 1 1 auto !important; min-height: 0 !important; margin: 0 !important; padding: 40px 48px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; overflow-y: auto; }
.f-borne-contenu { flex: 1; display: flex; flex-direction: column; width: 100%; max-width: 1600px; margin: 0 auto; min-height: 0; }
.f-borne-ecran { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.f-borne-tuiles { flex: 1; grid-auto-rows: minmax(196px, 1fr); }
.f-borne-accueil { flex: 1; max-height: 620px; grid-auto-rows: 1fr; }
.f-tuile-principale, .f-tuile-secondaire { height: 100%; }
.f-borne-ecran:has(.f-borne-formulaire), .f-borne-ecran:has(.f-borne-ticket) { justify-content: center; }
.f-tuile-nom { font-size: 38px; }
.f-tuile-attente { font-size: 22px; }

.f-borne-barre .kiosk_header_btn svg, .f-borne-barre .kiosk_header_btn.back-button svg { color: currentColor !important; stroke: currentColor; }
.f-borne-barre .kiosk_header_btn.back-button { background: var(--f-surface) !important; color: var(--f-filea) !important; }

/* ------------------------------------------------------------ Bordereau prêt, astuces */
.f-badge-bordereau { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: var(--f-rayon-1); background: var(--f-succes-fond); color: var(--f-succes); font-size: 12px; font-weight: 700; }
.f-salle-astuce { margin: 0.8vh 0 0; font-size: 2.8vh; line-height: 1.3; color: #B7C6CC; }
.f-borne-ticket-astuce { margin-top: 14px !important; padding: 14px 18px; border-radius: 8px; background: var(--f-succes-fond); color: var(--f-succes); font-size: 20px; line-height: 1.4; font-weight: 600; }

/* ------------------------------------------------------------ Interconnexion, niveau 1 : copier les champs au guichet */
.f-bordereau-champs dd { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.f-copier { flex: none; min-height: 32px; padding: 0 12px; border: 1px solid var(--f-trait-fort); border-radius: 6px; background: var(--f-surface); color: var(--f-filea); font-size: 13px; font-weight: 700; }
.f-copier:hover { background: var(--f-creux); }
.f-copier.f-copie-faite { background: var(--f-succes-fond); border-color: var(--f-succes); color: var(--f-succes); }
.f-bordereau-envoi { margin: 0; padding: 10px 20px; border-top: 1px solid var(--f-trait); font-size: 14px; font-weight: 600; }
.f-envoi-ok { color: var(--f-succes); background: var(--f-succes-fond); }
.f-envoi-echec { color: var(--f-danger); background: var(--f-danger-fond); }
.f-envoi-neutre { color: var(--f-encre-2); }
.f-bordereau-champs { align-items: center; }
.f-bordereau-champs span { white-space: nowrap; }
.f-bordereau-champs .f-montant { font-size: 18px; }

/* ------------------------------------------------------------ Administration : coque
   Menu fixe de 260 px à gauche, en-tête de 64 px, contenu dans une largeur de travail. */
body.f-admin { background: var(--f-fond); }
.f-admin .sidebar.f-menu { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0; width: 260px !important; height: 100vh; z-index: 1045; display: flex; flex-direction: column; gap: 8px; padding: 18px 14px 14px; overflow-y: auto; background: var(--f-surface) !important; border-right: 1px solid var(--f-trait); box-shadow: none !important; transform: none; }
.f-menu-tete { display: flex; align-items: center; justify-content: space-between; padding: 2px 8px 10px; }
.f-menu-logo img { display: block; height: 30px; width: auto; }
.f-menu-fermer { display: none !important; width: 40px; height: 40px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--f-encre); }
.f-menu-nav { display: flex; flex-direction: column; gap: 2px; }
.f-menu-titre { margin: 14px 12px 6px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-menu-lien { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 0 12px; border-radius: 8px; color: var(--f-encre) !important; font-size: 15px; line-height: 1.2; text-decoration: none; }
.f-menu-lien svg.lucide, .f-menu-lien i { flex: none; width: 20px; height: 20px; color: var(--f-encre-2); }
.f-menu-lien:hover { background: var(--f-creux); color: var(--f-filea) !important; }
.f-menu-lien.actif { background: var(--f-conseil-fond); color: var(--f-filea) !important; font-weight: 700; }
.f-menu-lien.actif svg.lucide { color: var(--f-filea); }
.f-menu-pied { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--f-trait); display: flex; flex-direction: column; gap: 2px; }
.f-menu-voile { display: none; }
.f-admin .header.f-entete { position: fixed !important; top: 0 !important; left: 260px !important; right: 0 !important; width: auto !important; height: 64px; z-index: 1030; display: flex; align-items: center; gap: 20px; padding: 0 28px !important; background: var(--f-surface) !important; border-bottom: 1px solid var(--f-trait); box-shadow: none !important; }
.f-entete-menu { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--f-trait); border-radius: 8px; background: var(--f-surface); color: var(--f-encre); }
.f-entete-titre { min-width: 0; }
.f-entete-titre h1 { margin: 0; font-size: 20px; line-height: 1.2; font-weight: 700; color: var(--f-encre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-entete-titre p { margin: 2px 0 0; font-size: 13px; color: var(--f-encre-2); white-space: nowrap; }
.f-entete-jour { display: flex; gap: 18px; margin-left: auto; font-size: 14px; color: var(--f-encre-2); white-space: nowrap; }
.f-entete-jour strong { color: var(--f-encre); font-size: 16px; }
.f-admin .header-right.f-entete-actions { display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; list-style: none; }
.f-entete-actions .item { list-style: none; }
.f-entete-creer.btn-secondary-outline { min-height: 38px; padding: 0 14px !important; font-size: 14px !important; }
.f-entete-creer svg.lucide { width: 18px; height: 18px; }
.f-entete-icone { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; color: var(--f-encre) !important; }
.f-entete-icone:hover { background: var(--f-creux); }
.f-entete-pastille.notification-badge { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--f-corail-profond) !important; color: #FFFFFF !important; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.f-notifications.custom-dropdown-menu { position: absolute !important; top: 48px !important; right: 0 !important; left: auto !important; width: 360px; padding: 12px; background: var(--f-surface) !important; border: 1px solid var(--f-trait) !important; border-radius: 8px !important; box-shadow: var(--f-ombre-fenetre) !important; z-index: 1050; }
.f-notifications-titre { margin: 2px 6px 8px; font-size: 15px; font-weight: 700; color: var(--f-encre); }
.f-notifications .notification-listing { max-height: 360px; overflow-y: auto; }
.f-notification { display: flex; flex-direction: column; gap: 2px; padding: 10px; border-radius: 6px; color: var(--f-encre) !important; text-decoration: none; }
.f-notification:hover { background: var(--f-creux); }
.f-notification.unread-notification { background: var(--f-conseil-fond); }
.f-notification-titre { font-size: 14px; font-weight: 700; }
.f-notification-texte { font-size: 13px; line-height: 1.4; color: var(--f-encre-2); }
.f-notification-date { font-size: 12px; color: var(--f-encre-2); }
.f-notifications-vide { margin: 0; padding: 24px 8px; font-size: 14px; color: var(--f-encre-2); text-align: center; }
.f-notifications .see-all-notification { display: block; margin: 8px 6px 2px; font-size: 14px; }
.f-entete-profil { display: inline-flex; align-items: center; gap: 10px; color: var(--f-encre) !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.f-entete-profil img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid var(--f-trait); }
.f-entete-sortie { font-size: 14px; font-weight: 600; color: var(--f-filea) !important; text-decoration: underline; text-underline-offset: 3px; }
.f-admin #layout-wrapper.f-admin-cadre .main-content { margin-left: 260px !important; margin-right: 0 !important; padding: 88px 28px 28px !important; min-height: 100vh; }
@media (max-width: 1279.98px) {
  .f-entete-jour { display: none; }
}
@media (max-width: 991.98px) {
  .f-admin .sidebar.f-menu { transform: translateX(-100%); transition: transform 0.2s ease; box-shadow: var(--f-ombre-fenetre) !important; }
  .f-admin .sidebar.f-menu.open-sidebar { transform: translateX(0); }
  .f-admin .sidebar.f-menu.open-sidebar ~ .f-menu-voile { display: block; position: fixed; inset: 0; z-index: 1040; background: rgba(20, 35, 43, 0.45); }
  .f-menu-fermer { display: inline-flex !important; }
  .f-admin .header.f-entete { left: 0 !important; padding: 0 14px !important; gap: 12px; }
  .f-entete-menu { display: inline-flex; }
  .f-entete-titre p, .f-entete-profil span, .f-entete-creer span { display: none; }
  .f-admin #layout-wrapper.f-admin-cadre .main-content { margin-left: 0 !important; padding: 80px 14px 20px !important; }
  .f-notifications.custom-dropdown-menu { position: fixed !important; top: 64px !important; left: 10px !important; right: 10px !important; width: auto; }
}

/* ------------------------------------------------------------ Borne : téléphone pour les SMS, langue de la voix */
.f-borne-tel { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 35, 43, 0.55); }
.f-borne-tel[hidden] { display: none; }
.f-borne-tel-carte { position: relative; width: min(660px, 100%); max-height: 100%; overflow-y: auto; padding: 32px 36px 24px; border-radius: 12px; background: var(--f-surface); box-shadow: var(--f-ombre-fenetre); text-align: center; }
.f-borne-tel-annuler { position: absolute; top: 14px; right: 14px; min-height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: transparent; color: var(--f-filea); font-size: 18px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.f-borne-tel-carte h2 { margin: 8px 92px 8px; font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--f-encre); }
.f-borne-tel-aide { margin: 0 0 16px; font-size: 18px; line-height: 1.4; color: var(--f-encre-2); }
.f-borne-tel-numero { margin: 0 auto 10px; padding: 12px 18px; width: min(380px, 100%); border: 2px solid var(--f-trait-fort); border-radius: 10px; font-size: 40px; line-height: 1.1; letter-spacing: 0.04em; color: var(--f-encre); background: var(--f-fond); }
.f-borne-tel-numero.vide { color: #9AA6AB; }
.f-borne-tel-message { margin: 0 auto 10px; padding: 10px 14px; width: min(460px, 100%); border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 17px; font-weight: 600; line-height: 1.35; }
.f-borne-clavier { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: min(380px, 100%); margin: 6px auto 18px; }
.f-borne-clavier button { min-height: 68px; border: 1px solid var(--f-trait-fort); border-radius: 10px; background: var(--f-surface); color: var(--f-encre); font-size: 30px; font-weight: 700; font-family: inherit; }
.f-borne-clavier button:active { background: var(--f-creux); }
.f-borne-clavier .f-borne-clavier-effacer { font-size: 18px; }
.f-borne-tel-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.f-borne-tel-actions button { min-height: 64px; padding: 0 28px !important; font-size: 21px !important; }
.f-borne-tel-consentement { margin: 16px 0 0; font-size: 15px; line-height: 1.4; color: var(--f-encre-2); }
.f-borne-langues { display: flex; gap: 6px; margin-left: auto; padding: 4px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-fond); }
.f-borne-langue { min-height: 48px; padding: 0 16px; border: 0; border-radius: 8px; background: transparent; color: var(--f-encre); font-size: 18px; font-weight: 600; font-family: inherit; }
.f-borne-langue.actif { background: var(--f-filea); color: #FFFFFF; }
.f-borne-ticket-sms { margin-top: 12px !important; padding: 12px 16px; border-radius: 8px; background: var(--f-conseil-fond); color: var(--f-filea); font-size: 19px; line-height: 1.4; font-weight: 600; }
@media (max-height: 800px) {
  .f-borne-tel-carte { padding: 22px 28px 16px; }
  .f-borne-tel-carte h2 { font-size: 24px; margin: 6px 92px 6px; }
  .f-borne-tel-aide { font-size: 16px; margin-bottom: 10px; }
  .f-borne-tel-numero { font-size: 32px; padding: 8px 14px; }
  .f-borne-clavier { gap: 8px; margin-bottom: 12px; }
  .f-borne-clavier button { min-height: 54px; font-size: 26px; }
  .f-borne-tel-actions button { min-height: 56px; }
  .f-borne-tel-consentement { margin-top: 10px; font-size: 14px; }
}

/* ------------------------------------------------------------ Salle : son bloqué par le navigateur du téléviseur */
.f-salle-activer-son { position: fixed; left: 50%; bottom: 3vh; z-index: 3000; transform: translateX(-50%); padding: 1.6vh 3vh; border: 0; border-radius: 1vh; background: var(--f-corail-profond, #B23A26); color: #FFFFFF; font-size: 2.6vh; font-weight: 700; box-shadow: 0 1vh 3vh rgba(0, 0, 0, 0.35); }
.f-salle-activer-son[hidden] { display: none; }

/* ------------------------------------------------------------ Administration : page « Voix et langues » */
.f-voix { display: flex; flex-direction: column; gap: 20px; }
.f-voix-annonce { margin: 0; padding: 12px 16px; border-radius: 8px; background: var(--f-succes-fond); color: var(--f-succes); font-weight: 600; }
.f-voix-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.f-voix-carte { padding: 22px 24px !important; }
.f-voix-carte-tete { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }
.f-voix-carte-tete h2 { margin: 0; font-size: 19px; font-weight: 700; color: var(--f-encre); }
.f-voix-agence { width: auto !important; min-width: 200px; }
.f-voix-sous { color: var(--f-encre-2); font-size: 14px; }
.f-voix-bloc { margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--f-trait); border-radius: 8px; }
.f-voix-bloc legend { float: none; width: auto; margin: 0; padding: 0 6px; font-size: 15px; font-weight: 700; color: var(--f-filea); }
.f-voix-bascule { display: flex; align-items: center; gap: 10px; margin: 6px 0; font-weight: 600; }
.f-voix-bascule input, .f-voix-langues input, .f-voix-ordre input { width: 18px; height: 18px; accent-color: var(--f-filea); }
.f-voix-aide { margin: 2px 0 10px; font-size: 14px; line-height: 1.45; color: var(--f-encre-2); }
.f-voix-libelle { margin: 10px 0 6px; font-size: 14px; font-weight: 700; color: var(--f-encre); }
.f-voix-langues { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 8px; }
.f-voix-langues label { display: inline-flex; align-items: center; gap: 6px; }
.f-voix-ordre { margin: 0 0 12px; padding: 0; list-style: none; border: 1px solid var(--f-trait); border-radius: 8px; }
.f-voix-ordre li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 12px; border-bottom: 1px solid var(--f-trait); }
.f-voix-ordre li:last-child { border-bottom: 0; }
.f-voix-ordre label { display: inline-flex; align-items: center; gap: 8px; }
.f-voix-deplacer { display: inline-flex; gap: 6px; }
.f-voix-deplacer button { min-height: 30px; padding: 0 10px; border: 1px solid var(--f-trait-fort); border-radius: 6px; background: var(--f-surface); color: var(--f-filea); font-size: 13px; font-weight: 600; }
.f-voix-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.f-voix-deux label, .f-voix-choix label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.f-voix-pied { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 8px; }
.f-voix-langues-etat { display: flex; flex-direction: column; gap: 6px; }
.f-voix-langue-etat { display: grid; grid-template-columns: 130px 1fr 70px; align-items: center; gap: 14px; padding: 8px 12px; border: 1px solid var(--f-trait); border-radius: 8px; background: var(--f-surface); text-align: left; }
.f-voix-langue-etat:hover, .f-voix-langue-etat.actif { border-color: var(--f-filea); background: var(--f-conseil-fond); }
.f-voix-langue-nom { font-weight: 600; }
.f-voix-jauge { height: 8px; border-radius: 4px; background: var(--f-creux); overflow: hidden; }
.f-voix-jauge span { display: block; height: 100%; background: var(--f-succes); }
.f-voix-liste { margin-top: 12px; border: 1px solid var(--f-trait); border-radius: 8px; }
.f-voix-liste-titre { margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--f-trait); font-weight: 700; }
.f-voix-liste ul { max-height: 340px; overflow-y: auto; margin: 0; padding: 0; list-style: none; }
.f-voix-liste li, .f-voix-morceaux li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 7px 14px; border-bottom: 1px solid var(--f-trait); font-size: 14px; }
.f-voix-liste li.manquant .f-voix-etat { color: var(--f-encre-2); }
.f-voix-etat { display: inline-flex; gap: 12px; }
.f-voix button.f-lien { padding: 0; border: 0; background: none; font-size: 14px; font-weight: 600; }
.f-voix-suppr { color: var(--f-danger) !important; }
.f-voix-telecharger { margin: 12px 0 0; }
.f-voix-onglets { display: inline-flex; padding: 4px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-fond); }
.f-voix-onglets button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; font-weight: 600; color: var(--f-encre); }
.f-voix-onglets button.actif { background: var(--f-filea); color: #FFFFFF; }
.f-voix-message { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-weight: 600; }
.f-voix-message.f-voix-message-bon { background: var(--f-succes-fond); color: var(--f-succes); }
.f-voix-choix { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; margin-bottom: 14px; }
.f-voix-bilan { padding: 10px 14px; border-radius: 8px; font-weight: 600; margin-bottom: 10px; }
.f-voix-bilan.bon { background: var(--f-succes-fond); color: var(--f-succes); }
.f-voix-bilan.ecart { background: var(--f-attention-fond, #FFF4DC); color: var(--f-attention, #8A5A00); }
.f-voix-reglages-decoupe { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.f-voix-reglages-decoupe label { display: inline-flex; align-items: center; gap: 8px; }
.f-voix-morceaux { max-height: 420px; overflow-y: auto; margin: 0; padding: 0; list-style: none; border: 1px solid var(--f-trait); border-radius: 8px; }
.f-voix-morceaux li { grid-template-columns: 34px minmax(0, 1fr) 160px 50px auto; }
.f-voix-morceaux li.en-trop { background: var(--f-danger-fond); }
.f-voix-morceaux canvas { width: 160px; height: 28px; }
.f-voix-actions { display: inline-flex; flex-wrap: wrap; gap: 4px 12px; }
.f-voix-progression { display: inline-flex; align-items: center; gap: 10px; }
.f-voix-progression[hidden] { display: none; }
.f-voix-progression-barre { width: 220px; height: 10px; border-radius: 5px; background: var(--f-creux); overflow: hidden; }
.f-voix-progression-barre span { display: block; width: 0; height: 100%; background: var(--f-filea); transition: width 0.15s; }
@media (max-width: 1099.98px) {
  .f-voix-grille, .f-voix-choix { grid-template-columns: 1fr; }
  .f-voix-morceaux li { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .f-voix-morceaux canvas, .f-voix-duree { display: none; }
}

/* ------------------------------------------------------------ Salle : état du son et diagnostic */
.f-salle-son-coupe { position: fixed; left: 50%; bottom: 3vh; z-index: 3000; transform: translateX(-50%); padding: 1.4vh 2.6vh; border-radius: 1vh; background: #3A2A12; color: #FFD58A; font-size: 2.3vh; font-weight: 700; box-shadow: 0 1vh 3vh rgba(0, 0, 0, 0.35); }
.f-salle-son-coupe[hidden], .f-salle-son-bulle[hidden] { display: none; }
.f-salle-son-bulle { position: fixed; right: 3vh; top: 10vh; z-index: 3000; padding: 1.2vh 2.2vh; border-radius: 1vh; background: #1E6B4A; color: #FFFFFF; font-size: 2.2vh; font-weight: 700; box-shadow: 0 1vh 3vh rgba(0, 0, 0, 0.35); }
.f-salle-diagnostic { position: fixed; left: 1.5vh; bottom: 1.5vh; z-index: 3001; max-width: 60vw; max-height: 45vh; overflow: auto; margin: 0; padding: 1.2vh 1.6vh; border-radius: 0.8vh; background: rgba(0, 0, 0, 0.82); color: #D7F5E3; font: 1.5vh/1.45 ui-monospace, 'Atkinson Hyperlegible Mono', monospace; white-space: pre-wrap; }

/* ------------------------------------------------------------ Formulaire préalable (page publique) */
.f-form-page [hidden] { display: none !important; }
.f-form-page { margin: 0; min-height: 100vh; background: var(--f-fond); color: var(--f-encre); font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
.f-form-entete { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 28px; background: var(--f-surface); border-bottom: 1px solid var(--f-trait); }
.f-form-entete span { font-size: 14px; font-weight: 600; color: var(--f-encre-2); }
.f-form-cadre { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; max-width: 1040px; margin: 0 auto; padding: 32px 28px 48px; }
.f-form-cote { position: sticky; top: 24px; padding: 22px; border-radius: 12px; background: var(--f-filea); color: #FFFFFF; }
.f-form-ticket-lib { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.8; }
.f-form-ticket { margin: 2px 0 0; font-size: 44px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.f-form-service { margin: 8px 0 0; font-size: 15px; font-weight: 600; opacity: 0.9; }
.f-form-plan { margin: 22px 0 0; padding: 0; list-style: none; counter-reset: plan; }
.f-form-plan li { position: relative; padding: 8px 0 8px 38px; font-size: 14px; opacity: 0.7; counter-increment: plan; }
.f-form-plan li::before { content: counter(plan); position: absolute; left: 0; top: 5px; width: 26px; height: 26px; border: 1.5px solid rgba(255, 255, 255, 0.6); border-radius: 50%; font-size: 13px; font-weight: 700; line-height: 23px; text-align: center; }
.f-form-plan li.actif { opacity: 1; font-weight: 700; }
.f-form-plan li.actif::before { background: #FFFFFF; color: var(--f-filea); border-color: #FFFFFF; }
.f-form-plan li.fait { opacity: 1; }
.f-form-plan li.fait::before { content: ""; background: var(--f-succes-fond); border-color: var(--f-succes-fond); }
.f-form-plan li.fait::after { content: ""; position: absolute; left: 9px; top: 11px; width: 7px; height: 12px; border: solid var(--f-succes); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.f-form-apporter { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.25); font-size: 14px; }
.f-form-apporter p { margin: 0 0 8px; font-weight: 700; }
.f-form-apporter ul { margin: 0; padding-left: 18px; line-height: 1.5; }
.f-form-carte { padding: 30px 34px; border: 1px solid var(--f-trait); border-radius: 12px; background: var(--f-surface); }
.f-form-seul { grid-column: 1 / -1; max-width: 560px; margin: 40px auto 0; text-align: center; }
.f-form-carte h1 { margin: 0 0 8px; font-size: 26px; font-weight: 800; line-height: 1.2; }
.f-form-etape { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--f-corail-profond); }
.f-form-intro { margin: 0 0 22px; color: var(--f-encre-2); line-height: 1.5; }
.f-form-deja { margin: -8px 0 20px; padding: 10px 14px; border-radius: 8px; background: var(--f-conseil-fond); color: var(--f-conseil); font-size: 14px; font-weight: 600; }
.f-form-groupe { display: flex; flex-direction: column; gap: 18px; }
.f-champ label { display: block; margin-bottom: 7px; font-size: 15px; font-weight: 700; }
.f-champ-facultatif { font-weight: 400; color: var(--f-encre-2); }
.f-champ input[type=text], .f-champ input[type=tel], .f-champ input[type=date], .f-champ textarea { box-sizing: border-box; width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; background: var(--f-surface); color: var(--f-encre); font: inherit; font-size: 17px; }
.f-champ textarea { min-height: 110px; resize: vertical; }
.f-champ input:focus, .f-champ textarea:focus { outline: 3px solid rgba(14, 84, 104, 0.25); border-color: var(--f-filea); }
.f-champ-aide { margin: 6px 0 0; font-size: 13px; color: var(--f-encre-2); }
.f-champ-erreur { margin: 6px 0 0; font-size: 14px; font-weight: 700; color: var(--f-danger); }
.f-champ-invalide input, .f-champ-invalide textarea, .f-champ-invalide .f-champ-fichier-bouton { border-color: var(--f-danger) !important; }
.f-champ-choix { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.f-champ-choix label { margin: 0; font-weight: 600; }
.f-champ-choix input { position: absolute; opacity: 0; }
.f-champ-choix span { display: flex; align-items: center; min-height: 48px; padding: 0 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; cursor: pointer; }
.f-champ-choix input:checked + span { border-color: var(--f-filea); background: var(--f-filea); color: #FFFFFF; }
.f-champ-choix input:focus-visible + span { outline: 3px solid rgba(14, 84, 104, 0.3); }
.f-champ-fichier { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 !important; font-weight: 400 !important; cursor: pointer; }
.f-champ-fichier input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.f-champ-fichier-bouton { display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; border: 1.5px solid var(--f-filea); border-radius: 8px; color: var(--f-filea); font-weight: 700; }
.f-champ-fichier input:focus-visible + .f-champ-fichier-bouton { outline: 3px solid rgba(14, 84, 104, 0.3); }
.f-champ-fichier-nom { font-size: 14px; color: var(--f-encre-2); overflow-wrap: anywhere; }
.f-form-consentement { margin: 4px 0 0; padding: 12px 14px; border-left: 3px solid var(--f-onde); background: var(--f-fond); font-size: 13px; line-height: 1.5; color: var(--f-encre-2); }
.f-form-message { margin: 18px 0 0; padding: 12px 14px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-weight: 700; }
.f-form-progression { display: flex; align-items: center; gap: 12px; margin-top: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.f-form-progression[hidden] { display: none; }
.f-form-progression-barre { flex: 1; height: 10px; border-radius: 5px; background: var(--f-creux); overflow: hidden; }
.f-form-progression-barre span { display: block; width: 0; height: 100%; background: var(--f-filea); transition: width 0.15s; }
.f-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 26px; }
.f-form-suivant { min-width: 150px; min-height: 50px; padding: 0 26px; border: 0; border-radius: 8px; background: var(--f-corail-profond); color: #FFFFFF; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.f-form-suivant:hover { background: var(--f-corail-sombre); }
.f-form-precedent { min-height: 50px; padding: 0 18px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; background: var(--f-surface); color: var(--f-encre); font: inherit; font-weight: 700; cursor: pointer; margin-right: auto; }
.f-form-merci { text-align: center; padding: 12px 0; }
.f-form-merci-signe { position: relative; width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%; background: var(--f-succes-fond); }
.f-form-merci-signe::after { content: ""; position: absolute; left: 24px; top: 14px; width: 14px; height: 26px; border: solid var(--f-succes); border-width: 0 4px 4px 0; transform: rotate(45deg); }
.f-form-merci p { line-height: 1.55; color: var(--f-encre-2); }
.f-form-merci .f-form-precedent { margin: 18px auto 0; }
.f-form-apporter-merci { max-width: 420px; margin: 18px auto 0; padding: 14px 18px; border: 0; border-radius: 8px; background: var(--f-alerte-fond); color: var(--f-encre); text-align: left; }
@media (max-width: 859.98px) {
  .f-form-entete { padding: 12px 16px; }
  .f-form-cadre { grid-template-columns: 1fr; gap: 12px; padding: 12px 12px 24px; }
  .f-form-cote { position: static; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 12px 16px; }
  .f-form-ticket-lib { font-size: 12px; }
  .f-form-ticket { font-size: 26px; }
  .f-form-service { margin: 0; font-size: 14px; }
  .f-form-cote .f-form-plan, .f-form-cote .f-form-apporter { display: none; }
  .f-form-carte { padding: 20px 18px; }
  .f-form-carte h1 { font-size: 22px; }
  .f-form-intro { margin-bottom: 16px; font-size: 15px; }
  .f-form-groupe { gap: 14px; }
  .f-form-actions { justify-content: center; }
  .f-form-precedent { margin-right: 0; }
}
.f-champ-question { margin: 0 0 10px; font-size: 17px; font-weight: 700; }
.f-champ-choix-deux { grid-template-columns: 1fr 1fr; }
.f-champ-choix-deux span { justify-content: center; min-height: 56px; font-size: 16px; text-align: center; }
@media (max-width: 859.98px) {
  .f-form-entete img { height: 24px; }
  .f-form-carte h1 { margin-bottom: 4px; font-size: 21px; }
  .f-form-etape { margin-bottom: 2px; font-size: 12px; }
  .f-form-intro { margin-bottom: 14px; font-size: 14px; line-height: 1.45; }
  .f-champ label { margin-bottom: 5px; font-size: 14px; }
  .f-champ input[type=text], .f-champ input[type=tel], .f-champ input[type=date] { min-height: 46px; padding: 10px 12px; font-size: 16px; }
  .f-champ-choix span { min-height: 44px; }
  .f-form-actions { margin-top: 18px; }
  .f-form-consentement { font-size: 12px; }
}
.f-champ-choix-court { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.f-champ-choix-court span { justify-content: center; padding: 0 6px; text-align: center; }
@media (max-width: 859.98px) and (max-height: 780px) {
  .f-form-entete { padding: 8px 14px; }
  .f-form-entete img { height: 20px; }
  .f-form-cote { padding: 8px 14px; }
  .f-form-ticket { font-size: 22px; }
  .f-form-carte { padding: 16px 16px; }
  .f-form-intro { margin-bottom: 10px; font-size: 13.5px; }
  .f-form-groupe { gap: 11px; }
  .f-champ-choix-deux span { min-height: 48px; }
  .f-champ-aide { display: none; }
  .f-form-actions { margin-top: 14px; }
}

/* ------------------------------------------------------------ Formulaire, M2b : avancement, billetage, photo, actions sous le pouce */
.f-form-carte { position: relative; overflow: hidden; }
.f-form-avancement { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--f-creux); }
.f-form-avancement span { display: block; width: 0; height: 100%; background: var(--f-corail-profond); transition: width 0.3s ease; }
.f-form-etape { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.f-form-etape-titre { color: var(--f-encre-2); letter-spacing: 0; text-transform: none; font-size: 14px; font-weight: 600; }
.f-form-etape-titre::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 10px 3px 0; border-radius: 50%; background: var(--f-trait-fort); }
.f-form-plan li[hidden] { display: none; }

.f-billets { display: flex; flex-direction: column; gap: 8px; }
.f-billet { display: grid; grid-template-columns: 1fr 48px 64px 48px; grid-template-areas: "valeur moins nombre plus"; align-items: center; gap: 0 8px; padding: 8px 10px 8px 14px; border: 1.5px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); transition: border-color 0.15s, background 0.15s; }
.f-billet.f-billet-actif { border-color: var(--f-filea); background: var(--f-conseil-fond); }
.f-billet-valeur { grid-area: valeur; display: flex; flex-direction: column; font-size: 12px; font-weight: 600; line-height: 1.15; color: var(--f-encre-2); }
.f-billet-valeur b { font-size: 18px; font-weight: 800; color: var(--f-encre); font-variant-numeric: tabular-nums; }

.f-billet button { width: 48px; height: 48px; padding: 0; border: 1.5px solid var(--f-trait-fort); border-radius: 50%; background: var(--f-surface); color: var(--f-filea); font-size: 24px; font-weight: 700; line-height: 1; cursor: pointer; touch-action: manipulation; }
.f-billet .f-billet-moins { grid-area: moins; }
.f-billet .f-billet-plus { grid-area: plus; border-color: var(--f-filea); background: var(--f-filea); color: #FFFFFF; }
.f-billet button:active { transform: scale(0.94); }
.f-billet input { grid-area: nombre; box-sizing: border-box; width: 64px; min-height: 44px !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: center; font-size: 22px !important; font-weight: 800; font-variant-numeric: tabular-nums; }
.f-billet-sous-total { margin-top: 2px; font-size: 12px; font-weight: 700; color: var(--f-filea); font-variant-numeric: tabular-nums; }
.f-billet-sous-total:empty { display: none; }
.f-billet-sous-total::before { content: "= "; }
.f-billet-sous-total::after { content: " GNF"; }
.f-billets-total { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; align-items: baseline; margin-top: 12px; padding: 14px 16px; border-radius: 10px; background: var(--f-filea); color: #FFFFFF; }
.f-billets-total span { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.8; }
.f-billets-total strong { font-size: 24px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.f-billets-total em { grid-column: 1 / -1; font-size: 13px; font-style: normal; opacity: 0.9; }
.f-champ-lettres { margin: 6px 0 0; font-size: 13px; color: var(--f-filea); font-weight: 600; }
.f-champ-lettres:empty { display: none; }

.f-photo-apercu { position: relative; flex: 0 0 64px; width: 64px; height: 48px; border-radius: 6px; background: var(--f-creux); overflow: hidden; }
.f-photo-apercu::before { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 16px; margin: -8px 0 0 -11px; border: 2px solid var(--f-trait-fort); border-radius: 4px; }
.f-photo-apercu::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border: 2px solid var(--f-trait-fort); border-radius: 50%; }
.f-photo-apercu img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.f-photo-texte { display: flex; flex-direction: column; gap: 2px; }
.f-photo-texte strong { font-size: 16px; color: var(--f-filea); }
.f-photo-texte small { font-size: 13px; color: var(--f-encre-2); }
.f-photo-faite .f-photo-texte strong { color: var(--f-succes); }

@media (max-width: 859.98px) {
  .f-form-page { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .f-form-actions { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; flex-wrap: wrap; justify-content: center; margin: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); background: rgba(255, 255, 255, 0.96); border-top: 1px solid var(--f-trait); box-shadow: 0 -6px 20px rgba(20, 35, 43, 0.06); }
  .f-form-actions .f-form-progression { flex-basis: 100%; margin: 0 0 8px; }
  .f-form-suivant { min-width: 170px; }
  .f-billet { grid-template-columns: 1fr 44px 56px 44px; padding: 6px 8px 6px 12px; }
  .f-billet button { width: 44px; height: 44px; }
  .f-billet input { width: 56px; }
  .f-billet-valeur b { font-size: 17px; }
}

.f-billets-aide { margin: -4px 0 10px; }
@media (max-width: 859.98px) {
  .f-form-suite h1 { display: none; }
  .f-billet { padding-top: 4px; padding-bottom: 4px; }
  .f-billets { gap: 6px; }
  .f-billets-total { margin-top: 8px; padding: 10px 14px; }
  .f-billets-total strong { font-size: 21px; }
}
.f-champ-choix-trois { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f-champ-choix-trois span { justify-content: center; padding: 0 6px; text-align: center; }
@media (max-width: 859.98px) and (max-height: 780px) {
  .f-champ-choix { gap: 6px; }
  .f-champ-choix span { min-height: 40px; font-size: 15px; }
  .f-champ-question { margin-bottom: 6px; font-size: 16px; }
  .f-photo-apercu { flex-basis: 52px; width: 52px; height: 40px; }
  .f-form-consentement { margin-top: 0; padding: 8px 10px; }
}

/* ------------------------------------------------------------ Guichet : pièces d'un formulaire préalable */
.f-formulaire-pieces { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.f-formulaire-piece { display: flex; flex-direction: column; width: 132px; padding: 0; overflow: hidden; border: 1px solid var(--f-trait); border-radius: var(--f-rayon-1, 6px); background: var(--f-surface); color: var(--f-encre); text-align: left; text-decoration: none; cursor: zoom-in; }
.f-formulaire-piece img { display: block; width: 100%; height: 84px; object-fit: cover; background: var(--f-creux); }
.f-formulaire-piece span { padding: 6px 8px; font-size: 12px; font-weight: 600; line-height: 1.3; }
.f-formulaire-piece-pdf { justify-content: center; min-height: 84px; padding: 10px; cursor: pointer; font-size: 13px; font-weight: 700; }
.f-formulaire-piece-pdf span { padding: 4px 0 0; color: var(--f-filea); }

/* ------------------------------------------------------------ Guichet : détail d'un versement (billetage, déposant) */
.f-versement { padding: 14px 16px !important; }
.f-versement .f-bordereau-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.f-versement-billets { width: 100%; border-collapse: collapse; font-size: 14px; }
.f-versement-billets td { padding: 4px 0; border-bottom: 1px solid var(--f-trait); }
.f-versement-billets td:nth-child(2) { color: var(--f-encre-2); }
.f-versement-billets td:last-child { text-align: right; font-weight: 700; }
.f-versement-billets tfoot td { padding-top: 8px; border-bottom: 0; font-weight: 800; font-size: 16px; }
.f-versement-lettres { margin: 4px 0 10px; font-size: 13px; color: var(--f-filea); font-weight: 600; }
.f-versement-infos { margin: 0; }

/* ------------------------------------------------------------ Guichet : ce que la lecture a trouvé sur la pièce */
.f-lu { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--f-trait); border-radius: 8px; background: var(--f-fond); }
.f-lu-tete { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.f-lu-ok { padding: 2px 8px; border-radius: 10px; background: var(--f-succes-fond); color: var(--f-succes); font-size: 12px; font-weight: 700; }
.f-lu-doute { padding: 2px 8px; border-radius: 10px; background: var(--f-alerte-fond); color: var(--f-alerte); font-size: 12px; font-weight: 700; }
.f-lu-alerte { margin: 4px 0; padding: 6px 10px; border-radius: 6px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 13px; font-weight: 700; }
.f-lu-infos { margin: 0; }
.f-lu-perime { color: var(--f-danger); font-weight: 700; }

/* ------------------------------------------------------------ Formulaire : étape de vérification */
.f-form-recap-intro { margin: 0 0 12px; color: var(--f-encre-2); font-size: 15px; }
.f-form-recap-liste { display: flex; flex-direction: column; gap: 10px; max-height: 56vh; overflow-y: auto; padding-right: 2px; overscroll-behavior: contain; }
.f-recap-bloc { padding: 12px 14px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-fond); }
.f-recap-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.f-recap-tete h2 { margin: 0; font-size: 15px; font-weight: 800; color: var(--f-filea); }
.f-recap-modifier { min-height: 36px; padding: 0 12px; border: 1.5px solid var(--f-filea); border-radius: 8px; background: var(--f-surface); color: var(--f-filea); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.f-recap-bloc dl { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); gap: 6px 12px; margin: 0; font-size: 14px; }
.f-recap-bloc dt { color: var(--f-encre-2); }
.f-recap-bloc dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.f-recap-bloc dd img { display: block; width: 72px; height: 50px; margin-bottom: 4px; border-radius: 6px; object-fit: cover; }
.f-recap-vide { color: var(--f-encre-2); font-weight: 400 !important; font-style: italic; }
.f-form-recap .f-form-consentement { margin-top: 12px; }
@media (max-width: 859.98px) {
  .f-form-recap-liste { max-height: calc(100vh - 420px); max-height: calc(100dvh - 420px); min-height: 220px; }
  .f-recap-bloc dl { grid-template-columns: 1fr; gap: 0; }
  .f-recap-bloc dt { margin-top: 6px; font-size: 13px; }
}

/* ------------------------------------------------------------ Formulaire : lecture automatique de la pièce */
.f-lecture { margin-top: 8px; padding: 10px 12px; border-radius: 8px; font-size: 13.5px; line-height: 1.45; }
.f-lecture p { margin: 0; }
.f-lecture p + p { margin-top: 4px; }
.f-lecture-encours { background: var(--f-conseil-fond); color: var(--f-conseil); font-weight: 600; }
.f-lecture-encours::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -1px; animation: f-tourne 0.8s linear infinite; }
@keyframes f-tourne { to { transform: rotate(360deg); } }
.f-lecture-ok { background: var(--f-succes-fond); color: var(--f-succes); font-weight: 600; }
.f-lecture-alerte { background: var(--f-alerte-fond); color: var(--f-encre); }
.f-lecture-attention { color: var(--f-danger); font-weight: 700; }
.f-lecture-echec { background: var(--f-fond); color: var(--f-encre-2); }
.f-auto input { border-color: var(--f-succes) !important; background: #FBFEFC !important; }
.f-auto label[for]::after { content: " · rempli depuis la pièce"; font-weight: 600; font-size: 12px; color: var(--f-succes); }
@media (max-width: 859.98px) and (max-height: 780px) { .f-lecture { margin-top: 4px; padding: 7px 10px; font-size: 12.5px; line-height: 1.4; } .f-lecture p + p { margin-top: 2px; } }

/* ------------------------------------------------------------ Formulaire : photo de pièce (prise, galerie, dépôt, collage) */
.f-photo-choix { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.f-photo-choix[hidden], .f-photo-resultat[hidden] { display: none !important; }
.f-photo-bouton { position: relative; display: flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 52px; margin: 0 !important; padding: 0 12px; border: 1.5px solid var(--f-filea); border-radius: 10px; background: var(--f-surface); color: var(--f-filea); font-size: 15px !important; font-weight: 700 !important; text-align: center; cursor: pointer; touch-action: manipulation; }
.f-photo-camera { background: var(--f-filea); color: #FFFFFF; }
.f-photo-bouton input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.f-photo-bouton svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.f-photo-bouton:focus-within { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-photo-bouton:active { transform: scale(0.98); }
.f-photo-depot { display: none; grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--f-encre-2); text-align: center; }
.f-photo-resultat { display: flex; align-items: center; gap: 12px; margin-top: 8px; padding: 10px 12px; border: 1.5px solid var(--f-trait); border-radius: 10px; background: var(--f-fond); }
.f-photo-choix:not([hidden]) + .f-photo-resultat { margin-top: 8px; }
.f-photo-apercu { position: relative; flex: 0 0 60px; width: 60px; height: 44px; border-radius: 6px; background: var(--f-creux); overflow: hidden; }
.f-photo-apercu img { width: 100%; height: 100%; object-fit: cover; }
.f-photo-texte { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.f-photo-texte strong { font-size: 15px; color: var(--f-filea); }
.f-photo-texte small { font-size: 12.5px; color: var(--f-encre-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-photo-changer { flex: 0 0 auto; min-height: 38px; padding: 0 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; background: var(--f-surface); color: var(--f-encre); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.f-photo-faite .f-photo-resultat { border-color: var(--f-succes); background: var(--f-succes-fond); }
.f-photo-faite .f-photo-texte strong { color: var(--f-succes); }
.f-champ-invalide .f-photo-bouton { border-color: var(--f-danger); }
/* Ordinateur : pas d'appareil photo, une zone où glisser ou coller la photo */
@media (hover: hover) and (pointer: fine) {
  .f-photo-choix { grid-template-columns: 1fr; padding: 16px; border: 1.5px dashed var(--f-trait-fort); border-radius: 12px; background: var(--f-fond); transition: border-color 0.15s, background 0.15s; }
  .f-photo-camera { display: none !important; }
  .f-photo-galerie { justify-self: center; min-width: 220px; }
  .f-photo-depot { display: block; }
  .f-photo-survol .f-photo-choix { border-color: var(--f-filea); background: var(--f-conseil-fond); }
}
@media (max-width: 859.98px) and (max-height: 780px) {
  .f-photo-bouton { min-height: 42px; font-size: 14px !important; }
  .f-form-intro { margin-bottom: 8px; }
  .f-photo-resultat { padding: 8px 10px; }
  .f-photo-apercu { flex-basis: 52px; width: 52px; height: 40px; }
}

/* ------------------------------------------------------------ Administration : statistiques des agents */
.f-stat { display: flex; flex-direction: column; gap: 16px; min-width: 0; contain: inline-size; }
.f-stat-bloc, .f-stat-filtres, .f-stat-cartes { min-width: 0; }
.f-stat-defile { max-width: 100%; }
.f-stat-tete { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.f-stat-tete h1 { margin: 0; font-size: 22px; font-weight: 800; color: var(--f-encre); }
.f-stat-tete p { margin: 4px 0 0; color: var(--f-encre-2); }
.f-stat-telecharger { display: flex; align-items: center; gap: 10px; }
.f-stat-progression { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-variant-numeric: tabular-nums; }
.f-stat-progression[hidden] { display: none; }
.f-stat-barre { width: 140px; height: 8px; border-radius: 4px; background: var(--f-creux); overflow: hidden; }
.f-stat-barre span { display: block; width: 0; height: 100%; background: var(--f-filea); transition: width 0.15s; }
.f-stat-message { margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-weight: 700; }
.f-stat-filtres { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; align-items: end; padding: 16px 18px !important; }
.f-stat-filtres label { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-stat-filtres label[hidden] { display: none; }
.f-stat-filtrer { justify-self: end; min-width: 120px; }
.f-stat-cartes { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.f-stat-carte { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px !important; }
.f-stat-carte p { margin: 0; font-size: 13px; font-weight: 600; color: var(--f-encre-2); }
.f-stat-carte strong { font-size: 22px; font-weight: 800; color: var(--f-encre); line-height: 1.15; white-space: nowrap; }
.f-stat-carte small { font-size: 12px; color: var(--f-encre-2); }
.f-stat-bloc { padding: 16px 18px !important; }
.f-stat-bloc-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.f-stat-bloc-tete h2 { margin: 0; font-size: 17px; font-weight: 800; }
.f-stat-bloc-tete span { font-size: 13px; color: var(--f-encre-2); }
.f-stat-defile { max-height: 420px; overflow: auto; border: 1px solid var(--f-trait); border-radius: 8px; }
.f-stat-defile-haut { max-height: 520px; }
.f-stat-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
.f-stat-table th { position: sticky; top: 0; z-index: 1; padding: 10px; background: var(--f-fond); border-bottom: 1px solid var(--f-trait); font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); text-align: left; white-space: nowrap; }
.f-stat-table td { padding: 10px; border-bottom: 1px solid var(--f-trait); vertical-align: top; white-space: nowrap; }
.f-stat-table tr:last-child td { border-bottom: 0; }
.f-stat-table tbody tr:hover td { background: var(--f-fond); }
.f-stat-table td small { display: block; min-width: 90px; max-width: 190px; margin-top: 2px; font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif; font-size: 12px; line-height: 1.35; color: var(--f-encre-2); white-space: normal; font-variant-numeric: tabular-nums; }
.f-stat-detail td:nth-child(3), .f-stat-detail td:nth-child(5) { min-width: 110px; white-space: normal; }
.f-stat-jauge { display: inline-block; width: 70px; height: 6px; margin-right: 6px; border-radius: 3px; background: var(--f-creux); overflow: hidden; vertical-align: middle; }
.f-stat-jauge span { display: block; height: 100%; background: var(--f-succes); }

.f-stat-statut { display: inline-block; padding: 2px 8px; border-radius: 10px; background: var(--f-creux); font-size: 12px; font-weight: 700; }
.f-stat-completed { background: var(--f-succes-fond); color: var(--f-succes); }
.f-stat-no_show, .f-stat-cancelled { background: var(--f-danger-fond); color: var(--f-danger); }
.f-stat-transferred { background: var(--f-conseil-fond); color: var(--f-conseil); }
.f-stat-note { margin: 10px 0 0; font-size: 12.5px; color: var(--f-encre-2); }
.f-stat-vide { margin: 0; padding: 18px; text-align: center; color: var(--f-encre-2); }
@media (max-width: 1399.98px) { .f-stat-cartes { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .f-stat-cartes { grid-template-columns: repeat(2, minmax(0, 1fr)); } .f-stat-filtrer { justify-self: center; } }

/* ------------------------------------------------------------ Administration : agence en direct */
.f-direct { display: flex; flex-direction: column; gap: 14px; min-width: 0; contain: inline-size; }
.f-direct-tete { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.f-direct-tete h1 { margin: 0; font-size: 22px; font-weight: 800; }
.f-direct-tete p { display: flex; align-items: center; gap: 8px; margin: 4px 0 0; color: var(--f-encre-2); font-size: 14px; }
.f-direct-pouls { width: 10px; height: 10px; border-radius: 50%; background: var(--f-succes); box-shadow: 0 0 0 0 rgba(29, 107, 62, 0.45); animation: f-pouls 2s infinite; }
.f-direct-pouls.f-direct-perdu { background: var(--f-danger); animation: none; }
@keyframes f-pouls { 0% { box-shadow: 0 0 0 0 rgba(29, 107, 62, 0.45); } 70% { box-shadow: 0 0 0 8px rgba(29, 107, 62, 0); } 100% { box-shadow: 0 0 0 0 rgba(29, 107, 62, 0); } }
.f-direct-agence { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 700; font-size: 14px; }
.f-direct-agence select { width: auto; min-width: 220px; }
.f-direct-nom { margin: 0; font-weight: 700; color: var(--f-encre-2); }
.f-direct-alertes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.f-direct-alerte { padding: 7px 12px 7px 34px; border-radius: 18px; font-size: 13.5px; font-weight: 700; position: relative; }
.f-direct-alerte::before { content: "!"; position: absolute; left: 10px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; font-size: 12px; line-height: 18px; text-align: center; color: #FFFFFF; }
.f-direct-urgent { background: var(--f-danger-fond); color: var(--f-danger); }
.f-direct-urgent::before { background: var(--f-danger); }
.f-direct-attention { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-direct-attention::before { background: var(--f-alerte); }
.f-direct-chiffres { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.f-direct-chiffre { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px !important; }
.f-direct-chiffre p { margin: 0; font-size: 13px; font-weight: 600; color: var(--f-encre-2); }
.f-direct-chiffre strong { font-size: 24px; font-weight: 800; line-height: 1.15; white-space: nowrap; }
.f-direct-chiffre small { font-size: 12px; color: var(--f-encre-2); }
.f-direct-grille { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.f-direct-colonne { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.f-direct-bloc { padding: 14px 16px !important; min-width: 0; }
.f-direct-bloc-tete h2 { margin: 0 0 10px; font-size: 16px; font-weight: 800; }
.f-direct-guichets { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; max-height: calc(100vh - 380px); min-height: 200px; overflow: auto; }
.f-direct-guichet { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--f-trait); border-left: 5px solid var(--f-trait-fort); border-radius: 8px; background: var(--f-surface); }
.f-direct-open { border-left-color: var(--f-succes); }
.f-direct-break { border-left-color: var(--f-alerte); background: #FFFBF1; }
.f-direct-hold { border-left-color: var(--f-corail-profond); }
.f-direct-closed { border-left-color: var(--f-trait-fort); background: var(--f-fond); }
.f-direct-guichet-tete { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.f-direct-guichet-tete strong { white-space: nowrap; }
.f-direct-guichet-tete strong { font-size: 16px; }
.f-direct-etat { flex: 0 0 auto; padding: 2px 8px; border-radius: 10px; background: var(--f-creux); font-size: 12px; font-weight: 700; color: var(--f-encre-2); }
.f-direct-open .f-direct-etat { background: var(--f-succes-fond); color: var(--f-succes); }
.f-direct-break .f-direct-etat { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-direct-hold .f-direct-etat { background: var(--f-danger-fond); color: var(--f-corail-profond); }
.f-direct-agent { margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-direct-ticket { display: flex; align-items: baseline; gap: 8px; margin: 4px 0 0; }
.f-direct-ticket span { font-size: 26px; font-weight: 800; color: var(--f-filea); }
.f-direct-ticket small { font-size: 12.5px; color: var(--f-encre-2); }
.f-direct-libre { font-size: 15px; font-weight: 700; color: var(--f-succes); }
.f-direct-closed .f-direct-libre, .f-direct-hold .f-direct-libre, .f-direct-break .f-direct-libre { color: var(--f-encre-2); }
.f-direct-servis { margin: 0; font-size: 12.5px; color: var(--f-encre-2); }
.f-direct-file { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--f-trait); }
.f-direct-file:last-child { border-bottom: 0; }
.f-direct-file strong { display: block; font-size: 14.5px; }
.f-direct-file small { font-size: 12.5px; color: var(--f-encre-2); }
.f-direct-file-chiffres { text-align: right; }
.f-direct-file-chiffres span { display: block; font-size: 22px; font-weight: 800; color: var(--f-filea); line-height: 1.1; }
.f-direct-appels { max-height: 190px; overflow: auto; margin: 0; padding: 0; list-style: none; }
.f-direct-appels li { display: grid; grid-template-columns: 52px 64px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--f-trait); font-size: 14px; }
.f-direct-appels li:last-child { border-bottom: 0; }
.f-direct-appels li span:first-child { color: var(--f-encre-2); }
.f-direct-vide { margin: 0; padding: 12px 0; color: var(--f-encre-2); text-align: center; }
@media (max-width: 1099.98px) { .f-direct-chiffres { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1399.98px) { .f-direct-chiffre strong { font-size: 21px; } .f-direct-chiffre { padding: 10px 12px !important; } }
@media (min-width: 992px) and (max-height: 820px) {
  .f-direct-tete h1 { font-size: 20px; }
  .f-direct-guichets { max-height: calc(100vh - 330px); }
  .f-direct-appels { max-height: 118px; }
  .f-direct-file { padding: 6px 0; }
  .f-direct-bloc { padding: 12px 14px !important; }
  .f-direct-bloc-tete h2 { margin-bottom: 6px; }
}
@media (max-width: 991.98px) { .f-direct-grille { grid-template-columns: 1fr; } .f-direct-guichets { max-height: none; } }
@media (max-width: 575.98px) { .f-direct-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ------------------------------------------------------------ Administration : en-tête de page commun */
.f-page { display: flex; flex-direction: column; gap: 16px; min-width: 0; contain: inline-size; }
.f-page-tete { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.f-page-tete > div:first-of-type { flex: 1 1 auto; min-width: 0; }
.f-page-tete h1 { margin: 0; font-size: 22px; font-weight: 800; color: var(--f-encre); }
.f-page-tete p { margin: 3px 0 0; color: var(--f-encre-2); font-size: 14px; }
.f-page-retour { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1.5px solid var(--f-trait-fort); border-radius: 10px; background: var(--f-surface); color: var(--f-encre); }
.f-page-retour:hover { border-color: var(--f-filea); color: var(--f-filea); }
.f-page-retour svg { width: 18px; height: 18px; }
.f-page-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ------------------------------------------------------------ Administration : liste des agences */
.f-agences-recherche { width: 260px; }
.f-agences-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); gap: 14px; align-items: start; }
.f-agence { display: flex; flex-direction: column; gap: 12px; padding: 18px !important; }
.f-agence[hidden] { display: none !important; }
.f-agence-tete { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.f-agence-tete h2 { margin: 0; font-size: 18px; font-weight: 800; color: var(--f-encre); }
.f-agence-etat { flex: 0 0 auto; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 700; }
.f-agence-active { background: var(--f-succes-fond); color: var(--f-succes); }
.f-agence-inactive { background: var(--f-creux); color: var(--f-encre-2); }
.f-agence-coord { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: 14px; color: var(--f-encre-2); }
.f-agence-coord span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-agence-chiffres { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: 6px; margin: 0; padding: 10px 0; border-top: 1px solid var(--f-trait); border-bottom: 1px solid var(--f-trait); }
.f-agence-chiffres div { min-width: 0; }
.f-agence-chiffres dt { font-size: 11.5px; font-weight: 600; color: var(--f-encre-2); line-height: 1.25; }
.f-agence-chiffres dd { margin: 2px 0 0; font-size: 20px; font-weight: 800; color: var(--f-encre); }
.f-agence-attente dd { color: var(--f-corail-profond); }
.f-agence-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.f-agence-actions > a { padding-left: 14px !important; padding-right: 14px !important; }
.f-agence-plus { position: relative; margin-left: auto; }
.f-agence-plus summary { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; list-style: none; }
.f-agence-plus summary::-webkit-details-marker { display: none; }
.f-agence-plus[open] summary { border-color: var(--f-filea); color: var(--f-filea); }
.f-agence-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; display: flex; flex-direction: column; min-width: 240px; padding: 6px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); box-shadow: 0 10px 28px rgba(22, 27, 30, 0.14); }
.f-agence-menu a { padding: 9px 12px; border-radius: 6px; color: var(--f-encre); font-size: 14px; font-weight: 600; text-decoration: none; }
.f-agence-menu a:hover { background: var(--f-fond); }
.f-agence-menu .f-agence-supprimer { color: var(--f-danger); }
.f-agences-vide { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px !important; }
.f-agences-vide p { margin: 0; color: var(--f-encre-2); }
.f-agences-aucune { margin: 0; padding: 16px; text-align: center; color: var(--f-encre-2); }

/* ------------------------------------------------------------ Administration : réglages de l'agence */
.f-reglages-grille { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-reglages-grille > .f-card { padding: 20px !important; min-width: 0; }
.f-reglages-grille h2 { margin: 0; font-size: 17px; font-weight: 800; }
.f-reglages-preferences .f-contact-form { display: flex; flex-direction: column; gap: 6px; }
.f-reglages-preferences .f-contact-label { display: block; margin: 0; font-size: 14px; font-weight: 700; }
.f-reglages-preferences .f-contact-form select, .f-reglages-preferences .f-contact-form .select2-container { width: 100% !important; }
.f-reglages-aide { margin: 4px 0 16px; font-size: 13.5px; color: var(--f-encre-2); }
.f-reglages-pied { display: flex; justify-content: flex-end; margin-top: 18px; }
.f-reglages-pied .btn-primary-fill { min-width: 140px; }
.f-reglages-ok { margin: 0 0 14px; padding: 10px 12px; border-radius: 8px; background: var(--f-succes-fond); color: var(--f-succes); font-weight: 700; }
.f-reglages-champs { display: flex; flex-direction: column; gap: 14px; }
.f-reglages-champ { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.f-reglages-libelle { font-size: 14px; font-weight: 700; color: var(--f-encre); }
.f-reglages-saisie { display: flex; align-items: center; gap: 8px; }
.f-reglages-saisie input { width: 110px; font-variant-numeric: tabular-nums; }
.f-reglages-saisie span { font-weight: 700; color: var(--f-encre-2); }
.f-reglages-champ small { font-size: 12.5px; color: var(--f-encre-2); }
.f-reglages-erreur input { border-color: var(--f-danger) !important; }
.f-reglages-message { font-size: 13px; font-weight: 700; color: var(--f-danger); }
.f-reglages-liens { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--f-trait); }
.f-reglages-liens a { font-weight: 700; color: var(--f-filea); text-decoration: none; }
.f-reglages-liens a:hover { text-decoration: underline; }
@media (max-width: 1099.98px) { .f-reglages-grille { grid-template-columns: 1fr; } }
@media (max-width: 559.98px) { .f-agences-grille { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .f-reglages-pied { justify-content: center; } .f-agence-chiffres { grid-template-columns: repeat(3, minmax(0, 1fr)); } .f-agences-recherche { width: 100%; } }

/* ------------------------------------------------------------ Agence en direct : en-tête et plein écran */
.f-direct-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.f-direct-message { margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--f-alerte-fond); color: var(--f-alerte); font-weight: 700; }
.f-direct-plein-page { margin: 0; min-height: 100vh; background: var(--f-fond); }
.f-direct-plein { padding: 16px 24px 20px; gap: 14px; }
.f-direct-plein-tete { display: flex; align-items: center; gap: 20px; padding: 12px 18px; border: 1px solid var(--f-trait); border-radius: 12px; background: var(--f-surface); }
.f-direct-plein-logo { height: 30px; width: auto; }
.f-direct-plein-titre { flex: 1 1 auto; min-width: 0; }
.f-direct-plein-titre h1 { margin: 0; font-size: 24px; font-weight: 800; }
.f-direct-plein-titre p { display: flex; align-items: center; gap: 8px; margin: 2px 0 0; font-size: 14px; color: var(--f-encre-2); }
.f-direct-horloge { font-size: 40px; font-weight: 800; color: var(--f-filea); letter-spacing: 0.02em; }
.f-direct-plein-actions { display: flex; gap: 8px; }
.f-direct-plein .f-direct-chiffre strong { font-size: 30px; }
.f-direct-plein .f-direct-chiffre p { font-size: 14.5px; }
.f-direct-plein .f-direct-alerte { font-size: 15.5px; }
.f-direct-plein .f-direct-guichets { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.f-direct-plein .f-direct-guichet-tete strong { font-size: 18px; }
.f-direct-plein .f-direct-ticket span { font-size: 34px; }
.f-direct-plein .f-direct-file strong { font-size: 16px; }
.f-direct-plein .f-direct-file-chiffres span { font-size: 28px; }
.f-direct-plein .f-direct-appels li { font-size: 15.5px; }
@media (max-width: 767.98px) { .f-direct-plein-tete { flex-wrap: wrap; } .f-direct-horloge { font-size: 28px; } .f-direct-plein { padding: 12px; } }

/* ------------------------------------------------------------ Administration : secteur et vocabulaire */
.f-secteur-form { display: flex; flex-direction: column; gap: 14px; }
.f-secteur-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.f-secteur-carte { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 16px 16px 14px 46px !important; cursor: pointer; border: 1.5px solid var(--f-trait) !important; transition: border-color 0.15s, box-shadow 0.15s; }
.f-secteur-carte:hover { border-color: var(--f-trait-fort) !important; }
.f-secteur-carte input[type=radio] { position: absolute; left: 16px; top: 18px; width: 18px; height: 18px; accent-color: var(--f-filea); }
.f-secteur-carte:has(input:checked) { border-color: var(--f-filea) !important; box-shadow: 0 0 0 3px rgba(14, 84, 104, 0.12); }
.f-secteur-carte:has(input:focus-visible) { outline: 3px solid rgba(14, 84, 104, 0.35); outline-offset: 2px; }
.f-secteur-haut { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.f-secteur-haut strong { font-size: 16.5px; font-weight: 800; color: var(--f-encre); }
.f-secteur-actuel { flex: 0 0 auto; padding: 2px 9px; border-radius: 10px; background: var(--f-succes-fond); color: var(--f-succes); font-size: 12px; font-weight: 700; }
.f-secteur-sous { font-size: 13px; color: var(--f-encre-2); }
.f-secteur-mots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; padding: 8px 0; border-top: 1px solid var(--f-trait); border-bottom: 1px solid var(--f-trait); }
.f-secteur-mots span { font-size: 14px; font-weight: 700; color: var(--f-encre); overflow-wrap: normal; word-break: normal; hyphens: none; }
.f-secteur-mots small { display: block; font-size: 11px; font-weight: 600; color: var(--f-encre-2); }
.f-secteur-services { font-size: 13px; line-height: 1.4; color: var(--f-encre-2); }
.f-secteur-pied { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--f-trait); border-radius: 12px; background: var(--f-surface); }
.f-secteur-pied p { flex: 1 1 360px; margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-secteur-perso { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 600; }
.f-secteur-pied .btn-primary-fill { margin-left: auto; min-width: 140px; }
.f-agences-secteur { margin-left: 6px; font-weight: 700; color: var(--f-filea); }
@media (max-width: 1199.98px) { .f-secteur-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .f-secteur-grille { grid-template-columns: 1fr; } .f-secteur-pied .btn-primary-fill { margin: 0 auto; } }

/* ------------------------------------------------------------ Administration : services types du secteur */
.f-modeles-grille { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.f-modeles-liste { padding: 16px !important; min-width: 0; }
.f-modeles-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.f-modeles-table th { position: sticky; top: 0; z-index: 1; padding: 10px; background: var(--f-fond); border-bottom: 1px solid var(--f-trait); font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); text-align: left; white-space: nowrap; }
.f-modeles-table td { padding: 9px 10px; border-bottom: 1px solid var(--f-trait); vertical-align: middle; }
.f-modeles-table th.f-modeles-guichet, .f-modeles-table td.f-modeles-guichet { text-align: center; }
.f-modeles-table input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--f-filea); cursor: pointer; }
.f-modeles-nom { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-weight: 700; color: var(--f-encre); cursor: pointer; white-space: nowrap; }
.f-modeles-pastille { flex: 0 0 12px; width: 12px; height: 12px; border-radius: 3px; }
.f-modeles-note { display: block; margin: 3px 0 0 27px; font-size: 12px; color: var(--f-alerte); }
.f-modeles-lettre { width: 64px; text-transform: uppercase; font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.f-modeles-coche td { background: #F3F8F9; }
.f-modeles-deja td { color: var(--f-encre-2); background: var(--f-fond); }
.f-modeles-deja .f-modeles-nom { color: var(--f-encre-2); cursor: default; padding-left: 27px; }
.f-modeles-present { display: inline-block; padding: 2px 9px; border-radius: 10px; background: var(--f-succes-fond); color: var(--f-succes); font-size: 12px; font-weight: 700; }
.f-modeles-invalide td { background: var(--f-danger-fond); }
.f-modeles-invalide .f-modeles-lettre { border-color: var(--f-danger); }
.f-modeles-message td { padding: 6px 10px 10px 37px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 13px; font-weight: 700; }
.f-modeles-erreur-globale { margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-weight: 700; }
.f-modeles-options { display: flex; flex-direction: column; gap: 12px; padding: 18px !important; }
.f-modeles-options h2 { margin: 0; font-size: 16px; font-weight: 800; }
.f-modeles-options .f-modeles-h2 { margin-top: 6px; }
.f-modeles-options .f-reglages-champ[hidden] { display: none; }
.f-modeles-case { display: flex; align-items: flex-start; gap: 9px; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.f-modeles-case input { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; accent-color: var(--f-filea); }
.f-modeles-options .f-reglages-pied { margin-top: 4px; }
.f-modeles-aide { margin: 0; font-size: 12.5px; color: var(--f-encre-2); }
@media (max-width: 1099.98px) { .f-modeles-grille { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-height: 820px) {
  .f-secteur .f-page-tete h1 { font-size: 20px; }
  .f-secteur-grille { gap: 10px; }
  .f-secteur-carte { gap: 6px; padding: 12px 14px 10px 44px !important; }
  .f-secteur-carte input[type=radio] { top: 14px; }
  .f-secteur-mots { gap: 4px 12px; padding: 6px 0; }
  .f-secteur-services { font-size: 12.5px; line-height: 1.35; }
  .f-secteur-pied { padding: 10px 14px; }
}

/* ------------------------------------------------------------ Réglages de l'agence : chaque seuil sur une ligne (ordinateur) */
@media (min-width: 768px) {
  .f-reglages-direct .f-reglages-champ { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; row-gap: 3px; }
  .f-reglages-direct .f-reglages-champ small, .f-reglages-direct .f-reglages-message { grid-column: 1 / -1; }
  .f-reglages-direct .f-reglages-saisie input { width: 84px; }
}
@media (min-width: 768px) and (max-height: 820px) {
  .f-reglages-grille > .f-card { padding: 16px !important; }
  .f-reglages-aide { margin-bottom: 10px; }
  .f-reglages-champs { gap: 10px; }
  .f-reglages-liens { margin-top: 12px; padding-top: 10px; gap: 6px; }
  .f-reglages-pied { margin-top: 12px; }
}

/* ------------------------------------------------------------ Administration : listes en cartes (guichets, services) */
.f-etat { display: inline-block; flex: 0 0 auto; padding: 3px 10px; border-radius: 12px; background: var(--f-creux); color: var(--f-encre-2); font-size: 12px; font-weight: 700; white-space: nowrap; }
.f-etat-open { background: var(--f-succes-fond); color: var(--f-succes); }
.f-etat-break { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-etat-hold { background: var(--f-danger-fond); color: var(--f-corail-profond); }
.f-etat-closed, .f-etat-inactif { background: var(--f-creux); color: var(--f-encre-2); }
.f-gc-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; align-items: start; }
.f-services-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; align-items: start; }
.f-gc, .f-service { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px !important; min-width: 0; }
.f-liste-element[hidden] { display: none !important; }
.f-gc-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.f-gc-tete h2 { margin: 0; font-size: 17px; font-weight: 800; color: var(--f-encre); }
.f-gc-agent { display: flex; flex-direction: column; gap: 1px; margin: 0; font-size: 14px; }
.f-gc-agent strong { color: var(--f-encre); }
.f-gc-agent span { color: var(--f-encre-2); font-size: 13px; }
.f-gc-vide { color: var(--f-alerte) !important; font-weight: 700; font-size: 14px !important; }
.f-gc-services { display: flex; flex-wrap: wrap; gap: 6px; }
.f-pastille-service { display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px 3px 3px; border: 1px solid var(--f-trait); border-radius: 14px; background: var(--f-surface); font-size: 13px; font-weight: 600; color: var(--f-encre); }
.f-pastille-service b { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; color: #FFFFFF; font-size: 12px; font-weight: 800; }
.f-carte-alerte { margin: 0; padding: 7px 10px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 13px; font-weight: 700; }
.f-carte-jour { margin: 0; padding-top: 8px; border-top: 1px solid var(--f-trait); font-size: 13.5px; color: var(--f-encre-2); }
.f-carte-jour > .f-chiffres { font-size: 17px; font-weight: 800; color: var(--f-encre); }
.f-carte-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.f-carte-actions > a { min-height: 38px !important; padding: 0 12px !important; font-size: 14px !important; }
.f-plus { position: relative; margin-left: auto; }
.f-plus summary { display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px; border: 1.5px solid var(--f-trait-fort); border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; list-style: none; }
.f-plus summary::-webkit-details-marker { display: none; }
.f-plus[open] summary { border-color: var(--f-filea); color: var(--f-filea); }
.f-plus-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; display: flex; flex-direction: column; min-width: 230px; padding: 6px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); box-shadow: 0 10px 28px rgba(22, 27, 30, 0.14); }
.f-plus-menu a { padding: 9px 12px; border-radius: 6px; color: var(--f-encre); font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
.f-plus-menu a:hover { background: var(--f-fond); }
.f-plus-menu .f-plus-danger { color: var(--f-danger); }
.f-liste-recherche { width: 240px; }
.f-liste-vide { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 28px !important; text-align: center; }
.f-liste-vide p { margin: 0; color: var(--f-encre-2); }
.f-liste-aucun { margin: 0; padding: 14px; text-align: center; color: var(--f-encre-2); }
.f-pages { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.f-pages > span { color: var(--f-encre-2); font-weight: 600; }
.f-services { margin-top: 12px; }
.f-services-tete { margin-bottom: -4px; }
.f-service-tete { display: flex; align-items: center; gap: 12px; }
.f-service-lettre { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 10px; color: #FFFFFF; font-size: 20px; font-weight: 800; }
.f-service-titre { flex: 1 1 auto; min-width: 0; }
.f-service-titre h2 { margin: 0; font-size: 16.5px; font-weight: 800; color: var(--f-encre); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-service-titre p { margin: 1px 0 0; font-size: 13px; color: var(--f-encre-2); }
.f-service-form { margin: 0; font-size: 13.5px; color: var(--f-conseil); font-weight: 600; }
.f-service-guichets { margin: 0; font-size: 14px; color: var(--f-encre); }
.f-service-guichets span { color: var(--f-encre-2); margin-right: 4px; }
.f-service-attente { color: var(--f-corail-profond); font-weight: 700; }
@media (max-width: 767.98px) { .f-liste-recherche { width: 100%; } .f-gc-grille, .f-services-grille { grid-template-columns: 1fr; } }

/* La liste défile dans sa zone : la page ne s'allonge pas (hauteur ajustée par filea-listes.js) */
@media (min-width: 992px) { .f-liste-defile { max-height: calc(100vh - 230px); overflow: auto; padding: 2px 4px 14px 2px; margin: -2px -4px 0 -2px; } }
.f-liste-defile .f-plus-menu { z-index: 40; }

/* ------------------------------------------------------------ Administration : personnel et rôles en cartes */
.f-personnes, .f-roles { margin-top: 12px; }
.f-personnes-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; align-items: start; }
.f-roles-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; align-items: start; }
.f-personne, .f-role { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px !important; min-width: 0; }
.f-personne-tete { display: flex; align-items: center; gap: 12px; }
.f-personne-photo { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.f-personne-initiales { display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 15px; font-weight: 800; letter-spacing: 0.02em; }
.f-personne-titre { flex: 1 1 auto; min-width: 0; }
.f-personne-titre h2 { margin: 0; font-size: 16px; font-weight: 800; color: var(--f-encre); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-personne-titre p { margin: 1px 0 0; font-size: 13px; color: var(--f-encre-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-personne-infos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin: 0; padding-top: 10px; border-top: 1px solid var(--f-trait); }
.f-personne-infos div { min-width: 0; }
.f-personne-large { grid-column: 1 / -1; }
.f-personne-infos dt { font-size: 11.5px; font-weight: 600; color: var(--f-encre-2); }
.f-personne-infos dd { margin: 1px 0 0; font-size: 14px; font-weight: 600; color: var(--f-encre); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-personne-infos dd + dd { color: var(--f-encre-2); }
.f-role-chiffres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 10px 0; border-top: 1px solid var(--f-trait); border-bottom: 1px solid var(--f-trait); }
.f-role-chiffres dt { font-size: 11.5px; font-weight: 600; color: var(--f-encre-2); }
.f-role-chiffres dd { margin: 2px 0 0; font-size: 22px; font-weight: 800; color: var(--f-encre); }
.f-personne-large dd { white-space: normal; overflow-wrap: anywhere; }
.f-personne-titre h2 { white-space: normal; overflow-wrap: anywhere; }
.f-personne-titre p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

/* ------------------------------------------------------------ Administration : historique des tickets */
.f-etat-appel { background: var(--f-conseil-fond); color: var(--f-conseil); }
.f-tickets-filtres { display: grid; grid-template-columns: 150px repeat(3, minmax(0, 1fr)) 130px auto; gap: 12px; align-items: end; padding: 14px 16px !important; }
.f-tickets-filtres label { display: flex; flex-direction: column; gap: 5px; margin: 0; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-tickets-boutons { display: flex; align-items: center; gap: 12px; justify-content: flex-end; }
.f-tickets-effacer { font-weight: 700; color: var(--f-encre-2); text-decoration: underline; }
.f-tickets-bloc { display: flex; flex-direction: column; gap: 12px; padding: 12px !important; min-width: 0; }
.f-tickets-defile { border: 1px solid var(--f-trait); border-radius: 8px; }
.f-tickets-table td { vertical-align: middle; }
.f-tickets-numero { font-size: 15px; }
.f-tickets-vide { color: var(--f-encre-2); }
.f-tickets-actions { white-space: nowrap; text-align: right; }
.f-tickets-actions-th { text-align: right !important; }
.f-tickets-actions .btn-secondary-outline { display: inline-flex !important; align-items: center; height: 30px !important; min-height: 30px !important; padding: 0 9px !important; border-width: 1.5px !important; font-size: 13px !important; line-height: 1 !important; }
.f-tickets-table td { padding-top: 8px; padding-bottom: 8px; }
.f-tickets-supprimer { margin-left: 6px; font-size: 13px; font-weight: 700; color: var(--f-danger); }
.f-liste-vide-texte { margin: 0; padding: 24px; text-align: center; color: var(--f-encre-2); }
.f-tickets-pages { padding: 0 4px; }
@media (max-width: 1199.98px) { .f-tickets-filtres { grid-template-columns: repeat(3, minmax(0, 1fr)); } .f-tickets-boutons { grid-column: 1 / -1; } }
@media (max-width: 575.98px) { .f-tickets-filtres { grid-template-columns: 1fr 1fr; } }

/* ------------------------------------------------------------ Administration : appareils */
.f-appareil-picto { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: var(--f-conseil-fond); color: var(--f-filea); }
.f-appareil-picto svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.f-appareil .f-gc-tete { justify-content: flex-start; gap: 12px; }
.f-appareil-titre { flex: 1 1 auto; min-width: 0; }
.f-appareil-titre h2 { margin: 0; font-size: 16px; font-weight: 800; color: var(--f-encre); overflow-wrap: anywhere; }
.f-appareil-titre p { margin: 1px 0 0; font-size: 13px; color: var(--f-encre-2); }
.f-tickets-table td:nth-child(2), .f-tickets-table td:nth-child(3), .f-tickets-table td:nth-child(5) { white-space: normal; min-width: 110px; }

/* ------------------------------------------------------------ Administration : réglages généraux */
.f-rg-formulaire { display: flex; flex-direction: column; padding: 0 !important; overflow: hidden; }
.f-rg-defile { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px !important; margin: 0 !important; }
.f-rg-haut { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-rg-bloc { padding: 16px 18px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); min-width: 0; }
.f-rg-bloc h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; color: var(--f-encre); }
.f-rg-section { border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); }
.f-rg-section summary { display: flex; align-items: baseline; gap: 12px; padding: 14px 44px 14px 18px; position: relative; cursor: pointer; list-style: none; }
.f-rg-section summary::-webkit-details-marker { display: none; }
.f-rg-section summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px; margin-top: -6px; border-right: 2px solid var(--f-encre-2); border-bottom: 2px solid var(--f-encre-2); transform: rotate(45deg); transition: transform 0.15s; }
.f-rg-section[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.f-rg-section summary span { font-size: 15.5px; font-weight: 800; color: var(--f-encre); }
.f-rg-section summary small { font-size: 13px; color: var(--f-encre-2); }
.f-rg-section[open] summary { border-bottom: 1px solid var(--f-trait); }
.f-rg-contenu { padding: 14px 18px 18px; }
.f-rg-pied { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-top: 1px solid var(--f-trait); background: var(--f-fond); }
.f-rg-pied p { margin: 0; font-size: 13px; color: var(--f-encre-2); }
.f-rg-pied .btn-primary-fill { min-width: 140px; }
@media (max-width: 1099.98px) { .f-rg-haut { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .f-rg-pied { flex-direction: column; align-items: center; text-align: center; } .f-rg-section summary { flex-direction: column; gap: 2px; } }

/* ------------------------------------------------------------ Rendez-vous : pages publiques (réservation, confirmation) */
.f-rdv-cadre { width: 100%; max-width: 1080px; margin: 0 auto; padding: 16px 16px 24px; }
.f-rdv-grille { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-rdv-etapes { display: flex; flex-direction: column; gap: 14px; padding: 20px !important; min-width: 0; }
.f-rdv-progres { height: 5px; border-radius: 3px; background: var(--f-creux); overflow: hidden; }
.f-rdv-progres span { display: block; width: 33%; height: 100%; background: var(--f-corail-profond); transition: width 0.2s; }
.f-rdv-compteur { margin: 0; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-rdv-etape h1 { margin: 0 0 14px; font-size: 22px; font-weight: 800; color: var(--f-encre); outline: none; }
.f-rdv-etape[hidden] { display: none; }
.f-rdv-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.f-rdv-service { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 12px; background: var(--f-surface); font: inherit; font-size: 16px; font-weight: 700; color: var(--f-encre); text-align: left; cursor: pointer; }
.f-rdv-service:hover { border-color: var(--f-filea); }
.f-rdv-lettre { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 9px; color: #FFFFFF; font-weight: 800; }
.f-rdv-choisi.f-rdv-service { border-color: var(--f-filea); background: var(--f-conseil-fond); box-shadow: 0 0 0 3px rgba(14, 84, 104, 0.12); }
.f-rdv-jours { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
.f-rdv-jour { display: flex; flex-direction: column; align-items: center; flex: 0 0 66px; gap: 1px; padding: 8px 4px; border: 1.5px solid var(--f-trait-fort); border-radius: 12px; background: var(--f-surface); font: inherit; color: var(--f-encre); cursor: pointer; scroll-snap-align: center; }
.f-rdv-jour small { font-size: 12px; color: var(--f-encre-2); }
.f-rdv-jour strong { font-size: 20px; font-weight: 800; line-height: 1.1; }
.f-rdv-heures { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin-top: 12px; }
.f-rdv-heure { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 9px 4px; border: 1.5px solid var(--f-trait-fort); border-radius: 10px; background: var(--f-surface); font: inherit; color: var(--f-encre); cursor: pointer; }
.f-rdv-heure strong { font-size: 16px; font-weight: 800; }
.f-rdv-heure small { font-size: 12px; color: var(--f-succes); font-weight: 700; }
.f-rdv-jour.f-rdv-choisi, .f-rdv-heure.f-rdv-choisi { border-color: var(--f-filea); background: var(--f-filea); color: #FFFFFF; }
.f-rdv-jour.f-rdv-choisi small, .f-rdv-heure.f-rdv-choisi small { color: rgba(255, 255, 255, 0.85); }
.f-rdv-plein { background: var(--f-fond) !important; border-style: dashed !important; }
.f-rdv-plein strong { color: var(--f-encre-2); text-decoration: line-through; }
.f-rdv-plein small { color: var(--f-encre-2) !important; }
.f-rdv-attente { grid-column: 1 / -1; margin: 6px 0; color: var(--f-encre-2); }
.f-rdv-champ { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; font-size: 14px; font-weight: 700; color: var(--f-encre); }
.f-rdv-champ input { min-height: 48px; padding: 0 14px; border: 1.5px solid var(--f-trait-fort); border-radius: 10px; font: inherit; font-size: 16px; font-weight: 400; }
.f-rdv-champ input:focus { outline: 3px solid rgba(14, 84, 104, 0.25); border-color: var(--f-filea); }
.f-rdv-champ small { font-size: 12.5px; font-weight: 400; color: var(--f-encre-2); }
.f-rdv-invalide { border-color: var(--f-danger) !important; }
.f-rdv-erreur { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--f-danger); }
.f-rdv-message { padding: 10px 12px; border-radius: 8px; background: var(--f-danger-fond); }
.f-rdv-info { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--f-conseil-fond); color: var(--f-conseil); font-weight: 600; }
.f-rdv-actions { display: flex; justify-content: flex-end; gap: 10px; }
.f-rdv-retour, .f-rdv-suivant { min-height: 48px; padding: 0 22px; border-radius: 10px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.f-rdv-retour { border: 1.5px solid var(--f-trait-fort); background: var(--f-surface); color: var(--f-encre); }
.f-rdv-suivant { border: 0; background: var(--f-corail-profond); color: #FFFFFF; }
.f-rdv-recap { display: flex; flex-direction: column; gap: 12px; padding: 20px !important; position: sticky; top: 16px; }
.f-rdv-recap h2 { margin: 0; font-size: 16px; font-weight: 800; }
.f-rdv-recap dl, .f-rdv-details { display: grid; gap: 10px; margin: 0; }
.f-rdv-recap dt, .f-rdv-details dt { font-size: 12px; font-weight: 600; color: var(--f-encre-2); }
.f-rdv-recap dd, .f-rdv-details dd { margin: 1px 0 0; font-size: 15px; font-weight: 700; color: var(--f-encre); }
.f-rdv-lieu, .f-rdv-note { margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-rdv-lieu { padding-top: 10px; border-top: 1px solid var(--f-trait); }
.f-rdv-vide { max-width: 560px; margin: 24px auto; padding: 24px !important; text-align: center; }
.f-rdv-vide h1 { margin: 0 0 8px; font-size: 20px; }
.f-rdv-confirme { display: flex; flex-direction: column; gap: 14px; max-width: 620px; margin: 0 auto; padding: 20px !important; }
.f-rdv-bandeau { margin: 0; padding: 10px 14px; border-radius: 10px; font-size: 17px; font-weight: 800; }
.f-rdv-ok { background: var(--f-succes-fond); color: var(--f-succes); }
.f-rdv-gris { background: var(--f-creux); color: var(--f-encre-2); }
.f-rdv-code { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1.5px dashed var(--f-trait-fort); border-radius: 12px; }
.f-rdv-code small { font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
.f-rdv-code strong { display: block; font-size: 36px; font-weight: 800; letter-spacing: 0.12em; color: var(--f-filea); line-height: 1.15; }
.f-rdv-code p { margin: 2px 0 0; font-size: 13px; color: var(--f-encre-2); }
.f-rdv-code img { flex: 0 0 auto; image-rendering: pixelated; }
.f-rdv-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.f-rdv-large { grid-column: 1 / -1; }
.f-rdv-annuler summary { display: inline-block; font-weight: 700; color: var(--f-danger); cursor: pointer; text-decoration: underline; }
.f-rdv-annuler form { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 12px; border-radius: 10px; background: var(--f-danger-fond); }
.f-rdv-annuler p { margin: 0; font-size: 14px; }
.f-rdv-annuler button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--f-danger); color: #FFFFFF; font: inherit; font-weight: 700; cursor: pointer; }
@media (max-width: 859.98px) {
  .f-rdv-grille { grid-template-columns: 1fr; }
  .f-rdv-recap { display: none; }
  .f-rdv-actions { justify-content: center; }
  .f-rdv-etapes { padding: 16px !important; }
  .f-rdv-cadre { padding: 12px 12px 16px; }
}
@media (max-width: 480px) { .f-rdv-code strong { font-size: 30px; } .f-rdv-code img { width: 96px; height: 96px; } .f-rdv-details { grid-template-columns: 1fr 1fr; gap: 8px; } }

/* ------------------------------------------------------------ Rendez-vous : administration */
.f-rdv-filtre { display: flex; gap: 8px; align-items: center; margin: 0; }
.f-rdv-filtre .form-control, .f-rdv-filtre .form-select { width: auto; min-width: 150px; }
.f-rdv-admin-grille { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.f-rdv-compteurs { display: flex; flex-wrap: wrap; gap: 8px; }
.f-rdv-compteurs .f-etat { font-size: 13px; padding: 4px 12px; }
.f-rdv-e-reserve { background: var(--f-conseil-fond); color: var(--f-conseil); }
.f-rdv-e-arrive { background: var(--f-succes-fond); color: var(--f-succes); }
.f-rdv-e-absent { background: var(--f-danger-fond); color: var(--f-danger); }
.f-rdv-e-annule { background: var(--f-creux); color: var(--f-encre-2); }
.f-rdv-ligne-eteinte td { opacity: 0.6; }
.f-tickets-actions form { margin: 0; }
.f-tickets-actions .btn-primary-fill.f-rdv-arrive { display: inline-flex !important; align-items: center; height: 30px !important; min-height: 30px !important; padding: 0 12px !important; font-size: 13px !important; }
.f-tickets-actions button.btn-secondary-outline { display: inline-flex !important; align-items: center; height: 30px !important; min-height: 30px !important; padding: 0 9px !important; font-size: 13px !important; }
.f-rdv-lien { border: 0; background: none; padding: 0; cursor: pointer; }
.f-rdv-partage { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 18px !important; text-align: center; }
.f-rdv-partage h2 { margin: 0; font-size: 16px; font-weight: 800; }
.f-rdv-partage p { margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-rdv-partage img { image-rendering: pixelated; border: 1px solid var(--f-trait); border-radius: 8px; padding: 6px; background: #FFFFFF; }
.f-rdv-lien-public { font-size: 13px; }
.f-rdv-reg-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); gap: 14px; align-items: start; }
.f-rdv-reg { padding: 16px 18px !important; border: 1.5px solid var(--f-trait) !important; }
.f-rdv-reg-actif { border-color: var(--f-succes) !important; }
.f-rdv-reg form { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.f-rdv-reg-tete { display: flex; align-items: center; gap: 12px; }
.f-rdv-reg-tete h2 { flex: 1 1 auto; margin: 0; font-size: 16px; font-weight: 800; }
.f-rdv-reg .f-service-lettre { flex-basis: 38px; width: 38px; height: 38px; font-size: 16px; }
.f-rdv-bascule { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.f-rdv-bascule input { appearance: none; position: relative; width: 40px; height: 22px; border-radius: 11px; background: var(--f-trait-fort); cursor: pointer; transition: background 0.15s; }
.f-rdv-bascule input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; transition: left 0.15s; }
.f-rdv-bascule input:checked { background: var(--f-succes); }
.f-rdv-bascule input:checked::after { left: 21px; }
.f-rdv-bascule input:focus-visible { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-rdv-reg-erreurs { margin: 0; padding: 8px 12px 8px 28px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 13px; font-weight: 700; }
.f-rdv-reg-corps { display: flex; flex-direction: column; gap: 12px; }
.f-rdv-reg-jours { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; }
.f-rdv-reg-jours legend { width: 100%; margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); float: none; }
.f-rdv-reg-jours label { margin: 0; cursor: pointer; }
.f-rdv-reg-jours input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.f-rdv-reg-jours span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 34px; padding: 0 8px; border: 1.5px solid var(--f-trait-fort); border-radius: 17px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-rdv-reg-jours input:checked + span { border-color: var(--f-filea); background: var(--f-filea); color: #FFFFFF; }
.f-rdv-reg-jours input:focus-visible + span { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-rdv-reg-ligne { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.f-rdv-reg-ligne label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
.f-rdv-unite { display: flex; align-items: center; gap: 6px; }
.f-rdv-unite input { min-width: 0; }
.f-rdv-reg-pied { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--f-trait); }
.f-rdv-reg-pied p { margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-rdv-reg-pied .btn-primary-fill { min-width: 130px; }
@media (max-width: 1099.98px) { .f-rdv-admin-grille { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .f-rdv-reg-grille { grid-template-columns: 1fr; } .f-rdv-reg-pied { flex-direction: column; } }
@media (max-width: 859.98px) {
  .f-rdv-heures { max-height: calc(100dvh - 440px); min-height: 150px; overflow-y: auto; padding: 2px; align-content: start; }
  .f-rdv-etape h1 { margin-bottom: 10px; font-size: 20px; }
  .f-rdv-etapes { gap: 10px; }
}
@media (max-width: 859.98px) and (max-height: 760px) { .f-rdv-heure { padding: 7px 4px; } .f-rdv-jour { padding: 6px 4px; } .f-rdv-jour strong { font-size: 18px; } }
.f-rdv-admin-grille { grid-template-columns: minmax(0, 1fr) 250px; }
.f-rdv-admin .f-tickets-table td:nth-child(4) { white-space: normal; min-width: 140px; }
.f-rdv-admin .f-tickets-table td:nth-child(4) .f-pastille-service { align-items: flex-start; line-height: 1.3; padding-top: 4px; padding-bottom: 4px; }
.f-rdv-admin .f-tickets-table td:nth-child(3) { white-space: normal; min-width: 120px; }
.f-rdv-admin .f-tickets-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.f-rdv-admin .f-tickets-supprimer { margin-left: 2px; }
.f-rdv-partage { padding: 16px !important; }
.f-rdv-partage img { width: 128px; height: 128px; }
.f-rdv-partage-menu { display: none; margin-left: 0; }
.f-rdv-partage-panneau { align-items: center; gap: 10px; padding: 14px !important; min-width: 260px; }
.f-rdv-partage-panneau img { image-rendering: pixelated; border: 1px solid var(--f-trait); border-radius: 8px; padding: 6px; background: #FFFFFF; }
.f-rdv-partage-panneau a { text-align: center; }
@media (max-width: 1399.98px) {
  .f-rdv-admin-grille { grid-template-columns: 1fr; }
  .f-rdv-admin-grille > .f-rdv-partage { display: none; }
  .f-rdv-partage-menu { display: block; }
}
.f-rdv-partage-menu summary { min-height: 44px; }

/* ------------------------------------------------------------ Borne : service complet, avis, rendez-vous */
.f-tuile-complete { background: #F7F4EE !important; }
.f-tuile-complete .f-tuile-attente { color: var(--f-danger); font-weight: 800; }
.f-tuile-complete .f-tuile-lettre, .f-tuile-complete .f-tuile-picto { opacity: 0.55; }
.f-borne-avis { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(22, 27, 30, 0.55); }
.f-borne-avis[hidden] { display: none; }
.f-borne-avis-carte { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; max-width: 560px; padding: 32px 28px; border-radius: 18px; background: var(--f-surface); text-align: center; box-shadow: 0 20px 60px rgba(22, 27, 30, 0.3); }
.f-borne-avis-carte h2 { margin: 0; font-size: 30px; font-weight: 800; color: var(--f-danger); }
.f-borne-avis-carte p { margin: 0; font-size: 21px; line-height: 1.4; color: var(--f-encre); }
.f-borne-avis-carte .btn-primary-fill { min-width: 220px; min-height: 60px; font-size: 20px; }
.f-rdv-reg-quota { grid-template-columns: 200px minmax(0, 1fr); align-items: end; }
.f-rdv-reg-quota p { margin: 0 0 6px; font-size: 12.5px; color: var(--f-encre-2); }
@media (max-width: 575.98px) { .f-rdv-reg-quota { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------ Parcours : page de réglage */
.f-parcours-ligne { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; padding: 14px 16px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); }
.f-parcours-depart { display: flex; align-items: center; gap: 10px; min-width: 0; }
.f-parcours-depart .f-service-lettre { flex-basis: 38px; width: 38px; height: 38px; font-size: 16px; }
.f-parcours-depart strong { font-size: 15.5px; color: var(--f-encre); }
.f-parcours-libelle { display: block; margin-bottom: 6px; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
.f-parcours-choix { display: flex; flex-wrap: wrap; gap: 6px; }
.f-parcours-pastille { margin: 0; cursor: pointer; }
.f-parcours-pastille input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.f-parcours-pastille span { display: inline-flex; align-items: center; gap: 7px; padding: 3px 12px 3px 3px; border: 1.5px solid var(--f-trait-fort); border-radius: 16px; font-size: 13.5px; font-weight: 600; color: var(--f-encre-2); background: var(--f-surface); }
.f-parcours-pastille b { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 5px; border-radius: 12px; color: #FFFFFF; font-size: 12px; opacity: 0.55; }
.f-parcours-pastille small { margin-left: 4px; font-size: 11.5px; font-weight: 700; color: var(--f-alerte); }
.f-parcours-pastille input:checked + span { border-color: var(--f-filea); background: var(--f-conseil-fond); color: var(--f-encre); }
.f-parcours-pastille input:checked + span b { opacity: 1; }
.f-parcours-pastille input:focus-visible + span { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-parcours-sans input:checked + span { border-color: var(--f-alerte); background: var(--f-alerte-fond); }
.f-parcours .f-page-actions form { margin: 0; }
@media (max-width: 991.98px) { .f-parcours-ligne { grid-template-columns: 1fr; gap: 8px; } }

/* ------------------------------------------------------------ Parcours : au guichet, « Envoyer vers » */
.f-guichet-suite { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1.5px dashed var(--f-filea); border-radius: 12px; background: var(--f-conseil-fond); }
.f-guichet-suite p { margin: 0; font-size: 14px; font-weight: 700; color: var(--f-filea); }
.f-guichet-suite-choix { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.f-suite-btn { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 12px; border: 1.5px solid var(--f-filea); border-radius: 10px; background: var(--f-surface); font: inherit; font-size: 15px; font-weight: 700; color: var(--f-encre); text-align: left; cursor: pointer; touch-action: manipulation; }
.f-suite-btn b { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 8px; color: #FFFFFF; font-size: 14px; }
.f-suite-btn:hover { background: var(--f-fond); }
.f-suite-btn[data-f-bloque] { border-style: dashed; border-color: var(--f-trait-fort); color: var(--f-encre-2); }
.f-suite-envoi { opacity: 0.6; }

/* ------------------------------------------------------------ Confidentialité */
.f-conf-regle { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border: 1.5px solid var(--f-filea); border-radius: 12px; background: var(--f-conseil-fond); }
.f-conf-bascule span { font-size: 16px; font-weight: 800; color: var(--f-encre); }
.f-conf-regle p { margin: 0; font-size: 13.5px; color: var(--f-encre-2); }
.f-conf-etat { font-weight: 700; color: var(--f-filea) !important; }
.f-conf-alerte { color: var(--f-danger) !important; }
.f-conf-voix { padding: 8px 10px; border-radius: 8px; background: var(--f-surface); font-size: 13px !important; }
.f-conf-titre { margin: 8px 0 0; font-size: 16px; font-weight: 800; }
.f-conf-aide { margin: 0 0 4px; font-size: 13.5px; color: var(--f-encre-2); }
.f-conf-service { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 260px; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--f-trait); border-radius: 10px; background: var(--f-surface); }
.f-conf-service .f-service-lettre { flex-basis: 38px; width: 38px; height: 38px; font-size: 16px; }
.f-conf-discret { border-color: var(--f-filea); }
.f-conf-nom { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.f-conf-nom strong { font-size: 15px; color: var(--f-encre); }
.f-conf-suggere { font-size: 12.5px; font-weight: 700; color: var(--f-alerte); }
.f-conf-public { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
@media (max-width: 991.98px) { .f-conf-service { grid-template-columns: 38px minmax(0, 1fr) auto; } .f-conf-public { grid-column: 1 / -1; } }

/* ------------------------------------------------------------ Politique de confidentialité (page publique) */
.f-politique { width: 100%; max-width: 760px; margin: 0 auto; padding: 24px 20px 40px; color: var(--f-encre); }
.f-politique h1 { margin: 0 0 12px; font-size: 26px; font-weight: 800; }
.f-politique h2 { margin: 24px 0 8px; font-size: 18px; font-weight: 800; color: var(--f-filea); }
.f-politique p, .f-politique li { font-size: 15.5px; line-height: 1.6; }
.f-politique ul { margin: 0; padding-left: 20px; }
.f-politique li { margin-bottom: 6px; }
.f-politique-intro { padding: 14px 16px; border-radius: 10px; background: var(--f-conseil-fond); }
.f-politique-date { margin-top: 28px; font-size: 13px !important; color: var(--f-encre-2); }
.f-politique a { color: var(--f-filea); font-weight: 700; }
.f-politique ul { list-style: disc outside; } .f-politique li::marker { color: var(--f-filea); }

/* ------------------------------------------------------------ Scanner de pièce en direct */
html.f-scan-ouvert, html.f-scan-ouvert body { overflow: hidden; }
.f-scan { position: fixed; inset: 0; z-index: 5000; background: #000000; color: #FFFFFF; touch-action: none; font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif; }
.f-scan[hidden] { display: none; }
.f-scan-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f-scan-trace { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.f-scan-cadre { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: min(88vw, 104vh, 760px); aspect-ratio: 1.585; border-radius: 14px; box-shadow: 0 0 0 200vmax rgba(0, 0, 0, 0.5); pointer-events: none; }
.f-scan-document .f-scan-cadre { width: min(78vw, 42vh, 520px); aspect-ratio: 0.707; }
.f-scan-cadre i { position: absolute; width: 34px; height: 34px; border: 0 solid #FFFFFF; }
.f-scan-cadre i:nth-child(1) { left: -2px; top: -2px; border-left-width: 5px; border-top-width: 5px; border-top-left-radius: 14px; }
.f-scan-cadre i:nth-child(2) { right: -2px; top: -2px; border-right-width: 5px; border-top-width: 5px; border-top-right-radius: 14px; }
.f-scan-cadre i:nth-child(3) { right: -2px; bottom: -2px; border-right-width: 5px; border-bottom-width: 5px; border-bottom-right-radius: 14px; }
.f-scan-cadre i:nth-child(4) { left: -2px; bottom: -2px; border-left-width: 5px; border-bottom-width: 5px; border-bottom-left-radius: 14px; }
.f-scan-consigne { position: absolute; top: max(18px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); max-width: calc(100vw - 32px); margin: 0; padding: 10px 18px; border-radius: 22px; background: rgba(0, 0, 0, 0.62); font-size: 17px; font-weight: 700; text-align: center; }
.f-scan-aide { position: absolute; left: 0; right: 0; bottom: calc(max(20px, env(safe-area-inset-bottom)) + 104px); margin: 0; padding: 0 28px; font-size: 14px; line-height: 1.4; text-align: center; color: rgba(255, 255, 255, 0.86); }
.f-scan-barre { position: absolute; left: 0; right: 0; bottom: max(20px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 20px; }
.f-scan-annuler, .f-scan-lampe { min-height: 48px; padding: 0 12px; border: 0; background: none; color: #FFFFFF; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.f-scan-annuler { justify-self: start; }
.f-scan-lampe { justify-self: end; border-radius: 24px; }
.f-scan-lampe-on { background: #FFFFFF; color: #000000; }
.f-scan-declencher { width: 80px; height: 80px; padding: 0; border: 0; background: none; cursor: pointer; touch-action: manipulation; }
.f-scan-declencher svg { width: 80px; height: 80px; }
.f-scan-anneau-fond { fill: none; stroke: rgba(255, 255, 255, 0.35); stroke-width: 5; }
.f-scan-anneau { fill: none; stroke: #2ECC71; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 226; stroke-dashoffset: 226; transform: rotate(-90deg); transform-origin: 40px 40px; transition: stroke-dashoffset 0.1s linear; }
.f-scan-bouton { fill: #FFFFFF; }
.f-scan-declencher:active .f-scan-bouton { fill: #D8D8D8; }
.f-scan-apercu, .f-scan-repli { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; background: #111111; text-align: center; }
.f-scan-apercu[hidden], .f-scan-repli[hidden] { display: none; }
.f-scan-apercu img { max-width: 100%; max-height: 58vh; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5); }
.f-scan-apercu p, .f-scan-repli p { margin: 0; font-size: 17px; font-weight: 700; }
.f-scan-repli .f-scan-repli-aide { max-width: 420px; font-size: 15px; font-weight: 400; color: rgba(255, 255, 255, 0.8); }
.f-scan-apercu div { display: flex; gap: 12px; }
.f-scan-reprendre, .f-scan-utiliser, .f-scan-repli-bouton { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 22px; border-radius: 12px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.f-scan-reprendre { border: 2px solid rgba(255, 255, 255, 0.7); background: none; color: #FFFFFF; }
.f-scan-utiliser, .f-scan-repli-bouton { border: 0; background: #2ECC71; color: #0B2A18; }
.f-scan-repli-bouton { position: relative; overflow: hidden; }
.f-scan-repli-bouton input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

/* ------------------------------------------------------------ Contrôles d'identité : lecture et guichet */
.f-lecture-note-zone { background: var(--f-succes-fond); color: var(--f-succes); font-weight: 600; }
.f-lecture-note { color: var(--f-encre-2); font-weight: 600; }
.f-lu-conforme { margin: 4px 0; padding: 6px 10px; border-radius: 6px; background: var(--f-succes-fond); color: var(--f-succes); font-size: 13px; font-weight: 700; }
.f-lu-a-verifier { margin: 4px 0; padding: 6px 10px; border-radius: 6px; background: var(--f-alerte-fond); color: var(--f-alerte); font-size: 13px; font-weight: 700; }
.f-lecture-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.f-lecture-actions button { min-height: 40px; padding: 0 14px; border: 1.5px solid var(--f-danger); border-radius: 8px; background: var(--f-surface); color: var(--f-danger); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.f-lecture-actions button:first-child { background: var(--f-danger); color: #FFFFFF; }

/* ------------------------------------------------------------ WhatsApp : retour à la conversation ; guichet : bordereau commun */
.f-form-retour-wa { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-height: 52px; margin-top: 12px; padding: 0 26px; border-radius: 12px; background: #1F8F4E; color: #FFFFFF !important; font-weight: 800; font-size: 16px; text-decoration: none; }
.f-form-retour-wa:hover { background: #18773F; }
.f-bordereau-tete .f-tout-copier { margin-left: auto; }
.f-details-bordereau { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
.f-details-bordereau > .f-guichet-carte { margin: 0 !important; }
@media (min-width: 992px) { .f-details-bordereau { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }

/* ------------------------------------------------------------ Canaux de l'organisation */
.f-canaux-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.f-canal { display: flex; flex-direction: column; gap: 12px; padding: 18px !important; min-width: 0; }
.f-canal-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.f-canal-tete h2 { margin: 0; font-size: 17px; font-weight: 800; }
.f-canal-actif { background: var(--f-succes-fond); color: var(--f-succes); }
.f-canal-coupe { background: var(--f-creux); color: var(--f-encre-2); }
.f-canal-erreur { margin: 0; padding: 8px 10px; border-radius: 8px; background: var(--f-danger-fond); color: var(--f-danger); font-size: 13.5px; font-weight: 700; }
.f-canal-avis { margin: 0; padding: 8px 10px; border-radius: 8px; background: var(--f-alerte-fond); color: var(--f-alerte); font-size: 13px; font-weight: 700; }
.f-canal-compteur { margin: 0; font-size: 14px; color: var(--f-encre-2); }
.f-canal-compteur strong { font-size: 20px; color: var(--f-encre); margin-right: 4px; }
.f-canal-compteur span { color: var(--f-danger); font-weight: 700; }
.f-canal-lecture { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 12px; margin: 0; font-size: 13.5px; }
.f-canal-lecture dt { color: var(--f-encre-2); font-weight: 600; }
.f-canal-lecture dd { margin: 0; font-weight: 700; color: var(--f-encre); overflow-wrap: anywhere; }
.f-canal-action, .f-canal-essai { display: flex; gap: 8px; margin: 0; }
.f-canal-essai .form-control { flex: 1 1 auto; min-width: 0; }
.f-canal-modifier { border-top: 1px solid var(--f-trait); padding-top: 10px; }
.f-canal-modifier summary { display: inline-block; font-weight: 700; color: var(--f-filea); cursor: pointer; }
.f-canal-modifier form { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.f-canal-modifier label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
.f-canal-modifier label small { font-weight: 600; color: var(--f-succes); }
.f-canal-modifier textarea + small, .f-canal-accueil small { font-size: 12px; color: var(--f-encre-2); }
.f-canal-ligne { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 10px; }
.f-canal-modes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; }
.f-canal-modes legend { width: 100%; margin: 0 0 4px; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); float: none; }
.f-canal-modes label { flex-direction: row; cursor: pointer; }
.f-canal-modes input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.f-canal-modes span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1.5px solid var(--f-trait-fort); border-radius: 17px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-canal-modes input:checked + span { border-color: var(--f-filea); background: var(--f-filea); color: #FFFFFF; }
.f-canal-modes input:focus-visible + span { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-canal-pied { display: flex; justify-content: flex-end; }
.f-canal-pied .btn-primary-fill { min-width: 130px; }
.f-canal-accueil { border-top: 1px solid var(--f-trait); padding-top: 10px; }
.f-canal-accueil h3 { margin: 0 0 6px; font-size: 14px; font-weight: 800; }
.f-canal-texte { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--f-fond); font-size: 13.5px; white-space: pre-line; }
.f-canaux-messages { margin-top: 16px; padding: 18px !important; }
.f-canaux-messages h2 { margin: 0 0 4px; font-size: 17px; font-weight: 800; }
.f-canaux-messages > p { margin: 0 0 12px; font-size: 13.5px; color: var(--f-encre-2); }
.f-canaux-table-zone { overflow-x: auto; }
.f-canaux-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.f-canaux-table th { padding: 8px 10px; text-align: left; font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); border-bottom: 1px solid var(--f-trait); }
.f-canaux-table td { padding: 8px 10px; border-bottom: 1px solid var(--f-trait); }
.f-canaux-table th:not(:first-child), .f-canaux-table td:not(:first-child) { text-align: center; width: 120px; }
.f-canaux-sans { color: var(--f-trait-fort); }
@media (max-width: 1399.98px) { .f-canaux-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .f-canaux-grille { grid-template-columns: 1fr; } .f-canal-pied { justify-content: center; } }
.f-canal-essai .btn-secondary-outline, .f-canal-action .btn-secondary-outline { flex: 0 0 auto; white-space: nowrap; }

/* ------------------------------------------------------------ Fiche d'un service */
.f-sf-grille { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-sf-identite { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.f-sf-identite .f-service-lettre { flex-basis: 44px; width: 44px; height: 44px; font-size: 18px; }
.f-sf-identite strong { display: block; font-size: 16px; }
.f-sf-identite a { font-size: 13px; font-weight: 700; color: var(--f-filea); }
.f-sf-libelle { margin: 0 0 6px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-sf-pictos { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; max-height: 260px; overflow-y: auto; padding: 2px; }
.f-sf-picto { margin: 0; cursor: pointer; }
.f-sf-picto input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.f-sf-picto span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 74px; padding: 6px 4px; border: 1.5px solid var(--f-trait); border-radius: 10px; font-size: 12px; font-weight: 700; color: var(--f-encre-2); text-align: center; }
.f-sf-picto svg { width: 28px; height: 28px; stroke: var(--f-filea); }
.f-sf-picto small { font-size: 10.5px; line-height: 1.2; }
.f-sf-picto input:checked + span { border-color: var(--f-filea); background: var(--f-conseil-fond); color: var(--f-encre); }
.f-sf-picto input:focus-visible + span { outline: 3px solid rgba(14, 84, 104, 0.3); outline-offset: 2px; }
.f-sf-champ { display: flex; flex-direction: column; gap: 5px; margin: 0 0 14px; font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-sf-champ small { font-weight: 400; font-size: 12.5px; }
.f-sf-toute { margin-bottom: 10px; }
.f-sf-jours { display: flex; flex-direction: column; gap: 6px; }
.f-sf-jours[hidden] { display: none; }
.f-sf-jour { display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; align-items: center; }
.f-sf-jour-nom { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.f-sf-jours small { font-size: 12.5px; color: var(--f-encre-2); }
@media (max-width: 1199.98px) { .f-sf-grille { grid-template-columns: 1fr 1fr; } .f-sf-grille > :first-child { grid-column: 1 / -1; } }
@media (max-width: 767.98px) { .f-sf-grille { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------ Situation de l'agence */
.f-sit-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.f-sit-large { grid-column: 1 / -1; }
.f-sit-incident { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-sit-fermee { background: var(--f-danger-fond); color: var(--f-danger); }
.f-sit-constat { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--f-fond); font-size: 14px; font-weight: 700; }
.f-sit-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.f-sit-actions form { margin: 0; }
.f-sit-danger { min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--f-danger); color: #FFFFFF; font: inherit; font-weight: 700; cursor: pointer; }
.f-sit-note { margin: 0; font-size: 12.5px; color: var(--f-encre-2); }
.f-sit-retraits { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.f-sit-v-ok { background: var(--f-succes-fond); color: var(--f-succes); }
.f-sit-v-tendu { background: var(--f-alerte-fond); color: var(--f-alerte); }
.f-sit-v-depasse, .f-sit-v-sans_guichet { background: var(--f-danger-fond); color: var(--f-danger); }
.f-sit-v-ferme { background: var(--f-creux); color: var(--f-encre-2); }
.f-sit-manque { display: block; margin-top: 2px; font-size: 12px; color: var(--f-danger); font-weight: 700; }
.f-sit-appareils { display: flex; flex-direction: column; gap: 8px; }
.f-sit-appareil { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--f-trait); border-radius: 10px; }
.f-sit-appareil strong { min-width: 150px; }
.f-sit-appareil form { margin: 0 0 0 auto; }
.f-sit-papier { font-size: 13px; color: var(--f-encre-2); }
.f-sit-papier-bas { color: var(--f-alerte); font-weight: 700; }
.f-sit-dialogue { width: min(520px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 14px; box-shadow: 0 20px 60px rgba(20, 35, 43, 0.3); }
.f-sit-dialogue::backdrop { background: rgba(20, 35, 43, 0.5); }
.f-sit-dialogue form { display: flex; flex-direction: column; gap: 12px; padding: 22px; }
.f-sit-dialogue h2 { margin: 0; font-size: 19px; font-weight: 800; }
.f-sit-dialogue p { margin: 0; font-size: 14px; }
.f-sit-case { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 700; }
.f-sit-dialogue-pied { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 991.98px) { .f-sit-grille { grid-template-columns: 1fr; } }
/* bandeaux de la borne et de l'écran de salle */
.f-borne-banniere { position: fixed; left: 0; right: 0; top: 0; z-index: 1500; margin: 0; padding: 16px 24px; background: #7F5400; color: #FFFFFF; font-size: 22px; font-weight: 800; text-align: center; }
.f-borne-banniere-fermee { background: #B42318; }
.f-salle-banniere { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500; margin: 0; padding: 14px 28px; background: #7F5400; color: #FFFFFF; font-size: 26px; font-weight: 800; text-align: center; }

/* ------------------------------------------------------------ Tableau de bord du réseau et prévision */
.f-tb-chiffres { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.f-tb-chiffre { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px !important; }
.f-tb-chiffre small { font-size: 12.5px; font-weight: 700; color: var(--f-encre-2); }
.f-tb-chiffre strong { font-size: 28px; font-weight: 800; color: var(--f-encre); }
.f-tb-grille { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-tb-agences { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.f-tb-agence { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--f-trait); border-radius: 10px; color: var(--f-encre); text-decoration: none; }
.f-tb-agence:hover { border-color: var(--f-filea); }
.f-tb-agence-tete { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.f-tb-agence-chiffres { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; font-size: 13px; color: var(--f-encre-2); }
.f-tb-agence-chiffres b { font-size: 16px; color: var(--f-encre); }
.f-tb-agence-note { font-size: 12.5px; font-weight: 700; color: var(--f-alerte); }
.f-tb-file { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--f-trait); font-size: 14px; }
.f-tb-file b { font-size: 16px; }
.f-tb-barres { width: 100%; height: 150px; display: block; background: linear-gradient(to top, var(--f-trait) 1px, transparent 1px) 0 0 / 100% 25%; }
.f-tb-heures { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--f-encre-2); }
.f-tb-heures span { flex: 1 1 0; text-align: center; }
.f-tb-legende { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--f-encre-2); }
.f-tb-legende i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-left: 6px; }
.f-tb-conseil { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; }
.f-tb-conseil b { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; margin-right: 8px; border-radius: 6px; color: #FFFFFF; font-size: 12px; }
@media (max-width: 1199.98px) { .f-tb-grille { grid-template-columns: 1fr; } .f-tb-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ------------------------------------------------------------ Fiche complète d'un ticket */
.f-fiche-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; align-items: start; }
.f-fiche-colonne { grid-template-columns: 1fr !important; margin-top: 0; }
.f-fiche-temps { list-style: none; margin: 0; padding: 0 0 0 4px; }
.f-fiche-temps li { position: relative; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 10px; padding: 0 0 14px 16px; border-left: 2px solid var(--f-trait); }
.f-fiche-temps li::before { content: ""; position: absolute; left: -7px; top: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--f-surface); border: 3px solid var(--f-filea); }
.f-fiche-temps li > span { font-size: 13px; font-weight: 700; color: var(--f-encre-2); }
.f-fiche-temps strong { display: block; font-size: 14px; }
.f-fiche-temps small { display: block; font-size: 12.5px; color: var(--f-encre-2); }
.f-fiche-creation::before { border-color: var(--f-succes) !important; }
.f-fiche-message::before { border-color: #4A9CB0 !important; }
.f-fiche-audit::before { border-color: var(--f-alerte) !important; }
.f-fiche-lecture::before { border-color: #5E3F8C !important; }
.f-details-fiche { margin: 12px 0 0; display: flex; justify-content: flex-end; }
@media (max-width: 1199.98px) { .f-fiche-grille { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------ Arrivée confirmée : code de l'écran de salle, borne */
.f-salle-arrivee { position: fixed; right: 24px; bottom: 90px; z-index: 1400; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 10px 30px rgba(20, 35, 43, 0.25); }
.f-salle-arrivee[hidden] { display: none; }
.f-salle-arrivee img { width: 190px; height: 190px; image-rendering: pixelated; }
.f-salle-arrivee p { margin: 0; font-size: 17px; font-weight: 800; color: #14232B; text-align: center; line-height: 1.3; }
.f-borne-tel-message.f-borne-tel-ok { background: #E3F1E8; color: #1D6B3E; }
.f-reglages-case { flex-direction: row !important; align-items: flex-start; gap: 10px; }
.f-reglages-case input { margin-top: 4px; width: 20px; height: 20px; }
.f-reglages-case > span { display: flex; flex-direction: column; gap: 2px; }

/* ------------------------------------------------------------ Borne : « Votre nom sur le ticket » */
.f-borne-piece .f-piece-etape { display: none; }
.f-borne-piece[data-etape="choix"] .f-piece-choix, .f-borne-piece[data-etape="camera"] .f-piece-camera,
.f-borne-piece[data-etape="lecture"] .f-piece-lecture, .f-borne-piece[data-etape="resultat"] .f-piece-resultat { display: block; }
.f-piece-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; }
.f-piece-bouton { min-height: 64px; padding: 0 28px; border: 2px solid #0E5468; border-radius: 14px; background: #FFFFFF; color: #0E5468; font: inherit; font-size: 20px; font-weight: 800; cursor: pointer; }
.f-piece-principal { background: #0E5468; color: #FFFFFF; }
.f-piece-video { position: relative; width: 100%; max-width: 640px; margin: 12px auto 0; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #14232B; }
.f-piece-video video { width: 100%; height: 100%; object-fit: cover; }
.f-piece-cadre { position: absolute; left: 12%; right: 12%; top: 14%; bottom: 14%; border: 4px solid #FFFFFF; border-radius: 16px; box-shadow: 0 0 0 999px rgba(20, 35, 43, 0.45); }
.f-piece-attente { margin: 28px 0; font-size: 22px; font-weight: 800; text-align: center; color: #0E5468; }
.f-piece-nom { margin: 10px 0 0; padding: 16px; border-radius: 12px; background: #E3F1E8; color: #1D6B3E; font-size: 30px; font-weight: 800; text-align: center; }

/* ------------------------------------------------------------ API des applications */
.f-api-grille { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.f-api-nouvelle { margin: 0 0 14px; padding: 12px 14px; border-radius: 10px; background: var(--f-alerte-fond); color: var(--f-encre); font-size: 14px; }
.f-api-nouvelle p { margin: 8px 0 0; display: flex; align-items: center; gap: 10px; }
.f-api-nouvelle code { padding: 6px 10px; border-radius: 6px; background: var(--f-surface); font-size: 14px; overflow-wrap: anywhere; }
.f-api-appels { margin: 0; font-size: 13.5px; }
.f-api-appels dt { margin-top: 10px; }
.f-api-appels dd { margin: 2px 0 0; color: var(--f-encre-2); }
.f-api-exemple { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--f-fond); font-size: 12.5px; overflow-x: auto; }
.f-canal-accueil h3 .f-etat { margin-left: 6px; vertical-align: middle; }
@media (max-width: 1199.98px) { .f-api-grille { grid-template-columns: 1fr; } }