@import url('https://rsms.me/inter/inter.css');
@import url('var-root.css');

body {
    font-feature-settings: "cv03", "cv04", "cv11";
}
/*@media (min-width: 1400px) {*/
/*    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
/*        max-width: 95%;*/
/*    }*/
/*}*/
.container-xl {
    max-width: 95%;
}
.z-index-9999 {
    z-index: 9999;
}
#alert-message {
    position: fixed;
    bottom: 1rem;
    right: 2rem;
    min-width: 400px;
}
.hide-this {
    display: none;
}
.font-size-1 { font-size: 1.0rem !important; }
.font-size-2 { font-size: 1.5rem !important; }
.font-size-3 { font-size: 2.0rem !important; }
.font-size-4 { font-size: 2.2rem !important; }
.font-size-5 { font-size: 3.0rem !important; }
.font-size-6 { font-size: 3.5rem !important; }
.font-size-7 { font-size: 4.0rem !important; }
.font-size-8 { font-size: 4.5rem !important; }
.font-size-9 { font-size: 5.0rem !important; }
.font-size-10 { font-size: 5.5rem !important; }
.font-size-11 { font-size: 6.0rem !important; }
.font-size-12 { font-size: 6.5rem !important; }
.font-size-13 { font-size: 7.0rem !important; }
.font-size-14 { font-size: 7.5rem !important; }
.font-size-15 { font-size: 8.0rem !important; }
.font-size-16 { font-size: 8.5rem !important; }
.font-size-17 { font-size: 9.0rem !important; }
.font-size-18 { font-size: 9.5rem !important; }
.font-size-19 { font-size: 10.0rem !important; }
.font-size-20 { font-size: 10.5rem !important; }
.font-size-21 { font-size: 11.0rem !important; }
.font-size-22 { font-size: 11.5rem !important; }
.font-size-23 { font-size: 12.0rem !important; }
.font-size-24 { font-size: 12.5rem !important; }
.font-size-25 { font-size: 13.0rem !important; }
.font-size-26 { font-size: 13.5rem !important; }
.font-size-27 { font-size: 14.0rem !important; }
.font-size-28 { font-size: 14.5rem !important; }
.font-size-29 { font-size: 15.0rem !important; }
.font-size-30 { font-size: 15.5rem !important; }
.font-size-31 { font-size: 16.0rem !important; }
.font-size-32 { font-size: 16.5rem !important; }
.font-size-33 { font-size: 17.0rem !important; }
.font-size-34 { font-size: 17.5rem !important; }
.font-size-35 { font-size: 18.0rem !important; }
.font-size-36 { font-size: 18.5rem !important; }
.font-size-37 { font-size: 19.0rem !important; }
.font-size-38 { font-size: 19.5rem !important; }
.font-size-39 { font-size: 20.0rem !important; }
.font-size-40 { font-size: 20.5rem !important; }

.line-height {
    line-height: initial;
}

.mh-1 { min-height: 1.0rem; }
.mh-2 { min-height: 1.5rem; }
.mh-3 { min-height: 2.0rem; }
.mh-4 { min-height: 2.5rem; }
.mh-5 { min-height: 3.0rem; }
.mh-6 { min-height: 3.5rem; }
.mh-7 { min-height: 4.0rem; }
.mh-8 { min-height: 4.5rem; }
.mh-9 { min-height: 5.0rem; }
.mh-10 { min-height: 5.5rem; }
.mh-11 { min-height: 6.0rem; }
.mh-12 { min-height: 6.5rem; }
.mh-13 { min-height: 7.0rem; }
.mh-14 { min-height: 7.5rem; }
.mh-15 { min-height: 8.0rem; }
.mh-16 { min-height: 8.5rem; }
.mh-17 { min-height: 9.0rem; }
.mh-18 { min-height: 9.5rem; }
.mh-19 { min-height: 10.0rem; }
.mh-20 { min-height: 10.5rem; }
.mh-21 { min-height: 11.0rem; }
.mh-22 { min-height: 11.5rem; }
.mh-23 { min-height: 12.0rem; }
.mh-24 { min-height: 12.5rem; }
.mh-25 { min-height: 13.0rem; }
.mh-26 { min-height: 13.5rem; }
.mh-27 { min-height: 14.0rem; }
.mh-28 { min-height: 14.5rem; }
.mh-29 { min-height: 15.0rem; }
.mh-30 { min-height: 15.5rem; }
.mh-31 { min-height: 16.0rem; }
.mh-32 { min-height: 16.5rem; }
.mh-33 { min-height: 17.0rem; }
.mh-34 { min-height: 17.5rem; }
.mh-35 { min-height: 18.0rem; }
.mh-36 { min-height: 18.5rem; }
.mh-37 { min-height: 19.0rem; }
.mh-38 { min-height: 19.5rem; }
.mh-39 { min-height: 20.0rem; }
.mh-40 { min-height: 20.5rem; }
.mh-41 { min-height: 21.0rem; }
.mh-42 { min-height: 21.5rem; }
.mh-43 { min-height: 22.0rem; }
.mh-44 { min-height: 22.5rem; }
.mh-45 { min-height: 23.0rem; }
.mh-46 { min-height: 23.5rem; }
.mh-47 { min-height: 24.0rem; }
.mh-48 { min-height: 24.5rem; }
.mh-49 { min-height: 25.0rem; }
.mh-50 { min-height: 25.5rem; }
.mh-51 { min-height: 26.0rem; }
.mh-52 { min-height: 26.5rem; }
.mh-53 { min-height: 27.0rem; }
.mh-54 { min-height: 27.5rem; }
.mh-55 { min-height: 28.0rem; }
.mh-56 { min-height: 28.5rem; }
.mh-57 { min-height: 29.0rem; }
.mh-58 { min-height: 29.5rem; }
.mh-59 { min-height: 30.0rem; }
.mh-60 { min-height: 30.5rem; }
.mh-61 { min-height: 31.0rem; }
.mh-62 { min-height: 31.5rem; }
.mh-63 { min-height: 32.0rem; }
.mh-64 { min-height: 32.5rem; }
.mh-65 { min-height: 33.0rem; }
.mh-66 { min-height: 33.5rem; }
.mh-67 { min-height: 34.0rem; }
.mh-68 { min-height: 34.5rem; }
.mh-69 { min-height: 35.0rem; }
.mh-70 { min-height: 35.5rem; }
.mh-71 { min-height: 36.0rem; }
.mh-72 { min-height: 36.5rem; }
.mh-73 { min-height: 37.0rem; }
.mh-74 { min-height: 37.5rem; }
.mh-75 { min-height: 38.0rem; }
.mh-76 { min-height: 38.5rem; }
.mh-77 { min-height: 39.0rem; }
.mh-78 { min-height: 39.5rem; }
.mh-79 { min-height: 40.0rem; }
.mh-80 { min-height: 40.5rem; }
.mh-81 { min-height: 41.0rem; }
.mh-82 { min-height: 41.5rem; }
.mh-83 { min-height: 42.0rem; }
.mh-84 { min-height: 42.5rem; }
.mh-85 { min-height: 43.0rem; }
.mh-86 { min-height: 43.5rem; }
.mh-87 { min-height: 44.0rem; }
.mh-88 { min-height: 44.5rem; }
.mh-89 { min-height: 45.0rem; }
.mh-90 { min-height: 45.5rem; }
.mh-91 { min-height: 46.0rem; }
.mh-92 { min-height: 46.5rem; }
.mh-93 { min-height: 47.0rem; }
.mh-94 { min-height: 47.5rem; }
.mh-95 { min-height: 48.0rem; }
.mh-96 { min-height: 48.5rem; }
.mh-97 { min-height: 49.0rem; }
.mh-98 { min-height: 49.5rem; }
.mh-99 { min-height: 50.0rem; }
.mh-100 { min-height: 50.5rem; }

.custom-top-progress-bar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    height: 2px;
}
.searching {
    width: 100px;
    margin: 0 auto;
    margin-top: 10%;
}

.w-px-1 { width: 1px; }
.w-px-2 { width: 2px; }
.w-px-3 { width: 3px; }
.w-px-4 { width: 4px; }
.w-px-5 { width: 5px; }
.w-px-6 { width: 6px; }
.w-px-7 { width: 7px; }
.w-px-8 { width: 8px; }
.w-px-9 { width: 9px; }
.w-px-10 { width: 10px; }
.w-px-11 { width: 11px; }
.w-px-12 { width: 12px; }
.w-px-13 { width: 13px; }
.w-px-14 { width: 14px; }
.w-px-15 { width: 15px; }
.w-px-16 { width: 16px; }
.w-px-17 { width: 17px; }
.w-px-18 { width: 18px; }
.w-px-19 { width: 19px; }
.w-px-20 { width: 20px; }
.w-px-21 { width: 21px; }
.w-px-22 { width: 22px; }
.w-px-23 { width: 23px; }
.w-px-24 { width: 24px; }
.w-px-25 { width: 25px; }
.w-px-26 { width: 26px; }
.w-px-27 { width: 27px; }
.w-px-28 { width: 28px; }
.w-px-29 { width: 29px; }
.w-px-30 { width: 30px; }
.w-px-31 { width: 31px; }
.w-px-32 { width: 32px; }
.w-px-33 { width: 33px; }
.w-px-34 { width: 34px; }
.w-px-35 { width: 35px; }
.w-px-36 { width: 36px; }
.w-px-37 { width: 37px; }
.w-px-38 { width: 38px; }
.w-px-39 { width: 39px; }
.w-px-40 { width: 40px; }
.w-px-41 { width: 41px; }
.w-px-42 { width: 42px; }
.w-px-43 { width: 43px; }
.w-px-44 { width: 44px; }
.w-px-45 { width: 45px; }
.w-px-46 { width: 46px; }
.w-px-47 { width: 47px; }
.w-px-48 { width: 48px; }
.w-px-49 { width: 49px; }
.w-px-50 { width: 50px; }
.w-px-51 { width: 51px; }
.w-px-52 { width: 52px; }
.w-px-53 { width: 53px; }
.w-px-54 { width: 54px; }
.w-px-55 { width: 55px; }
.w-px-56 { width: 56px; }
.w-px-57 { width: 57px; }
.w-px-58 { width: 58px; }
.w-px-59 { width: 59px; }
.w-px-60 { width: 60px; }
.w-px-61 { width: 61px; }
.w-px-62 { width: 62px; }
.w-px-63 { width: 63px; }
.w-px-64 { width: 64px; }
.w-px-65 { width: 65px; }
.w-px-66 { width: 66px; }
.w-px-67 { width: 67px; }
.w-px-68 { width: 68px; }
.w-px-69 { width: 69px; }
.w-px-70 { width: 70px; }
.w-px-71 { width: 71px; }
.w-px-72 { width: 72px; }
.w-px-73 { width: 73px; }
.w-px-74 { width: 74px; }
.w-px-75 { width: 75px; }
.w-px-76 { width: 76px; }
.w-px-77 { width: 77px; }
.w-px-78 { width: 78px; }
.w-px-79 { width: 79px; }
.w-px-80 { width: 80px; }
.w-px-81 { width: 81px; }
.w-px-82 { width: 82px; }
.w-px-83 { width: 83px; }
.w-px-84 { width: 84px; }
.w-px-85 { width: 85px; }
.w-px-86 { width: 86px; }
.w-px-87 { width: 87px; }
.w-px-88 { width: 88px; }
.w-px-89 { width: 89px; }
.w-px-90 { width: 90px; }
.w-px-91 { width: 91px; }
.w-px-92 { width: 92px; }
.w-px-93 { width: 93px; }
.w-px-94 { width: 94px; }
.w-px-95 { width: 95px; }
.w-px-96 { width: 96px; }
.w-px-97 { width: 97px; }
.w-px-98 { width: 98px; }
.w-px-99 { width: 99px; }
.w-px-100 { width: 100px; }
.w-px-101 { width: 101px; }
.w-px-102 { width: 102px; }
.w-px-103 { width: 103px; }
.w-px-104 { width: 104px; }
.w-px-105 { width: 105px; }
.w-px-106 { width: 106px; }
.w-px-107 { width: 107px; }
.w-px-108 { width: 108px; }
.w-px-109 { width: 109px; }
.w-px-110 { width: 110px; }
.w-px-111 { width: 111px; }
.w-px-112 { width: 112px; }
.w-px-113 { width: 113px; }
.w-px-114 { width: 114px; }
.w-px-115 { width: 115px; }
.w-px-116 { width: 116px; }
.w-px-117 { width: 117px; }
.w-px-118 { width: 118px; }
.w-px-119 { width: 119px; }
.w-px-120 { width: 120px; }
.w-px-121 { width: 121px; }
.w-px-122 { width: 122px; }
.w-px-123 { width: 123px; }
.w-px-124 { width: 124px; }
.w-px-125 { width: 125px; }
.w-px-126 { width: 126px; }
.w-px-127 { width: 127px; }
.w-px-128 { width: 128px; }
.w-px-129 { width: 129px; }
.w-px-130 { width: 130px; }
.w-px-131 { width: 131px; }
.w-px-132 { width: 132px; }
.w-px-133 { width: 133px; }
.w-px-134 { width: 134px; }
.w-px-135 { width: 135px; }
.w-px-136 { width: 136px; }
.w-px-137 { width: 137px; }
.w-px-138 { width: 138px; }
.w-px-139 { width: 139px; }
.w-px-140 { width: 140px; }
.w-px-141 { width: 141px; }
.w-px-142 { width: 142px; }
.w-px-143 { width: 143px; }
.w-px-144 { width: 144px; }
.w-px-145 { width: 145px; }
.w-px-146 { width: 146px; }
.w-px-147 { width: 147px; }
.w-px-148 { width: 148px; }
.w-px-149 { width: 149px; }
.w-px-150 { width: 150px; }
.w-px-151 { width: 151px; }
.w-px-152 { width: 152px; }
.w-px-153 { width: 153px; }
.w-px-154 { width: 154px; }
.w-px-155 { width: 155px; }
.w-px-156 { width: 156px; }
.w-px-157 { width: 157px; }
.w-px-158 { width: 158px; }
.w-px-159 { width: 159px; }
.w-px-160 { width: 160px; }
.w-px-161 { width: 161px; }
.w-px-162 { width: 162px; }
.w-px-163 { width: 163px; }
.w-px-164 { width: 164px; }
.w-px-165 { width: 165px; }
.w-px-166 { width: 166px; }
.w-px-167 { width: 167px; }
.w-px-168 { width: 168px; }
.w-px-169 { width: 169px; }
.w-px-170 { width: 170px; }
.w-px-171 { width: 171px; }
.w-px-172 { width: 172px; }
.w-px-173 { width: 173px; }
.w-px-174 { width: 174px; }
.w-px-175 { width: 175px; }
.w-px-176 { width: 176px; }
.w-px-177 { width: 177px; }
.w-px-178 { width: 178px; }
.w-px-179 { width: 179px; }
.w-px-180 { width: 180px; }
.w-px-181 { width: 181px; }
.w-px-182 { width: 182px; }
.w-px-183 { width: 183px; }
.w-px-184 { width: 184px; }
.w-px-185 { width: 185px; }
.w-px-186 { width: 186px; }
.w-px-187 { width: 187px; }
.w-px-188 { width: 188px; }
.w-px-189 { width: 189px; }
.w-px-190 { width: 190px; }
.w-px-191 { width: 191px; }
.w-px-192 { width: 192px; }
.w-px-193 { width: 193px; }
.w-px-194 { width: 194px; }
.w-px-195 { width: 195px; }
.w-px-196 { width: 196px; }
.w-px-197 { width: 197px; }
.w-px-198 { width: 198px; }
.w-px-199 { width: 199px; }
.w-px-200 { width: 200px; }
.w-px-201 { width: 201px; }
.w-px-202 { width: 202px; }
.w-px-203 { width: 203px; }
.w-px-204 { width: 204px; }
.w-px-205 { width: 205px; }
.w-px-206 { width: 206px; }
.w-px-207 { width: 207px; }
.w-px-208 { width: 208px; }
.w-px-209 { width: 209px; }
.w-px-210 { width: 210px; }
.w-px-211 { width: 211px; }
.w-px-212 { width: 212px; }
.w-px-213 { width: 213px; }
.w-px-214 { width: 214px; }
.w-px-215 { width: 215px; }
.w-px-216 { width: 216px; }
.w-px-217 { width: 217px; }
.w-px-218 { width: 218px; }
.w-px-219 { width: 219px; }
.w-px-220 { width: 220px; }
.w-px-221 { width: 221px; }
.w-px-222 { width: 222px; }
.w-px-223 { width: 223px; }
.w-px-224 { width: 224px; }
.w-px-225 { width: 225px; }
.w-px-226 { width: 226px; }
.w-px-227 { width: 227px; }
.w-px-228 { width: 228px; }
.w-px-229 { width: 229px; }
.w-px-230 { width: 230px; }
.w-px-231 { width: 231px; }
.w-px-232 { width: 232px; }
.w-px-233 { width: 233px; }
.w-px-234 { width: 234px; }
.w-px-235 { width: 235px; }
.w-px-236 { width: 236px; }
.w-px-237 { width: 237px; }
.w-px-238 { width: 238px; }
.w-px-239 { width: 239px; }
.w-px-240 { width: 240px; }
.w-px-241 { width: 241px; }
.w-px-242 { width: 242px; }
.w-px-243 { width: 243px; }
.w-px-244 { width: 244px; }
.w-px-245 { width: 245px; }
.w-px-246 { width: 246px; }
.w-px-247 { width: 247px; }
.w-px-248 { width: 248px; }
.w-px-249 { width: 249px; }
.w-px-250 { width: 250px; }
.w-px-251 { width: 251px; }
.w-px-252 { width: 252px; }
.w-px-253 { width: 253px; }
.w-px-254 { width: 254px; }
.w-px-255 { width: 255px; }
.w-px-256 { width: 256px; }
.w-px-257 { width: 257px; }
.w-px-258 { width: 258px; }
.w-px-259 { width: 259px; }
.w-px-260 { width: 260px; }
.w-px-261 { width: 261px; }
.w-px-262 { width: 262px; }
.w-px-263 { width: 263px; }
.w-px-264 { width: 264px; }
.w-px-265 { width: 265px; }
.w-px-266 { width: 266px; }
.w-px-267 { width: 267px; }
.w-px-268 { width: 268px; }
.w-px-269 { width: 269px; }
.w-px-270 { width: 270px; }
.w-px-271 { width: 271px; }
.w-px-272 { width: 272px; }
.w-px-273 { width: 273px; }
.w-px-274 { width: 274px; }
.w-px-275 { width: 275px; }
.w-px-276 { width: 276px; }
.w-px-277 { width: 277px; }
.w-px-278 { width: 278px; }
.w-px-279 { width: 279px; }
.w-px-280 { width: 280px; }
.w-px-281 { width: 281px; }
.w-px-282 { width: 282px; }
.w-px-283 { width: 283px; }
.w-px-284 { width: 284px; }
.w-px-285 { width: 285px; }
.w-px-286 { width: 286px; }
.w-px-287 { width: 287px; }
.w-px-288 { width: 288px; }
.w-px-289 { width: 289px; }
.w-px-290 { width: 290px; }
.w-px-291 { width: 291px; }
.w-px-292 { width: 292px; }
.w-px-293 { width: 293px; }
.w-px-294 { width: 294px; }
.w-px-295 { width: 295px; }
.w-px-296 { width: 296px; }
.w-px-297 { width: 297px; }
.w-px-298 { width: 298px; }
.w-px-299 { width: 299px; }
.w-px-300 { width: 300px; }
.w-px-301 { width: 301px; }
.w-px-302 { width: 302px; }
.w-px-303 { width: 303px; }
.w-px-304 { width: 304px; }
.w-px-305 { width: 305px; }
.w-px-306 { width: 306px; }
.w-px-307 { width: 307px; }
.w-px-308 { width: 308px; }
.w-px-309 { width: 309px; }
.w-px-310 { width: 310px; }
.w-px-311 { width: 311px; }
.w-px-312 { width: 312px; }
.w-px-313 { width: 313px; }
.w-px-314 { width: 314px; }
.w-px-315 { width: 315px; }
.w-px-316 { width: 316px; }
.w-px-317 { width: 317px; }
.w-px-318 { width: 318px; }
.w-px-319 { width: 319px; }
.w-px-320 { width: 320px; }
.w-px-321 { width: 321px; }
.w-px-322 { width: 322px; }
.w-px-323 { width: 323px; }
.w-px-324 { width: 324px; }
.w-px-325 { width: 325px; }
.w-px-326 { width: 326px; }
.w-px-327 { width: 327px; }
.w-px-328 { width: 328px; }
.w-px-329 { width: 329px; }
.w-px-330 { width: 330px; }
.w-px-331 { width: 331px; }
.w-px-332 { width: 332px; }
.w-px-333 { width: 333px; }
.w-px-334 { width: 334px; }
.w-px-335 { width: 335px; }
.w-px-336 { width: 336px; }
.w-px-337 { width: 337px; }
.w-px-338 { width: 338px; }
.w-px-339 { width: 339px; }
.w-px-340 { width: 340px; }
.w-px-341 { width: 341px; }
.w-px-342 { width: 342px; }
.w-px-343 { width: 343px; }
.w-px-344 { width: 344px; }
.w-px-345 { width: 345px; }
.w-px-346 { width: 346px; }
.w-px-347 { width: 347px; }
.w-px-348 { width: 348px; }
.w-px-349 { width: 349px; }
.w-px-350 { width: 350px; }
.w-px-351 { width: 351px; }
.w-px-352 { width: 352px; }
.w-px-353 { width: 353px; }
.w-px-354 { width: 354px; }
.w-px-355 { width: 355px; }
.w-px-356 { width: 356px; }
.w-px-357 { width: 357px; }
.w-px-358 { width: 358px; }
.w-px-359 { width: 359px; }
.w-px-360 { width: 360px; }
.w-px-361 { width: 361px; }
.w-px-362 { width: 362px; }
.w-px-363 { width: 363px; }
.w-px-364 { width: 364px; }
.w-px-365 { width: 365px; }
.w-px-366 { width: 366px; }
.w-px-367 { width: 367px; }
.w-px-368 { width: 368px; }
.w-px-369 { width: 369px; }
.w-px-370 { width: 370px; }
.w-px-371 { width: 371px; }
.w-px-372 { width: 372px; }
.w-px-373 { width: 373px; }
.w-px-374 { width: 374px; }
.w-px-375 { width: 375px; }
.w-px-376 { width: 376px; }
.w-px-377 { width: 377px; }
.w-px-378 { width: 378px; }
.w-px-379 { width: 379px; }
.w-px-380 { width: 380px; }
.w-px-381 { width: 381px; }
.w-px-382 { width: 382px; }
.w-px-383 { width: 383px; }
.w-px-384 { width: 384px; }
.w-px-385 { width: 385px; }
.w-px-386 { width: 386px; }
.w-px-387 { width: 387px; }
.w-px-388 { width: 388px; }
.w-px-389 { width: 389px; }
.w-px-390 { width: 390px; }
.w-px-391 { width: 391px; }
.w-px-392 { width: 392px; }
.w-px-393 { width: 393px; }
.w-px-394 { width: 394px; }
.w-px-395 { width: 395px; }
.w-px-396 { width: 396px; }
.w-px-397 { width: 397px; }
.w-px-398 { width: 398px; }
.w-px-399 { width: 399px; }
.w-px-400 { width: 400px; }
.w-px-401 { width: 401px; }
.w-px-402 { width: 402px; }
.w-px-403 { width: 403px; }
.w-px-404 { width: 404px; }
.w-px-405 { width: 405px; }
.w-px-406 { width: 406px; }
.w-px-407 { width: 407px; }
.w-px-408 { width: 408px; }
.w-px-409 { width: 409px; }
.w-px-410 { width: 410px; }
.w-px-411 { width: 411px; }
.w-px-412 { width: 412px; }
.w-px-413 { width: 413px; }
.w-px-414 { width: 414px; }
.w-px-415 { width: 415px; }
.w-px-416 { width: 416px; }
.w-px-417 { width: 417px; }
.w-px-418 { width: 418px; }
.w-px-419 { width: 419px; }
.w-px-420 { width: 420px; }
.w-px-421 { width: 421px; }
.w-px-422 { width: 422px; }
.w-px-423 { width: 423px; }
.w-px-424 { width: 424px; }
.w-px-425 { width: 425px; }
.w-px-426 { width: 426px; }
.w-px-427 { width: 427px; }
.w-px-428 { width: 428px; }
.w-px-429 { width: 429px; }
.w-px-430 { width: 430px; }
.w-px-431 { width: 431px; }
.w-px-432 { width: 432px; }
.w-px-433 { width: 433px; }
.w-px-434 { width: 434px; }
.w-px-435 { width: 435px; }
.w-px-436 { width: 436px; }
.w-px-437 { width: 437px; }
.w-px-438 { width: 438px; }
.w-px-439 { width: 439px; }
.w-px-440 { width: 440px; }
.w-px-441 { width: 441px; }
.w-px-442 { width: 442px; }
.w-px-443 { width: 443px; }
.w-px-444 { width: 444px; }
.w-px-445 { width: 445px; }
.w-px-446 { width: 446px; }
.w-px-447 { width: 447px; }
.w-px-448 { width: 448px; }
.w-px-449 { width: 449px; }
.w-px-450 { width: 450px; }
.w-px-451 { width: 451px; }
.w-px-452 { width: 452px; }
.w-px-453 { width: 453px; }
.w-px-454 { width: 454px; }
.w-px-455 { width: 455px; }
.w-px-456 { width: 456px; }
.w-px-457 { width: 457px; }
.w-px-458 { width: 458px; }
.w-px-459 { width: 459px; }
.w-px-460 { width: 460px; }
.w-px-461 { width: 461px; }
.w-px-462 { width: 462px; }
.w-px-463 { width: 463px; }
.w-px-464 { width: 464px; }
.w-px-465 { width: 465px; }
.w-px-466 { width: 466px; }
.w-px-467 { width: 467px; }
.w-px-468 { width: 468px; }
.w-px-469 { width: 469px; }
.w-px-470 { width: 470px; }
.w-px-471 { width: 471px; }
.w-px-472 { width: 472px; }
.w-px-473 { width: 473px; }
.w-px-474 { width: 474px; }
.w-px-475 { width: 475px; }
.w-px-476 { width: 476px; }
.w-px-477 { width: 477px; }
.w-px-478 { width: 478px; }
.w-px-479 { width: 479px; }
.w-px-480 { width: 480px; }
.w-px-481 { width: 481px; }
.w-px-482 { width: 482px; }
.w-px-483 { width: 483px; }
.w-px-484 { width: 484px; }
.w-px-485 { width: 485px; }
.w-px-486 { width: 486px; }
.w-px-487 { width: 487px; }
.w-px-488 { width: 488px; }
.w-px-489 { width: 489px; }
.w-px-490 { width: 490px; }
.w-px-491 { width: 491px; }
.w-px-492 { width: 492px; }
.w-px-493 { width: 493px; }
.w-px-494 { width: 494px; }
.w-px-495 { width: 495px; }
.w-px-496 { width: 496px; }
.w-px-497 { width: 497px; }
.w-px-498 { width: 498px; }
.w-px-499 { width: 499px; }
.w-px-500 { width: 500px; }

.status-closed {
    background-color: var(--color-status-closed); /* Gray */
    color: white; /* Ensure text is visible */
}

.status-canceled {
    background-color: var(--color-status-canceled); /* Tomato */
    color: white;
}

.status-rejected {
    background-color: var(--color-status-rejected); /* Crimson */
    color: white;
}

.status-dispatched {
    background-color: var(--color-status-dispatched); /* Orange */
    color: black;
}

.status-inprocess {
    background-color: var(--color-status-inprocess); /* Yellow */
    color: black;
}

.status-completed {
    background-color: var(--color-status-completed); /* Green */
    color: white;
}

.status-unscheduled {
    background-color: var(--color-status-unscheduled); /* Sky Blue */
    color: black;
}

.sla-breached {
    background-color: var(--color-status-breached); /* Red */
    color: white;
}

.sla-wihtin-sla {
    background-color: var(--color-status-within-sla); /* Green */
    color: white;
}
.showDetailBox:hover {
    background-color: var(--yellow-100);
}
.showDetailBox.active {
    background-color: var(--yellow-100);
}
.bg-active {
    background-color: var(--yellow-100) !important;
}
.offcanvas-footer.footer-form {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ccc;
}
.light-yellow-bg {
    --_sw-bc: var(--yellow-300);
    background-color: var(--yellow-100);
    border-color: var(--_sw-bc);
}
.bg-card-heading {
    background-color: var(--black-150);
}
.bg-light-black {
    background-color: var(--black-150);
}
.evenLtr {
    direction: ltr;
}
.oddRtl {
    direction: rtl;
}
.margin-bottom-200 {
    margin-bottom: 180px;
}
.divide-y>:not(template):not(:last-child) {
    padding-bottom: 0.5rem !important;
}
.divide-y>:not(template):not(:first-child) {
    padding-top: 0.5rem !important;
}
.chat-box {
    display: flex;
    flex-direction: column;
    height: 95vh; /* Adjust height as needed */
    overflow-y: auto;
    overflow: hidden;
    padding-bottom: 5%;
}
.chat-header {
    /*color: black;*/
    padding: 10px;
    text-align: center;
}
.chat-body {
    flex: 1; /* This allows the chat body to grow and fill the available space */
    padding: 10px;
    overflow-y: auto;
}
.chat-footer {
    padding: 10px;
    background-color: #e9ecef;
    border-top: 1px solid #ccc; /* Optional: adds a border to visually separate the footer */
}
/*.chat-footer .input-group {*/
/*    align-items: center; !* Center the textarea and button vertically *!*/
/*}*/
/*.chat-footer textarea {*/
/*    resize: none;*/
/*    height: 40px; !* Fix the height to match the design *!*/
/*}*/
.card-header-tabs .nav-link.active {
    background-color: var(--black-150);
    font-weight: bold;
}
.mb-40 {
    margin-bottom: 45px;
}

.bg-header-color {
    background-color: var(--yellow-200);
    color: #000000;
    border-bottom: 1px solid var(--yellow-300) !important;
}
.bg-yellw-light {
    background-color: var(--yellow-100);
}
.border-yellow {
    border: 1px solid var(--yellow-300) !important;
    background-color: var(--yellow-100);
}
.bg-github {
    background-color: var(--button-primary-bgColor-rest);
    color: var(--button-primary-fgColor-rest);
    box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow, 0 1px 0 rgba(31, 35, 40, 0.1)));
}
.transform-no {
    transform: none;
    top: calc(var(--tblr-stamp-size)* 0);
    right: calc(var(--tblr-stamp-size)* 0);
}
body[data-bs-theme="dark"] .showDetailBox:hover {
    background-color: var(--tblr-card-cap-bg);
}
body[data-bs-theme="dark"] .showDetailBox.active {
    background-color: var(--tblr-card-cap-bg);
}

body[data-bs-theme="dark"] .card-header-tabs .nav-link.active {
    background-color: var(--tblr-card-cap-bg);
}

body[data-bs-theme="dark"] .bg-card-heading {
    background-color: var(--tblr-card-cap-bg);
}

body[data-bs-theme="dark"] .chat-footer {
    background-color: var(--tblr-card-cap-bg);
}


body[data-bs-theme="dark"] .light-yellow-bg {
    background-color: var(--tblr-card-cap-bg);
}


/* HTML: <div class="loader"></div> */
.loader-bar {
    width: 40px;
    aspect-ratio: 1;
    --c: linear-gradient(#000 0 0);
    --r1: radial-gradient(farthest-side at bottom,#000 93%,#0000);
    --r2: radial-gradient(farthest-side at top   ,#000 93%,#0000);
    background:
            var(--c) ,var(--r1),var(--r2),
            var(--c) ,var(--r1),var(--r2),
            var(--c) ,var(--r1),var(--r2);
    background-repeat: no-repeat;
    animation: l2 1s infinite alternate;
    margin: 0 auto;
}
@keyframes l2 {
    0%,25% {
        background-size: 8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
        background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
    }
    50% {
        background-size: 8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
        background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
    }
    75% {
        background-size: 8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
        background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
    }
    95%,100% {
        background-size: 8px 100%,8px 4px, 8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;
        background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px);
    }
}


/* HTML: <div class="loader"></div> */
.loader-time {
    width: 60px;
    aspect-ratio: 1;
    display: flex;
    color: #000;
    border: 4px solid;
    box-sizing: border-box;
    border-radius: 50%;
    background:
            radial-gradient(circle 5px, currentColor 95%,#0000),
            linear-gradient(currentColor 50%,#0000 0) 50%/4px 60% no-repeat;
    animation: l1 2s infinite linear;
}
.loader-time:before {
    content: "";
    flex: 1;
    background:linear-gradient(currentColor 50%,#0000 0) 50%/4px 80% no-repeat;
    animation: inherit;
}
@keyframes l1 {
    100% {transform: rotate(1turn)}
}


/* HTML: <div class="loader"></div> */
.loader-flipping {
    width: 40px;
    aspect-ratio: 1;
    background: #000;
    animation: l1 1s infinite;
}
@keyframes l1 {
    0%   {transform: perspective(150px) rotateX(  0deg)}
    100% {transform: perspective(150px) rotateX(180deg)}
}

/* HTML: <div class="loader"></div> */
.loader-bar-reverse {
    width: 45px;
    aspect-ratio: .75;
    --c: no-repeat linear-gradient(#000 0 0);
    background:
            var(--c) 0%   50%,
            var(--c) 50%  50%,
            var(--c) 100% 50%;
    animation: l7 1s infinite linear alternate;
}
@keyframes l7 {
    0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
    20% {background-size: 20% 20% ,20% 50% ,20% 50% }
    40% {background-size: 20% 100%,20% 20% ,20% 50% }
    60% {background-size: 20% 50% ,20% 100%,20% 20% }
    80% {background-size: 20% 50% ,20% 50% ,20% 100%}
    100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}


.chart-height {
    min-height: 300px;
}
.chart-card-body-height {
    min-height: 316px;
}
.reloadable-block {

}
.status-outer {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0;
}
.status-bar-outer {
    width: 100%;
    padding: 0 1px;
}
.status-bar-inner {
    height: 40px;
    border-radius: 20px;
}
.status-bar-inner.active {
    background: #21AF63;
}
.status-bar-inner.stopped {
    background: #d63939;
}
.unauthorized {
    text-align: center;
    font-size: 1rem;
    margin-top: 5%;
    color: red;
    font-weight: bold;
}

.progress-container {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 9999;
}


/*@keyframes progress {*/
/*    from { width: 10%; }*/
/*    to { width: 100%; }*/
/*}*/
.progress-arrow {
    overflow: hidden;
}

.progress-arrow {
    background-color: #0054a6;
}
.progress-arrow th {
    background: transparent !important;
    color: #fff !important;
}
.progress-arrow th span {
    color: #fff !important;
}
.arrow-right:after,
.arrow-right:before {
    background: #fff;
    bottom: 0;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%);
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    transition: background 0.2s linear;
    width: 1em;
    z-index: 1;
}
.grey {
    background: var(--black-225);
}
.card .card-header {
    background: var(--black-050);
}
body[data-bs-theme="dark"] .card .card-header {
    background: inherit;
}
.shadow-boxed .card {
    box-shadow: var(--shadow-boxed-light);
}
.status-indicator-circle {
    --tblr-status-circle-size: 2rem;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --tblr-offcanvas-width: 600px;
}

.navbar-nav .nav-item:hover .nav-link .nav-link-icon svg.icon {
    transition: all .15s ease 0s;
    animation: pulse 2s ease infinite;
    animation-fill-mode: both;
}



/*.navbar-expand-md .nav-item.active {*/
/*    color: var(--tblr-dropdown-link-active-color);*/
/*    text-decoration: none;*/
/*    background-color: var(--tblr-active-bg) !important;*/
/*}*/

.navigation-progress{
    --duration: 3600ms;
    --delay: 250ms;
    position:fixed;
    top:0;
    background:#0054a6;
    z-index:var(--z-popover);
    height:var(--su-1);
    width:0
}

.navigation-progress.showing{
    display:block;
    animation:showProgressBar var(--duration) ease-in-out;
    animation-delay:var(--delay);
    animation-fill-mode:forwards;
}
@keyframes showProgressBar{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
.border-left {
    border-left: 1px var(--black-200) solid;
}
.bg-off-days {
    background-color: var(--red-100) !important;
}

.truncate-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.status-scheduled {
    background-color: var(--blue-400);
    color:#fff;
}
.status-accepted {
    background-color: var(--green-400);
    color:#fff;
}
.max-height, .min-height {
    max-height: 150px;
}

.sla-0-4 {
    background-color: #45d897; /* Zahid-Green */
    color: #000000 !important; /* White text */
}

.sla-4-8 {
    background-color: #FFD700; /* Yellow */
    color: #000000 !important; /* Black text */
}

.my_running_color {
    background-color: #969feb80; /* Yellow */
    color: #000000 !important; /* Black text */
}

.my_close_color {
    background-color: rgba(149, 255, 140, 0.5); /* Yellow */
    color: #000000 !important; /* Black text */
}

.sla-8-12 {
    background-color: #FFA500; /* Orange */
    color: #000000 !important; /* White text */
}

.sla-my_red {
    background-color: #ff8388; /* Orange */
    color: #FFFFFF !important; /* White text */
}

.sla-my_l_blue {
    background-color: #8081f0; /* Orange */
    color: #FFFFFF !important; /* White text */
}

.sla-12-24 {
    background-color: #FF4500; /* OrangeRed */
    color: #fff !important; /* White text */
}

.sla-24-48 {
    background-color: #FF0000; /* Red */
    color: #fff !important; /* White text */
}

.sla-48 {
    background-color: #8B0000; /* DarkRed */
    color: #fff !important; /* White text */
}

.sla-0-4-icon {
    color: #45d897 !important; /* White text */
}

.sla-4-8-icon {
    color: #FFD700 !important; /* Black text */
}

.sla-8-12-icon {
    color: #FFA500 !important; /* White text */
}

.sla-12-24-icon {
    color: #FF4500 !important; /* White text */
}

.sla-24-48-icon {
    color: #FF0000 !important; /* White text */
}

.sla-48-icon {
    color: #8B0000 !important; /* White text */
}


.big-icon {
    width: 30px;
    height: 30px;
}

.age-0-2-Days-icon {color: #45d897 !important;}
.age-2-4-Days-icon {color: #45d897 !important;}
.age-4-6-Days-icon {color: #FFA500 !important;}
.age-6-8-Days-icon {color: #FFA500 !important;}
.age-8-12-Days-icon {color: #FF0000 !important;}
.age--12-Days-icon {color: #FF0000 !important;}


.age-0-2-Days, .age-2-4-Days, .age-4-6-Days, .age-6-8-Days, .age-8-12-Days, .age--12-Days {
    color: #000000 !important;
}
.age-0-2-Days {background-color: #45d897;}
.age-2-4-Days {background-color: #45d897;}
.age-4-6-Days {background-color: #FFA500;}
.age-6-8-Days {background-color: #FFA500; color: #fff !important;}
.age-8-12-Days {background-color: #FF0000; color: #fff !important;}
.age--12-Days {background-color: #FF0000; color: #fff !important;}

.age-sla-0-4,
.age-sla-4-8 {
    background-color: #45d897;
    color: #000 !important;
}

.age-sla-0-4-icon,
.age-sla-4-8-icon {
    color: #45d897 !important;
}

.age-sla-8-12,
.age-sla-12-24 {
    background-color: #FFA500;
    color: #000 !important;
}

.age-sla-8-12-icon,
.age-sla-12-24-icon {
    color: #FFA500 !important;
}

.age-sla-24-48,
.age-sla-48 {
    background-color: #FF0000;
    color: #fff !important;
}

.age-sla-24-48-icon,
.age-sla-48-icon {
    color: #FF0000 !important;
}