/*------------------------------------------------------------------------------------------------------------------
    Index Of CSS File
--------------------------------------------------------------------------------------------------------------------

    @Version            : v1.0.0
    @Application Name   : Complete Queue & Token Management System with Kiosk, Counter & Display.
    @Application Author : OnestQ


    01. Variables & Color Definitions          21. Top & Right Position
    02. Text Color Class                       22. Padding & Margin (Part 1)
    03. Custom Padding & Margin Utilities      23. Padding & Margin (Part 2)
    04. Common Default Style                   24. Maximum Height
    05. Height Calculation                     25. Column Count
    06. Color Theming                          26. Nprogress CSS
    07. Line Clamp                             27. Custom Dropdown
    08. Max Width                              28. Badge Variant
    09. Filter Select                          29. Custom Modal Action Buttons
    10. Min Width                              30. Search Style
    11. Modal Close Button                     31. Permission Status
    12. Grid Column 5                          32. Icon Size
    13. Text Size                              33. Custom Edit Content
    14. Font Weight                            34. Disabled Section
    15. Text Color                             35. HTML Return Content
    16. Bottom & Right Position
    17. Gutter
    18. Height 100 vh
    19. Width & Height
    20. Minimum Width & Maximum Width

--------------------------------------------------------------------------------------------------------------------
    End-of CSS File
--------------------------------------------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --remix-icon: "remixicon";
  --heading-font: "Open Sans", sans-serif;
  --body-font: "Open Sans", sans-serif;
  --ot-primary: #6049e7;
  --ot-secondary: #f28a22;
  --ot-tertiary: #f28a22;
  --ot-primary-rgb: 96, 73, 231;
  --ot-secondary-rgb: 231, 121, 42;
  --ot-tertiary-rgb: 240, 120, 60;
  --body-bg: #F5F5F7;
  --login-bg: #F4F1EB;
  --ot-primary-title: #161F2B;
  --ot-secondary-title: #222;
  --ot-tertiary-title: #6f767e;
  --ot-primary-paragraph: #545C66;
  --ot-secondary-paragraph: #999999;
  --ot-tertiary-paragraph: #6f767e;
  --ot-primary-btn: var(--ot-primary);
  --ot-secondary-btn: var(--ot-secondary);
  --ot-tertiary-btn: var(--ot-tertiary);
  --ot-primary-border: #D6E2EF;
  --ot-secondary-border: #f4f4f4;
  --ot-tertiary-border: #cacaca;
  --red: #ff3030;
  --ratting-color: #ff9b26;
  --ratting-color-rgb: 255, 193, 7;
  --ot-bg-badge: #e9faf4;
  --ot-text-badge: #3b3b3b;
  --ot-date: #262626;
  --ot-bg-event-date-lightblue: #ecedff;
  --ot-bg-event-date-green: #d8f8e9;
  --ot-bg-event-date-orange: #fff1e0;
  --scroll-color-one: #554cbd46;
  --scroll-color-two: #f3f3f3;
  --white: #fff;
  --theme-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
  --theme-shadow2: 0px 5px 20px 0px rgba(88, 59, 255, 0.3);
  /* background color */
  --ot-bg-primary: #F3F5F6;
  --ot-bg-secondary: #ffffff;
  --ot-bg-secondary-opacity: rgba(255, 255, 255, 0.35);
  --ot-bg-tertiary: #ffffff;
  --ot-bg-progress: #e6e6e6;
  /* badge background color */
  --ot-bg-badge-success: #0caf60;
  --ot-bg-badge-danger: #ff6a54;
  --ot-bg-badge-warning: #fdc400;
  --ot-bg-badge-primary: #1890ff;
  --ot-bg-badge-custom: #f1faff;
  /* Badge  color */
  --ot-text-badge-success: #29d697;
  --ot-text-badge-danger: #ff6a54;
  --ot-text-badge-warning: #fdc400;
  --ot-text-badge-primary: #1890ff;
  --primary--rgb: 41, 120, 229;
  --ot-secondary-rgb: 0, 0, 0;
  --ot-danger-rgb: 255, 51, 51;
  --ot-success-rgb: 16, 185, 129;
  --ot-warning-rgb: 255, 153, 26;
  --ot-info-rgb: 23, 162, 184;
  --ot-light-rgb: 244, 241, 235;
  --ot-tertiary-rgb: 84, 92, 102;
  --soft-secondary: #1ea7ff;
  --soft-secondary-rgb: 30, 167, 255;
  --soft-tertiary: #089d49;
  --soft-tertiary-rgb: 8, 157, 73;
  --soft-four: #087c7c;
  --soft-four-rgb: 8, 124, 124;
  --soft-danger: #DC3545;
  --soft-danger-rgb: 255, 0, 0;
  --counter-btn-1: #E7792A;
  --counter-btn-1-rgb: 231, 121, 42;
  --counter-btn-2: #0EC96C;
  --counter-btn-2-rgb: rgb(14, 201, 108);
  --counter-btn-3: #1EA7FF;
  --counter-btn-3-rgb: 30, 167, 255;
  --counter-btn-4: var(--ot-primary);
  --counter-btn-4-rgb: var(--ot-primary-rgb);
  --counter-btn-5: #DC3545;
  --counter-btn-5-rgb: 255, 0, 0;
}

/*------------------------------------------------------------------
    02. Text Color Class
--------------------------------------------------------------------*/
.text-primary {
  color: var(--ot-primary) !important;
}

.text-secondary {
  color: var(--ot-tertiary-title) !important;
}

.text-tertiary {
  color: var(--ot-tertiary) !important;
}

.text-success {
  color: #0caf60 !important;
}

.text-danger {
  color: #d22d3d !important;
}

.text-info {
  color: #717171 !important;
}

.text-light {
  color: #e6edef !important;
}

.text-dark {
  color: #2c323f !important;
}

.text-white {
  color: var(--white) !important;
}

.text-warning {
  color: #e2c636 !important;
}

.text-title {
  color: var(--ot-primary-title) !important;
}

.text-orange {
  color: orange !important;
}

.text-primary-paragraph {
  color: var(--ot-primary-paragraph) !important;
}

.text-secondary-paragraph {
  color: var(--ot-secondary-paragraph) !important;
}

.text-tertiary-paragraph {
  color: var(--ot-tertiary-paragraph) !important;
}

/*------------------------------------------------------------------
    03. Custom Padding & Margin Utilities
--------------------------------------------------------------------*/
/*-- padding --*/
.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;
}

/*-- padding --*/
.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;
}

/*-- padding --*/
.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;
}

/*-- padding PX padding-left & padding-right --*/
.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;
}

/*-- padding PX padding-left & padding-right --*/
.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;
}

/*-- Margin Padding --*/
.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;
}

/*-- Margin Padding  0 --*/
.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;
}

/*------------------------------------------------------------------
    04. Common Default Style
--------------------------------------------------------------------*/
* {
  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(--ot-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(--ot-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(243, 245, 246, 0.6784313725);
  font-size: 14px;
  font-weight: 500;
  padding: 6px 10px;
  background-color: #f0f0f0;
  border-radius: 4px;
  color: var(--ot-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: 0 3px 12px rgba(45, 23, 191, 0.09);
          box-shadow: 0 3px 12px rgba(45, 23, 191, 0.09);
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--ot-primary);
  background-color: inherit;
}

.label-title {
  color: var(--ot-primary-title);
  text-transform: capitalize;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.paragraph-color-one {
  color: var(--ot-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(--ot-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(--ot-primary);
  text-decoration: none;
}

a:focus,
a:active,
a:hover {
  color: var(--ot-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%, #f5f5f5), color-stop(50%, #e6e6e6));
  background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
  background-size: 38px 34px;
  border: 1px solid #d4d4d4;
  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(--ot-primary-border);
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--ot-primary);
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
}

.daterangepicker {
  background-color: var(--white);
  border: 1px solid var(--ot-primary-border);
}

.daterangepicker select.yearselect {
  border: 1px solid var(--ot-primary-border);
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--ot-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 #eceff8;
  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(--ot-primary-border) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--ot-primary-border) !important;
}

.border-right {
  border-right: 1px solid var(--ot-primary-border) !important;
}

.border-left {
  border-left: 1px solid var(--ot-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%;
}

/*------------------------------------------------------------------
    05. Height Calculation
--------------------------------------------------------------------*/
.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%;
}

/*------------------------------------------------------------------
    06. Color Theming
--------------------------------------------------------------------*/
.text-primary-hover {
  color: var(--ot-primary-title);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.text-primary-hover:hover {
  color: var(--ot-primary);
}

.text-yellow {
  color: var(--ratting-color);
}

.text-gray {
  color: var(--ot-primary-paragraph);
}

.text-gray2 {
  color: var(--ot-gray-text);
}

.ot-card {
  background-color: #fff;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--ot-primary-border);
}
@media (max-width: 575px) {
  .ot-card {
    padding: 12px;
  }
}

/*------------------------------------------------------------------
    07. Line Clamp
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    08. Max Width
--------------------------------------------------------------------*/
.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: capitalize;
}

.progress-complite {
  background: rgba(12, 175, 96, 0.1);
  color: #0caf60;
}

.progress-incomplete {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}

.progress-running {
  background: rgba(220, 53, 69, 0.1);
  color: #0caf60;
}

.progress-stop {
  background: rgba(var(--ot-tertiary-rgb), 0.1);
  color: var(--ot-tertiary);
}

.page-loader {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  background: #272727;
  background: #ececec;
  z-index: 1000;
}

.page-loader .txt {
  color: #666;
  text-align: center;
  top: 50%;
  position: relative;
  text-transform: uppercase;
  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(39, 39, 39, 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;
}

/*------------------------------------------------------------------
    09. Filter Select
--------------------------------------------------------------------*/
.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(--ot-secondary-border) !important;
}
.fileter-selct .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
  color: var(--ot-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(--ot-primary-title);
  font-size: 12px;
  padding-left: 14px;
  padding-right: 17px;
}

/*------------------------------------------------------------------
    10. Min Width
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    11. Modal Close Button
--------------------------------------------------------------------*/
.btn-close {
  opacity: 1;
  padding: 0 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--ot-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(--ot-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: #cfcfcf 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: #bdbdbd transparent transparent transparent;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #667085 !important;
  border-right: 1px solid #667085 !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%;
}

/*------------------------------------------------------------------
    12. Grid Column 5
--------------------------------------------------------------------*/
.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 .ot-contact-form {
  min-width: 230px;
}

.grid-column-5 .ot-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(--ot-primary);
  color: #fff;
  border: 0;
}

.max-w-80 {
  max-width: 80px;
}

.create-btn {
  background: var(--ot-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;
}

/* Reset CSS */
.o-hidden {
  overflow: hidden;
}

.o-visible {
  overflow: visible;
}

.o-auto {
  overflow: auto;
}

/*------------------------------------------------------------------
    13. Text Size
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    14. Font Weight
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    15. Text Color
--------------------------------------------------------------------*/
.text-primary {
  color: var(--ot-primary) !important;
}

.text-secondary {
  color: var(--ot-secondary) !important;
}

.text-tertiary {
  color: var(--ot-tertiary) !important;
}

.text-success {
  color: #3cc13b !important;
}

.text-success-soft {
  color: #7bdb7b !important;
}

.text-danger {
  color: #ff3030 !important;
}

.text-danger-soft {
  color: #fa5f1c !important;
}

.text-info {
  color: #717171 !important;
}

.text-light {
  color: #e6edef !important;
}

.text-dark {
  color: #2c323f !important;
}

.text-white {
  color: var(--white) !important;
}

.text-warning {
  color: #f28a22 !important;
}

.text-warning-soft {
  color: #f9b775 !important;
}

.text-title {
  color: var(--ot-primary-title) !important;
}

.text-orange {
  color: orange !important;
}

.radius-0 {
  border-radius: 0 !important;
}

.radius-1 {
  border-radius: 1px !important;
}

.radius-2 {
  border-radius: 2px !important;
}

.radius-3 {
  border-radius: 3px !important;
}

.radius-4 {
  border-radius: 4px !important;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-6 {
  border-radius: 6px !important;
}

.radius-7 {
  border-radius: 7px !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-9 {
  border-radius: 9px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-11 {
  border-radius: 11px !important;
}

.radius-12 {
  border-radius: 12px !important;
}

.radius-13 {
  border-radius: 13px !important;
}

.radius-14 {
  border-radius: 14px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-16 {
  border-radius: 16px !important;
}

.radius-17 {
  border-radius: 17px !important;
}

.radius-18 {
  border-radius: 18px !important;
}

.radius-19 {
  border-radius: 19px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

/*------------------------------------------------------------------
    16. Bottom & Right Position
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    17. Gutter
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    18. Height 100 vh
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    19. Width & Height
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    20. Minimum Width & Maximum Width
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    21. Top & Right Position
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    22. Padding & Margin (Part 1)
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    23. Padding & Margin (Part 2)
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    24. Maximum Height
--------------------------------------------------------------------*/
.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;
  }
}

/*------------------------------------------------------------------
    25. Column Count
--------------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------------
    26. Nprogress CSS
--------------------------------------------------------------------*/
#nprogress .bar {
  background: var(--ot-primary) !important;
}

#nprogress .peg {
  -webkit-box-shadow: 0 0 10px var(--ot-primary), 0 0 5px var(--ot-primary) !important;
          box-shadow: 0 0 10px var(--ot-primary), 0 0 5px var(--ot-primary) !important;
}

#nprogress .spinner-icon {
  border-top-color: var(--ot-primary) !important;
  border-left-color: var(--ot-primary) !important;
}

/*------------------------------------------------------------------
    27. Custom Dropdown
--------------------------------------------------------------------*/
.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(--ot-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(--ot-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: #F3F5F6;
}
.customDrop-selected-info .customDrop-icon svg,
.customDrop-selected-info .customDrop-icon i {
  width: 20px;
  height: 20px;
  color: var(--ot-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(--ot-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(--ot-primary-paragraph);
  text-transform: capitalize;
}

.customDrop-menu {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  width: 100%;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px rgba(20, 20, 20, 0.1);
          box-shadow: 0 4px 15px rgba(20, 20, 20, 0.1);
  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(--ot-primary-border);
}
.customDrop-menu .item-title {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  color: #344054;
  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(--ot-primary-paragraph);
  text-transform: capitalize;
}

.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: 10px;
  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: 6px;
  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: #F3F5F6;
}
.customDrop-item .customDrop-item-icon svg,
.customDrop-item .customDrop-item-icon i {
  width: 20px;
  height: 20px;
  color: var(--ot-primary);
}
.customDrop-item:nth-child(1) .customDrop-item-icon {
  color: var(--ot-primary);
}
.customDrop-item:nth-child(2) .customDrop-item-icon {
  color: var(--ot-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(--ot-primary-rgb), 1);
  border-color: rgba(var(--ot-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(--ot-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(--ot-bg-primary);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  visibility: hidden;
}
.checkmark svg,
.checkmark i {
  width: 16px;
  height: 16px;
  color: var(--ot-primary);
}

.line-height-0 {
  line-height: 0 !important;
}

.line-height-1 {
  line-height: 1 !important;
}

/*------------------------------------------------------------------
    28. Badge Variant
--------------------------------------------------------------------*/
.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: 30px;
  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: capitalize;
}
.badge .badge-count {
  font-size: 14px;
}

.badge[status=primary] {
  background-color: rgba(var(--ot-primary-rgb), 0.2);
  color: rgba(var(--ot-primary-rgb), 1);
  border-color: rgba(var(--ot-primary-rgb), 0.1);
}

.badge[status=secondary] {
  background-color: rgba(var(--ot-secondary-rgb), 0.1);
  color: rgba(var(--ot-secondary-rgb), 1);
  border-color: rgba(var(--ot-secondary-rgb), 0.1);
}

.badge[status=tertiary] {
  background-color: rgba(var(--ot-tertiary-rgb), 0.1);
  color: rgba(var(--ot-tertiary-rgb), 1);
  border-color: rgba(var(--ot-tertiary-rgb), 0.1);
}

.badge[status=destructive] {
  background-color: rgba(var(--ot-danger-rgb), 0.1);
  color: rgba(var(--ot-danger-rgb), 1);
  border-color: rgba(var(--ot-danger-rgb), 0.1);
}

.badge[status=success] {
  background-color: rgba(var(--ot-success-rgb), 0.1);
  color: rgba(var(--ot-success-rgb), 1);
  border-color: rgba(var(--ot-success-rgb), 0.1);
}

.badge[status=warning] {
  background-color: rgba(var(--ot-warning-rgb), 0.1);
  color: rgba(var(--ot-warning-rgb), 1);
  border-color: rgba(var(--ot-warning-rgb), 0.1);
}

.badge[status=info] {
  background-color: rgba(var(--ot-info-rgb), 0.1);
  color: rgba(var(--ot-info-rgb), 1);
  border-color: rgba(var(--ot-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);
  }
}

/*------------------------------------------------------------------
    29. Custom Modal Action Buttons
--------------------------------------------------------------------*/
.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(--ot-primary);
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: var(--ot-primary);
  padding: 0 !important;
}
.modal-action-button.maximize {
  background-color: #2CBF44;
}
.modal-action-button.minimize {
  background-color: #FDB23A;
}
.modal-action-button.close {
  background-color: #FD5350;
}
.modal-action-button i,
.modal-action-button svg {
  width: 12px;
  height: 12px;
  color: #fff;
  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: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin: 0;
  min-height: auto;
}
.modal-minimized .modal-header {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 0;
}
.modal-minimized .modal-header:hover {
  background-color: rgba(0, 0, 0, 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(--ot-bg-primary) !important;
}

.bg-secondary {
  background-color: var(--ot-bg-secondary) !important;
}

.bg-primary-soft {
  background-color: rgba(var(--ot-primary-rgb), 0.1) !important;
}

.bg-primary-light {
  background-color: rgba(245, 245, 247, 0.431372549);
}

.bg-body {
  background: var(--body-bg) !important;
}

/*------------------------------------------------------------------
    30. Search Style
--------------------------------------------------------------------*/
.search-style {
  position: relative;
  background-color: #fff;
}
.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(--ot-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(--ot-primary-border);
}
.search-style .search-field::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-paragraph);
}
.search-style .search-field::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-paragraph);
}
.search-style .search-field:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-paragraph);
}
.search-style .search-field::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-paragraph);
}
.search-style .search-field::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-paragraph);
}
.search-style .search-field:focus-visible {
  outline-color: transparent;
}

/*------------------------------------------------------------------
    31. Permission Status
--------------------------------------------------------------------*/
.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: #F8F9FA;
  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(--ot-primary-rgb), 0.1);
  border-bottom: transparent;
}
.permission-wrapper .user-list .user-item.active:hover {
  background-color: rgba(var(--ot-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: #F5F5F5;
}
.permission-wrapper .permission-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.permission-status {
  width: 20px;
  height: 20px;
  background: #F5F5F7;
  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: #2CBF44;
}
.permission-status.no i,
.permission-status.no svg {
  color: #FD5350 !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;
}

/*------------------------------------------------------------------
    32. Icon Size
--------------------------------------------------------------------*/
.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(--ot-secondary-paragraph);
}

/*------------------------------------------------------------------
    33. Custom Edit Content
--------------------------------------------------------------------*/
.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(--ot-primary-title);
  line-height: 1;
}
.custom-edit-content .custom-edit-content-input {
  min-width: 200px;
  height: 35px;
  outline: none !important;
  border: 1px solid var(--ot-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(--ot-primary-paragraph);
  stroke-width: 1.5px;
}
.custom-edit-content .custom-edit-content-icon .ri-check-line {
  color: #2CBF44;
  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%;
}

/*------------------------------------------------------------------
    34. Disabled Section
--------------------------------------------------------------------*/
.disabled-section .ot-contact-form input,
.disabled-section .ot-contact-form select,
.disabled-section .ot-contact-form .select2-container,
.disabled-section .ot-contact-form .select2,
.disabled-section .ot-contact-form textarea {
  background-color: #F6F6F6 !important;
  border-color: #e6e4e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  color: #c7c7c7;
}
.disabled-section .ot-contact-form input::-webkit-input-placeholder, .disabled-section .ot-contact-form select::-webkit-input-placeholder, .disabled-section .ot-contact-form .select2-container::-webkit-input-placeholder, .disabled-section .ot-contact-form .select2::-webkit-input-placeholder, .disabled-section .ot-contact-form textarea::-webkit-input-placeholder {
  color: #c7c7c7 !important;
}
.disabled-section .ot-contact-form input::-moz-placeholder, .disabled-section .ot-contact-form select::-moz-placeholder, .disabled-section .ot-contact-form .select2-container::-moz-placeholder, .disabled-section .ot-contact-form .select2::-moz-placeholder, .disabled-section .ot-contact-form textarea::-moz-placeholder {
  color: #c7c7c7 !important;
}
.disabled-section .ot-contact-form input:-ms-input-placeholder, .disabled-section .ot-contact-form select:-ms-input-placeholder, .disabled-section .ot-contact-form .select2-container:-ms-input-placeholder, .disabled-section .ot-contact-form .select2:-ms-input-placeholder, .disabled-section .ot-contact-form textarea:-ms-input-placeholder {
  color: #c7c7c7 !important;
}
.disabled-section .ot-contact-form input::-ms-input-placeholder, .disabled-section .ot-contact-form select::-ms-input-placeholder, .disabled-section .ot-contact-form .select2-container::-ms-input-placeholder, .disabled-section .ot-contact-form .select2::-ms-input-placeholder, .disabled-section .ot-contact-form textarea::-ms-input-placeholder {
  color: #c7c7c7 !important;
}
.disabled-section .ot-contact-form input::placeholder,
.disabled-section .ot-contact-form select::placeholder,
.disabled-section .ot-contact-form .select2-container::placeholder,
.disabled-section .ot-contact-form .select2::placeholder,
.disabled-section .ot-contact-form textarea::placeholder {
  color: #c7c7c7 !important;
}
.disabled-section .ot-contact-form .select2-container .select2-selection--single .select2-selection__rendered {
  color: #c7c7c7;
}
.disabled-section .ot-contact-form .ot-contact-label {
  color: #c7c7c7;
  pointer-events: none;
  cursor: not-allowed;
}
.disabled-section .ot-contact-form .password-toggle {
  pointer-events: none;
  cursor: not-allowed;
  color: #c7c7c7;
}
.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: #F6F6F6 !important;
  border-color: #e6e4e4 !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;
}

/*------------------------------------------------------------------
    35. HTML Return Content
--------------------------------------------------------------------*/
body .html-return-content p,
body .html-return-content p > span {
  font-family: var(--Inter) !important;
  line-height: 1.6 !important;
  color: var(--ot-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(--Inter) !important;
  color: var(--ot-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(--ot-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: #333;
}
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(--ot-primary-paragraph);
}
body .html-return-content td {
  padding: 5px 10px;
}

.ot-contact-form .ot-input.is-invalid {
  border: 1px solid #dc3545 !important;
}
.ot-contact-form .ot-contact-input.is-invalid {
  border-color: #dc3545;
  border: 1px solid #dc3545 !important;
}

/*------------------------------------------------------------------------------------------------------------------
    Index Of Button Styles
--------------------------------------------------------------------------------------------------------------------

    @Version            : v1.0.0
    @Application Name   : Complete Queue & Token Management System with Kiosk, Counter & Display.
    @Application Author : OnestQ

    01. Fill Button                             08. Primary Soft Button
    02. Fill Soft Button                        09. Dropdown Button
    03. Counter Button                          10. Small Button (btn-sm)
    04. Table Action Button                     11. Extra Small Button (btn-xs)
    05. Border Button (Outline)                 11. Extra Small Button (btn-xs)
    06. Button Focus Styles                     12. Cache Button
    07. Voice Settings Button                  

--------------------------------------------------------------------------------------------------------------------
    End-of Button Styles
--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------
    01. Fill Button
--------------------------------------------------------------------*/
.btn-primary-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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(--ot-primary-rgb), 0.9);
}
.btn-primary-fill:hover {
  background: none;
  border: 1px solid var(--ot-primary-btn);
  color: var(--white);
  background: rgba(var(--ot-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(--ot-primary-btn);
  background: var(--ot-primary-btn);
  color: var(--ot-primary-border);
}
.btn-primary-fill:focus:active {
  border-color: var(--ot-primary-btn);
  background: var(--ot-primary-btn);
  color: var(--white);
}

.btn-secondary-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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(--ot-secondary-btn);
}
.btn-secondary-fill:hover {
  background: none;
  border: 1px solid var(--ot-secondary-btn);
  color: var(--ot-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(--ot-primary-btn);
  background: var(--ot-primary-btn);
  color: var(--ot-primary-border);
}
.btn-secondary-fill:focus:active {
  border-color: var(--ot-primary-btn);
  background: var(--ot-primary-btn);
  color: var(--white);
}

.btn-tertiary-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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(--ot-tertiary-btn);
}
.btn-tertiary-fill:hover {
  background: none;
  border: 1px solid var(--ot-tertiary-btn);
  color: var(--ot-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(--ot-tertiary-btn);
  background: var(--ot-tertiary-btn);
  color: var(--ot-primary-border);
}
.btn-tertiary-fill:focus:active {
  border-color: var(--ot-tertiary-btn);
  background: var(--ot-tertiary-btn);
  color: var(--white);
}

.btn-cancel-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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(--ot-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: capitalize;
  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: #2c323f;
}
.btn-light-fill:focus {
  border-color: #e6edef;
  background: #e6edef;
  color: #2c323f;
}
.btn-light-fill:focus:active {
  border-color: #e6edef;
  background: #e6edef;
  color: #2c323f;
}

.btn-dark-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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: #2c323f;
  background: #2c323f;
  color: var(--ot-primary-border);
}
.btn-dark-fill:focus:active {
  border-color: #2c323f;
  background: #2c323f;
  color: var(--white);
}

.btn-warning-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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: #e2c636;
  background: #e2c636;
  color: var(--ot-primary-border);
}
.btn-warning-fill:focus:active {
  border-color: #e2c636;
  background: #e2c636;
  color: var(--white);
}

.btn-white-fill {
  padding: 9px 14px;
  color: var(--white);
  text-transform: capitalize;
  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(--ot-primary-title);
}
.btn-white-fill:hover {
  background: none;
  border: 1px solid var(--white);
  background: var(--white);
  color: var(--ot-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(--ot-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: capitalize;
  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: #0EC96C;
  color: #fff;
}
.btn-success-fill:hover {
  background: none;
  border: 1px solid #0EC96C;
  background: #0cb460;
  color: #fff;
}
.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: #0EC96C;
  background: #0EC96C;
  color: var(--ot-primary-border);
}
.btn-success-fill:focus:active {
  border-color: #0EC96C;
  background: #0EC96C;
  color: var(--white);
}

/*------------------------------------------------------------------
    02. Fill Soft Button
--------------------------------------------------------------------*/
.btn-primary-soft-fill {
  padding: 9px 14px;
  color: var(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary-rgb), 0.1);
  border-color: rgba(var(--ot-primary-rgb), 0.1);
}
.btn-primary-soft-fill span {
  color: var(--ot-primary);
  line-height: 1;
}
.btn-primary-soft-fill svg {
  stroke: var(--ot-primary);
}
.btn-primary-soft-fill:hover, .btn-primary-soft-fill:focus {
  background: none;
  background: rgba(var(--ot-primary-rgb), 0.2);
  border-color: rgba(var(--ot-primary-rgb), 0.2);
  color: var(--ot-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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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;
}
/*------------------------------------------------------------------
    03. Counter Button
--------------------------------------------------------------------*/
.btn-counter-soft-1 {
  padding: 5px 20px;
  color: var(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary-rgb), 0.1);
  border-color: rgba(var(--ot-primary-rgb), 0.15);
  color: var(--ot-primary);
}
.btn-counter-soft-4:hover, .btn-counter-soft-4:focus {
  background: none;
  background: rgba(var(--ot-primary-rgb), 0.2);
  border-color: rgba(var(--ot-primary-rgb), 0.2);
  color: var(--ot-primary);
}

.btn-counter-soft-5 {
  padding: 5px 20px;
  color: var(--ot-primary);
  text-transform: capitalize;
  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);
}

/*------------------------------------------------------------------
    04. Table Action Button
--------------------------------------------------------------------*/
.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(--ot-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(--ot-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(--ot-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(--ot-primary-rgb), 0.1);
  border: 1px solid rgba(var(--ot-primary-rgb), 0.15);
  color: var(--ot-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(--ot-primary-rgb), 0.2);
  border: 1px solid rgba(var(--ot-primary-rgb), 0.2);
}
.table-action-button .button.hold:hover i,
.table-action-button .button.hold:hover svg {
  color: var(--ot-primary);
}

/*------------------------------------------------------------------
    05. Border Button (Outline)
--------------------------------------------------------------------*/
.btn-primary-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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(--ot-primary-btn);
  border: 1px solid var(--ot-primary-btn);
}
.btn-primary-outline:hover, .btn-primary-outline:focus {
  color: var(--white);
  border: 1px solid var(--ot-primary-btn) !important;
  background: var(--ot-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(--ot-primary-btn);
  background: var(--ot-primary-btn);
  color: var(--white);
}

.btn-secondary-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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(--ot-primary-paragraph);
  border: 1px solid var(--ot-primary-border);
}
.btn-secondary-outline:hover, .btn-secondary-outline:focus {
  color: var(--white);
  border: 1px solid var(--ot-primary-btn) !important;
  background: var(--ot-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: --ot-primary-border;
  background: --ot-primary-border;
  color: var(--white);
}

.btn-tertiary-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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(--ot-tertiary-btn);
  border: 1px solid var(--ot-tertiary-btn);
}
.btn-tertiary-outline:hover, .btn-tertiary-outline:focus {
  color: var(--white);
  border: 1px solid var(--ot-tertiary-btn);
  background: var(--ot-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: --ot-tertiary-btn;
  background: --ot-tertiary-btn;
  color: var(--white);
}

.btn-cancel-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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: capitalize;
  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: #2c323f;
}
.btn-light-outline:focus:active {
  border-color: #e6edef;
  background: #e6edef;
  color: #2c323f;
}

.btn-dark-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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: #2c323f;
  background: #2c323f;
  color: var(--white);
}

.btn-warning-outline {
  padding: 9px 14px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  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: #e2c636;
  background: #e2c636;
  color: var(--white);
}

/*------------------------------------------------------------------
    07. Button Focus Styles
--------------------------------------------------------------------*/
.btn.focus,
.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*------------------------------------------------------------------
    08. Primary Soft Button
--------------------------------------------------------------------*/
.primary-soft-btn {
  color: #7976fb;
  background-color: rgba(121, 118, 251, 0.1);
  border: 0;
}
.primary-soft-btn:hover {
  color: #7976fb;
  background-color: rgba(121, 118, 251, 0.1);
  border: 0;
}

/*------------------------------------------------------------------
    09. Dropdown Button
--------------------------------------------------------------------*/
.btn-dropdown {
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 50px;
  color: var(--ot-primary-paragraph);
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}
.btn-dropdown:hover {
  color: var(--ot-primary);
}

/*------------------------------------------------------------------
    10. Small Button (btn-sm)
--------------------------------------------------------------------*/
.btn-sm {
  padding: 9px 10px;
  background: rgba(var(--ot-primary-rgb), 0.1);
  color: var(--ot-primary);
  text-transform: capitalize;
  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;
}

/*------------------------------------------------------------------
    11. Extra Small Button (btn-xs)
--------------------------------------------------------------------*/
.btn-xs {
  padding: 3px 10px;
  background: rgba(var(--ot-primary-rgb), 0.1);
  font-size: 12px;
  height: 28px;
}
.btn-xs i,
.btn-xs svg {
  font-size: 16px;
  width: 16px;
  line-height: 1;
}

/*------------------------------------------------------------------
    12. Cache Button
--------------------------------------------------------------------*/
.cache-btn {
  padding: 5px 9px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  background: none;
  color: var(--ot-primary);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(var(--ot-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;
}

/*------------------------------------------------------------------
    13. Voice Settings Button
--------------------------------------------------------------------*/
.voice-settings-btn {
  height: 38px;
  min-width: 151px;
  padding: 2px 3px;
}

/*---------------------------------------------
    Animated
-----------------------------------------------*/
.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 */
.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;
  /* animation-timing-function: linear; */
  -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(--ot-primary-rgb), 0.9);
  width: 8px;
  height: 8px;
  border: 1px solid rgba(var(--ot-primary-rgb), 0.1);
  border-radius: 50%;
  z-index: 1;
}
.live::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(var(--ot-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(--ot-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(--ot-primary-rgb), 0);
  }
}

/*------------------------------------------------------------------
    Bootstrap Tooltip Custom
--------------------------------------------------------------------*/
:root {
  --tooltip-color: #6049e7;
}

.color-tooltip > .tooltip-inner, .color-tooltip.tooltip .tooltip-inner {
  background-color: var(--tooltip-color, #563d7c) !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, #563d7c) !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, #563d7c) !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, #563d7c) !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, #563d7c) !important;
}
.color-tooltip.tooltip.top .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--tooltip-color, #563d7c) !important;
}
.color-tooltip.tooltip.bottom .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--tooltip-color, #563d7c) !important;
}
.color-tooltip.tooltip.left .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--tooltip-color, #563d7c) !important;
}
.color-tooltip.tooltip.right .tooltip-arrow::before, .color-tooltip.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--tooltip-color, #563d7c) !important;
}

/*------------------------------------------------------------------
    Select2 Styles
--------------------------------------------------------------------*/
.select2-selection {
  border-color: var(--ot-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: capitalize;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
  font-weight: 600;
  color: var(--ot-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(--ot-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: #cfcfcf 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(--ot-primary);
  color: var(--ot-primary-border);
}

.select2-dropdown {
  border-color: #eaecf0;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
}

.select2-dropdown {
  z-index: 10060 !important; /*1051;*/
}

.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: 6px;
  padding-right: 15px;
}

.select2-container .select2-selection--single:hover,
.select2-container.select2-container--open .select2-selection--single:hover {
  border: 1px solid var(--ot-primary) !important;
}

#select2-language-change-container:hover {
  color: var(--ot-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: capitalize;
  font-size: 12px;
}

.selection--single .select2-selection__rendered {
  color: #dde1ff;
  line-height: 40px;
}

.select2-selection.select2-selection--multiple {
  border-color: var(--ot-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(--ot-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
--------------------------------------------------------------------*/
.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(--ot-primary-paragraph);
  text-transform: capitalize;
}
.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
--------------------------------------------------------------------*/
.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(--ot-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(--ot-primary-paragraph);
  display: block;
  padding: 12px 15px 11px;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  border-bottom: 1px solid var(--ot-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: #fff;
  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(--ot-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(--ot-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: 6px;
  -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(--ot-secondary-paragraph);
}

.header .header-search .search-field::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-secondary-paragraph);
}

.header .header-search .search-field:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-secondary-paragraph);
}

.header .header-search .search-field::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-secondary-paragraph);
}

.header .header-search .search-field::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-secondary-paragraph);
}

.header .header-search .search-field:focus-visible {
  outline-color: #eef0ff;
}

.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(--ot-primary-border);
  display: inline-block;
  position: absolute;
  right: -16px;
  z-index: 11;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*------------------------------------------------------------------
    Header Right
--------------------------------------------------------------------*/
.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(--ot-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(--ot-primary-paragraph);
  width: 16px;
  height: 16px;
  line-height: 1;
}
.header-right .item:hover > a > span {
  color: var(--ot-primary) !important;
}
.header-right .item:hover > a > .icon i, .header-right .item:hover > a > .icon svg {
  color: var(--ot-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: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}

.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
--------------------------------------------------------------------*/
.custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: 270px;
  background: #fff;
  border: 1px solid var(--ot-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: #fff;
  border-left: 1px solid var(--ot-primary-border);
  border-top: 1px solid var(--ot-primary-border);
}
.custom-dropdown-menu {
  /* Grid Items */
}
.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(--ot-primary-border);
  background: #F9FAFB;
  text-decoration: none;
  text-transform: capitalize;
  -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(--ot-primary-paragraph);
}
.custom-dropdown-menu .custom-menu-grid .custom-menu-item .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: var(--ot-primary-title);
}
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover {
  background: #EEF2FF;
  border-color: rgba(var(--ot-primary-rgb), 0.35);
  color: var(--ot-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(--ot-primary);
}
.custom-dropdown-menu .custom-menu-grid .custom-menu-item:hover .title {
  color: var(--ot-primary);
}
.custom-dropdown-menu {
  /* List Items */
}
.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: #F9FAFB;
  text-decoration: none;
  text-transform: capitalize;
  -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(--ot-primary-paragraph);
}
.custom-dropdown-menu .custom-menu-list .custom-menu-item .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: var(--ot-primary-title);
}
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover {
  background: #EEF2FF;
  border-color: rgba(var(--ot-primary-rgb), 0.35);
  color: var(--ot-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(--ot-primary);
}
.custom-dropdown-menu .custom-menu-list .custom-menu-item:hover .title {
  color: var(--ot-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: #F9FAFB;
  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(--ot-primary-border);
  margin: 0 auto;
}
.custom-dropdown-menu .custom-menu-list.notification-listing .list .icon {
  border-radius: 8px;
  border: 1px solid var(--ot-primary-border);
  background-color: #F9FAFB;
  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(--ot-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: capitalize;
  color: var(--ot-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(--ot-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(--ot-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: capitalize;
  color: var(--ot-primary-title);
}
.custom-dropdown-menu .custom-menu-list.notification-listing .list:hover {
  background-color: #EEF2FF;
  border-color: rgba(var(--ot-primary-rgb), 0.35);
  color: var(--ot-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(--ot-primary);
}
.custom-dropdown-menu .custom-menu-list.notification-listing .list:hover .title {
  color: var(--ot-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;
}

/*------------------------------------------------------------------
    Mobile Menu Footer - SCSS Format
--------------------------------------------------------------------*/
.footer-mobile-wrapper {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
          box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
  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(--ot-primary-paragraph);
  text-align: center;
  gap: 4px;
}
.footer-mobile-wrapper .listing .single-list a.active {
  color: var(--ot-primary);
  position: relative;
}
.footer-mobile-wrapper .listing .single-list a.active .title {
  color: var(--ot-primary-text);
  display: block;
}
.footer-mobile-wrapper .listing .single-list a.active svg {
  color: var(--ot-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(--ot-primary);
  border-radius: 2px;
}
.footer-mobile-wrapper .listing .single-list a .title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  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: #ff0000;
  color: #fff !important;
  width: 16px !important;
  height: 16px;
  border-radius: 50%;
  display: block !important;
  top: -7px;
  right: -4px;
  line-height: 16px !important;
  font-size: 10px !important;
}

/*------------------------------------------------------------------
    Footer Styles
--------------------------------------------------------------------*/
#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(--ot-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(--ot-primary-border);
  }
}

/*------------------------------------------------------------------
    Sidebar Styles
--------------------------------------------------------------------*/
.sidebar {
  position: fixed;
  background: #fff;
  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(--ot-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(--ot-primary);
  color: #fff;
  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: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  line-height: 1;
}
.sidebar .close-sidebar:hover {
  background: #FD5350;
}
.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(--ot-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(--ot-primary-paragraph);
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: rgba(149, 157, 165, 0.1) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.1) 0 8px 24px;
}
.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(--ot-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(--ot-primary);
}
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active {
  background: var(--ot-primary);
  color: #fff;
}
.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: #fff;
}
.sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active::before {
  background: var(--ot-primary);
  height: 42px;
}

/*------------------------------------------------------------------
    Sidebar Menu Listing
--------------------------------------------------------------------*/
.sidebar-menu-listing .menu-listing .menu-item .single {
  padding: 6px 9px;
  border-radius: 4px;
  line-height: 1;
  color: var(--ot-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(--ot-bg-primary);
  color: var(--ot-primary-title);
}
.sidebar-menu-listing .menu-listing .menu-item .single.active {
  background: rgba(var(--ot-primary-rgb), 0.1);
  color: var(--ot-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(--ot-primary-border);
  border-right: 1px solid var(--ot-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 rgb(231, 231, 231);
  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: #534aba;
  background-color: rgba(83, 74, 186, 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: #ef746d;
  background-color: rgba(239, 116, 109, 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: #0caf60;
  background-color: rgba(12, 175, 96, 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: #003dd9;
  background-color: rgba(0, 61, 217, 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: #fa5f1c;
  background-color: rgba(255, 193, 7, 0.1);
}

.card-color-six .icon {
  color: var(--soft-four);
  background-color: rgba(var(--soft-four-rgb), 0.1);
}

.progress-up {
  color: #0caf60 !important;
}

.progress-down {
  color: #fa5f1c !important;
}

.summary-card {
  padding: 22px;
  border-radius: 4px;
  background: var(--white);
  border: 1px solid var(--ot-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: 6px;
  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(--ot-primary-title);
}
.summary-card .content .description {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  font-weight: 500;
}

.summary .summary-card:nth-child(1) {
  background-color: rgba(var(--ot-primary-rgb), 0.05);
  border-color: rgba(var(--ot-primary-rgb), 0.2);
}
.summary .summary-card:nth-child(1) .icon {
  background: rgba(var(--ot-primary-rgb), 1);
}
.summary .summary-card:nth-child(1) .icon i,
.summary .summary-card:nth-child(1) .icon svg {
  color: #fff;
}
.summary .summary-card:nth-child(1) .content .title {
  color: var(--ot-primary);
}
.summary .summary-card:nth-child(2) {
  background-color: rgba(242, 138, 34, 0.05);
  border-color: rgba(242, 138, 34, 0.2);
}
.summary .summary-card:nth-child(2) .icon {
  background: rgb(242, 138, 34);
}
.summary .summary-card:nth-child(2) .icon i,
.summary .summary-card:nth-child(2) .icon svg {
  color: #fff;
}
.summary .summary-card:nth-child(2) .content .title {
  color: rgb(242, 138, 34);
}
.summary .summary-card:nth-child(3) {
  background-color: rgba(13, 196, 105, 0.05);
  border-color: rgba(13, 196, 105, 0.2);
}
.summary .summary-card:nth-child(3) .icon {
  background: #0dc469;
}
.summary .summary-card:nth-child(3) .icon i,
.summary .summary-card:nth-child(3) .icon svg {
  color: #fff;
}
.summary .summary-card:nth-child(3) .content .title {
  color: #0dc469;
}
.summary .summary-card:nth-child(4) {
  background-color: rgba(220, 53, 69, 0.05);
  border-color: rgba(220, 53, 69, 0.2);
}
.summary .summary-card:nth-child(4) .icon {
  background: rgb(175, 82, 222);
}
.summary .summary-card:nth-child(4) .icon i,
.summary .summary-card:nth-child(4) .icon svg {
  color: #fff;
}
.summary .summary-card:nth-child(4) .content .title {
  color: rgb(175, 82, 222);
}
.summary .summary-card:nth-child(5) {
  background-color: rgba(23, 162, 184, 0.05);
  border-color: rgba(23, 162, 184, 0.2);
}
.summary .summary-card:nth-child(5) .icon {
  background: rgb(23, 162, 184);
}
.summary .summary-card:nth-child(5) .icon i,
.summary .summary-card:nth-child(5) .icon svg {
  color: #fff;
}
.summary .summary-card:nth-child(5) .content .title {
  color: rgba(var(--ot-info-rgb), 1);
}

.single-dashboard-card {
  padding: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px;
  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: 6px;
  font-size: 26px;
}
.single-dashboard-card .cat-caption .pera {
  font-size: 16px;
  margin-bottom: 5px;
  color: var(--ot-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(--ot-primary-title);
  text-transform: capitalize;
  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: capitalize;
}

.single-card-two {
  padding: 20px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--ot-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: 6px;
  font-size: 26px;
}
.single-card-two .cat-caption .pera {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--ot-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: capitalize;
  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(--ot-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: #fa5f1c;
}
.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: #0caf60;
}
.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: #fa5f1c;
}
.ot-cart2 {
  -webkit-box-shadow: var(--theme-shadow);
          box-shadow: var(--theme-shadow);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid var(--ot-primary-border);
}

.single-card-three {
  padding: 20px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--ot-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: 6px;
  font-size: 26px;
  color: #0caf60;
  background-color: rgba(12, 175, 96, 0.06);
}
.single-card-three .cat-caption .pera {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--ot-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: #0caf60;
  text-transform: capitalize;
  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: capitalize;
}

.card-style-one {
  border: 1px solid var(--ot-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: #fff;
  -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(--ot-primary-title);
  font-size: 14px;
  text-transform: capitalize;
}
.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(--ot-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(--ot-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(--ot-primary-border);
  background: #fff;
  gap: 6px;
}
.card-style-one .settings-icon-btn:hover {
  background: var(--ot-primary);
  border: 1px solid transparent;
}
.card-style-one .settings-icon-btn:hover span {
  color: #fff;
}
.card-style-one .settings-icon-btn:hover svg {
  color: #fff;
}
.card-style-one .settings-icon-btn svg {
  width: 18px;
  height: 18px;
  color: var(--ot-primary-paragraph);
}

.card-style-two {
  border: 1px solid var(--ot-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: #fff;
  height: 100%;
  max-height: 456px;
}
.card-style-two:hover {
  border-color: rgba(var(--ot-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(--ot-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(--ot-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;
}

/*------------------------------------------------------------------------------------------------------------------
    Index Of Section Styles
--------------------------------------------------------------------------------------------------------------------

    @Version            : v1.0.0
    @Application Name   : Complete Queue & Token Management System with Kiosk, Counter & Display.
    @Application Author : OnestQ


    01. Utility Classes                         07. Select2 Styles
    02. Notification & Badges                   08. Media Query Styles (Responsive)
    03. Input & Search Components               09. Reply Message AI
    04. Dropdown Styles                         10. Copy Text
    05. User Avatar in Table                    11. Tagify Custom Styles
    06. Datepicker                              12. Pagination

--------------------------------------------------------------------------------------------------------------------
    End-of Section Styles
--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------
    01. Utility Classes
--------------------------------------------------------------------*/
@media (min-width: 1400px) and (max-width: 1700px) {
  .hide-large-device {
    display: none !important;
  }
}

.horizontal-separator {
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
}

.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;
  }
}

/*------------------------------------------------------------------
    02. Notification & Badges
--------------------------------------------------------------------*/
.notification-badge {
  position: absolute;
  top: -12px;
  left: 8px;
  background: rgba(var(--ot-primary-rgb), 0.3);
  color: var(--ot-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: #b2bec3;
}

textarea::-moz-placeholder {
  font-family: var(--heading-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

textarea:-ms-input-placeholder {
  font-family: var(--heading-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

textarea::-ms-input-placeholder {
  font-family: var(--heading-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

textarea::placeholder {
  font-family: var(--heading-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

/*------------------------------------------------------------------
    03. Input & Search Components
--------------------------------------------------------------------*/
.button-group {
  border-color: var(--ot-primary-title) !important;
}

.button-group:hover {
  background-color: rgba(161, 169, 255, 0.2039215686) !important;
  border-color: var(--ot-primary) !important;
}

a:hover {
  color: var(--ot-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(--ot-bg-table-tbody);
  color: var(--ot-primary-title);
  -webkit-transition: 1s;
  transition: 1s;
}

input[type=file]::file-selector-button {
  background: var(--ot-bg-table-tbody);
  color: var(--ot-primary-title);
  -webkit-transition: 1s;
  transition: 1s;
}

input[type=file]::-ms-browse:hover {
  background: var(--ot-bg-table-tbody);
  color: var(--ot-primary-title);
}

input[type=file]::-webkit-file-upload-button:hover {
  background: var(--ot-bg-table-tbody) !important;
  color: var(--ot-primary-title);
}

input[type=file]::file-selector-button:hover {
  background: var(--ot-bg-table-tbody) !important;
  color: var(--ot-primary-title);
}

input[type=file]::-webkit-file-upload-button {
  background: var(--ot-bg-table-tbody);
  color: var(--ot-primary-title);
}

.select2-container--default .select2-results__option--selected {
  color: var(--ot-primary-title) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--ot-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(--ot-primary-border) !important;
  color: var(--ot-primary-title) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--ot-primary-border) !important;
  color: var(--ot-primary-title) !important;
  background-color: var(--white) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  border: 1px solid var(--ot-primary-border) !important;
  color: var(--ot-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: #6f767e;
  background: transparent;
  text-transform: capitalize;
}

/*------------------------------------------------------------------
    04. Dropdown Styles
--------------------------------------------------------------------*/
.primary_dropdown {
  background: var(--ot-bg-secondary);
  border: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 12px;
  margin-top: 0;
  color: var(--ot-primary-title);
  min-width: 180px;
}
.primary_dropdown .list_item {
  color: var(--ot-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(--ot-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: capitalize;
  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(--ot-primary-paragraph);
  stroke-width: 1.8;
}
.primary_dropdown .list_item .dropdown-item i {
  font-size: 20px;
  color: var(--ot-primary-paragraph);
}
.primary_dropdown .list_item .dropdown-item:hover {
  color: var(--ot-primary-paragraph);
}

.ot-visit-chart p {
  line-height: 22px;
}

.dropdown-designation .form-control {
  background-color: var(--ot-bg-primary) !important;
  border: 1px solid #f0eeee !important;
  outline: none !important;
  color: var(--ot-primary-title) !important;
}

.dropdown-designation .form-control::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

.dropdown-designation .form-control::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

.dropdown-designation .form-control:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

.dropdown-designation .form-control::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

.dropdown-designation .form-control::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #b2bec3;
}

.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 #e9e9ef;
}

.user_roles_border {
  border-right: none;
}

.user_roles_permission {
  border-left: none;
}

/*------------------------------------------------------------------
    05. User Avatar in Table
--------------------------------------------------------------------*/
.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%;
}

.ot-input-image-preview {
  max-width: 100px !important;
}

.ot-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;
}

.ot-charts .card .card-header h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: var(--ot-primary-title);
}

.ot-charts .card .card-header h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: var(--ot-primary-title);
}

.submit-button-only-border {
  background: transparent;
  border: 1px solid var(--ot-primary);
  color: var(--ot-primary);
}

.submit-button-only-border:hover {
  background: var(--ot-primary);
  color: var(--white);
  border: 1px solid transparent;
}

/*------------------------------------------------------------------
    06. Datepicker
--------------------------------------------------------------------*/
.ot__datePicker {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ot__datePicker .datepicker {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 100%;
  padding: 0;
}

.ot__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(--ot-primary) !important;
}

.ot__datePicker .datepicker--day-name {
  font-size: 20px;
  color: #afafaf;
}

.ot__datePicker .datepicker--nav-title {
  border-radius: 0;
  padding: 0;
  font-size: 20px;
  color: #3b3b3b;
}

.ot__datePicker .datepicker--nav-title i {
  color: #3b3b3b;
}

.ot__datePicker .datepicker--day-name {
  font-size: 16px;
  color: #6f767e;
  font-weight: 400;
  text-transform: capitalize;
}

.ot__datePicker .datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #afafaf;
}

.ot__datePicker .datepicker--nav {
  border-radius: 0;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 0 0 15px 0;
  margin-bottom: 13px;
}

.ot__datePicker .datepicker--cell.-current- {
  color: var(--white);
  border-color: var(--ot-primary);
  background-color: var(--ot-primary);
  background: var(--ot-primary) !important;
}

.ot__datePicker .datepicker--cell.-selected-.-focus- {
  background-color: rgba(15, 106, 255, 0.8);
}

.ot__datePicker .datepicker--cell-day {
  width: 14.28571%;
  height: 45px;
}

.ot_heightFull {
  height: calc(100% - 24px);
}

.profile-content .profile-menu-body .nav-link::before {
  content: "";
  position: absolute;
  right: -3px;
  top: 0;
  background: var(--ot-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: #415094;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 20px;
  outline: none !important;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  border: 0;
  border-radius: 5px;
  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;
}

/*------------------------------------------------------------------
    08. Media Query Styles (Responsive)
--------------------------------------------------------------------*/
@media (max-width: 991.98px) {
  .ot__datePicker .datepicker--nav-title {
    font-size: 16px;
  }
}
.table_height_450 {
  max-height: 450px;
}

.ot-pagination {
  grid-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ot-pagination .page-item {
  margin: 0;
}

.ot-pagination .pagination .page-item {
  margin-right: 0;
}

.ot-pagination .pagination {
  margin: 0;
  grid-gap: 10px;
}

.serch-sagetion {
  max-height: 350px;
  overflow: auto;
}

.cart-two .cartCaption {
  position: relative;
  z-index: 1223;
}

/*------------------------------------------------------------------
    07. Select2 Styles
--------------------------------------------------------------------*/
.select2-container.custom-container {
  width: 200px !important;
}

.custom-container .select2-selection--single {
  min-height: 40px !important;
  border: 1px solid #21c6fb !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: #21c6fb;
}

.custom-container .select2-selection--single .select2-selection__arrow {
  right: unset !important;
}

.select2-container .custom-container .select2-selection--single {
  border: 1px solid #21c6fb !important;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.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 .ot-checkmark {
  background: var(--ot-primary);
  border: var(--ot-primary);
}

.ot-textarea {
  margin-top: 0;
  height: auto !important;
  border: 1px solid var(--ot-primary-border);
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-primary-title);
  line-height: 1.5;
  resize: vertical;
  width: 100%;
}
.ot-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(--ot-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: #f7f7f7;
  background: #f7f7f7;
  line-height: 18px;
}

.tagify--outside .tagify__input {
  background: none !important;
  color: var(--ot-primary-title);
  height: 49px;
  width: 100%;
  font-size: 16px;
  padding: 11px 14px 15px 14px;
  border-radius: 8px;
  border: 1px solid var(--ot-primary-border) !important;
}

.theme_dropdown .btn {
  width: 40px;
  height: 40px;
  border: 1px solid var(--ot-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(--ot-primary-title);
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--ot-primary-title) !important;
  text-decoration: none;
  background: none;
}

.theme_dropdown .theme_list {
  font-size: 14px;
  text-transform: capitalize;
  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: 0 0 50px 0 rgba(82, 63, 105, 0.15);
          box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  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(--ot-primary-border) !important;
  color: var(--ot-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: #f4f6fa !important;
  color: var(--ot-primary) !important;
}

.select2-results__option--selectable {
  font-size: 14px;
  font-weight: 500;
  color: #687083;
  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: capitalize;
  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: #bdbdbd transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #b3b3b3 transparent;
}

.page-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.text-primary {
  color: var(--ot-primary);
}

.text-paragraph {
  color: var(--ot-primary-paragraph);
}

.list-group .list-group-item .title {
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--ot-primary-title);
}

.swal2-popup.swal2-toast {
  width: auto;
}

.swal2-popup {
  width: auto !important;
}

/*------------------------------------------------------------------
    09. Reply Message AI
--------------------------------------------------------------------*/
.ai-reply-message {
  margin-left: 25px;
}

.ai-reply-message .ai-message-list .ai-reply {
  border-radius: 0 5px 15px 5px;
  padding: 3px 12px 6px 12px;
  float: left;
  margin-bottom: 15px;
  font-size: 16px;
  color: var(--body_text);
  background: rgba(212, 212, 212, 0.8392156863);
  margin-right: 35px;
  position: relative;
}

/*------------------------------------------------------------------
    10. Copy Text
--------------------------------------------------------------------*/
#copy-btn {
  background: none;
  border: 0;
  color: #a4a2a2;
  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: #007bff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#toast-container .toast-success {
  background-color: #60c160 !important;
}

#toast-container .toast-error {
  background-color: #da4932 !important;
}

#toast-container .toast-info {
  background-color: #4d90fd !important;
}

#toast-container .toast-warning {
  background-color: #f69703 !important;
}

#toast-container .toast-message {
  font-size: 13px;
}

.swal2-container.swal2-center > .swal2-popup {
  border-radius: 8px;
}

.lead-creator {
  font-weight: 500;
  color: var(--ot-primary-title);
}

.text-normal {
  white-space: normal !important;
  max-width: 200px !important;
}

._lead_nav {
  text-transform: capitalize;
}

.client_box .client_title {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.table thead {
  background-color: #f3f2f7;
}

.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 #d9d9db;
  border-radius: 50%;
  border-top: 2px solid var(--ot-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: 5px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
          box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  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: 5px;
}

.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(--ot-primary);
}

.bootstrap-select.form-control,
.form-control,
.input-group-text {
  background-color: #fdfdff;
  border-color: #e4e6fc;
}

.dataTables_length .btn-default {
  padding: 0.27rem 0.75rem;
  padding-right: 25px;
}

.mce-panel {
  border: 1px solid #e4e6fc;
  border-radius: 5px;
}

.daterangepicker .custom-range-buttons button.apply-btn,
.daterangepicker .custom-range-buttons button.apply-btn:hover {
  background: var(--ot-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(--ot-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 #000;
  width: 50%;
}

th span.number-in-words {
  text-transform: uppercase;
}

@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: 5px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
          box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

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 #e4e6fc;
  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(--ot-primary);
  border-radius: 5px;
  color: var(--ot-primary);
}

nav.navbar a.menu-btn:hover {
  background: var(--ot-primary);
  border: 1px solid var(--ot-primary);
  color: var(--white);
}

.navbar-brand {
  padding: 0;
}

.role-permisssion-control tr {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #e1e3ea;
}

.brand-text h3 {
  color: var(--ot-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: #ff7588;
  border: none;
}

.buttons-csv {
  background: #ffc107;
  border: none;
}

.buttons-print {
  background: #2196f3;
  border: none;
}

.buttons-delete {
  background: #eb543a;
  border: none;
}

.buttons-collection {
  background: var(--ot-primary);
  border: none;
}

/*------------------------------------------------------------------
    11. Tagify Custom Styles
--------------------------------------------------------------------*/
.tagify {
  width: 100%;
  border-color: var(--ot-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: capitalize;
  color: #494e5c;
  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(--ot-primary-title);
}

.tagify__tag__removeBtn {
  font-size: 19px;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 51, 51, 0.1);
  color: rgb(255, 51, 51);
  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: 3px;
  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: rgb(255, 51, 51);
  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(--ot-primary-border) !important;
  background-color: #f5f5f7;
}

.tagify__tag > div {
  padding-left: 0;
  padding: 0;
  color: var(--tag-text-color);
  border-radius: 2px;
}

.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: #f7f7f7;
  background: #f7f7f7;
  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(--ot-primary-border);
  background: var(--white);
  color: var(--ot-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(--ot-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(--ot-primary-border);
}

/*------------------------------------------------------------------
    12. Pagination
--------------------------------------------------------------------*/
.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(--ot-primary-paragraph);
}
.pagination .pagination-list li:last-child .page-number {
  color: var(--ot-primary-paragraph);
}
.pagination .pagination-list li .nav_btn {
  font-size: 14px;
  font-weight: 400;
  color: var(--ot-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(--ot-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(--ot-primary-paragraph);
  border: 1px solid var(--ot-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(--ot-primary);
  color: #fff;
  border-color: var(--ot-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(--ot-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: #ff6767;
  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(--ot-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(--ot-primary-border);
}

.hover-text-primary:not([disabled]):not(.disabled):hover {
  color: var(--ot-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 Styles
--------------------------------------------------------------------*/
.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(--ot-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(--ot-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: #eee;
}
@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(0, 0, 0, 0.6);
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
  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: 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  -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(0, 0, 0, 0.6);
  color: white;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
  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 Card Styles
--------------------------------------------------------------------*/
.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 #fff;
  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(--ot-primary-title);
  font-size: 14px;
  text-transform: capitalize;
}
.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(--ot-primary-text);
  font-weight: 500;
}

/*------------------------------------------------------------------
    Color Make Styles
--------------------------------------------------------------------*/
.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: #e5f5ec;
}
.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: #0caf60;
  background-color: rgba(12, 175, 96, 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: #0caf60;
}

.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(83, 74, 186, 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: #534aba;
  background-color: rgba(83, 74, 186, 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: #534aba;
}

.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(239, 116, 109, 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: #ef746d;
  background-color: rgba(239, 116, 109, 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: #ef746d;
}

.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(0, 61, 217, 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: #003dd9;
  background-color: rgba(0, 61, 217, 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: #003dd9;
}

.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(255, 193, 7, 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: #fa5f1c;
  background-color: rgba(255, 193, 7, 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: #fa5f1c;
}

.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(255, 193, 7, 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(255, 193, 7, 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: #0caf60 !important;
}

.progress-down {
  color: #fa5f1c !important;
}

/*------------------------------------------------------------------
    Card style Two Styles
--------------------------------------------------------------------*/
.profile-single-card {
  padding: 30px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 6px;
}
@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: 6px;
  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: 6px;
  font-size: 23px;
}
.profile-single-card .cat-caption .pera {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--ot-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: capitalize;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 9px;
  line-height: 1;
  color: var(--ot-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;
}

/*------------------------------------------------------------------
    Main Content Styles
--------------------------------------------------------------------*/
#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 Styles
--------------------------------------------------------------------*/
.print-wrapper-box {
  border: 1px solid #ddd;
  max-width: 330px;
  padding: 20px;
  border-radius: 7px;
  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(--ot-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(--ot-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(--ot-primary-rgb), 0.6) !important;
  color: rgba(var(--ot-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;
}

.ot-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(--ot-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(--ot-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: 0 4px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding: 2.5rem;
}

.notification-item {
  background-color: #f8f9fa;
  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: #e0f2f7;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.notification-item:hover {
  border-color: #cce5ff;
  background-color: #e9f5ff;
}

.notification-icon-wrapper {
  background-color: #e0f2f7;
  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: #2196f3;
  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: #6c757d;
  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%;
}

/* The wrapper for relative positioning */
.input-group-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ot-input:focus {
  border-color: var(--ot-primary);
  -webkit-box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
          box-shadow: 0 0 0 3px rgba(79, 70, 229, 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(--ot-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(--ot-primary);
}

.kiosk-main-options {
  width: 100%;
  max-width: 1100px;
}

.kiosk-option {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  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: #fff;
}

.kiosk-option:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.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: uppercase;
  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(0, 0, 0, 0.08);
  white-space: nowrap;
  z-index: 0;
  pointer-events: none;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.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;
}

/*------------------------------------------------------------------
    Custom Modal Styles
--------------------------------------------------------------------*/
.modal-wrapper {
  background-color: #212529;
  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(--ot-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: #fd2f73;
  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(0, 0, 0, 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
--------------------------------------------------------------------*/
.basic_table_header {
  border: 1px solid var(--ot-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(--ot-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(--ot-primary-border);
  border-bottom: 1px solid var(--ot-primary-border);
  padding: 10px 8px;
  color: var(--ot-primary-title);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: capitalize;
}
.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(--ot-primary-paragraph);
  border: none;
  border-right: 1px solid var(--ot-primary-border);
  border-bottom: 1px solid var(--ot-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: #fbfbfb;
  cursor: pointer;
}
.basic-table tbody tr:hover .sticky-column {
  cursor: pointer;
  background-color: #fbfbfb;
}
.basic-table tbody tr.checked-row {
  background-color: #f0eefd;
}
.basic-table tbody tr.checked-row .sticky-column {
  cursor: pointer;
  background-color: #f0eefd;
}
.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(--ot-primary-rgb), 0.05);
}
.basic-table tbody .unread-notification-row .sticky-column {
  background-color: rgba(var(--ot-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(--ot-primary-border);
  margin-bottom: 11px;
}

.table-td-border tbody tr {
  border-bottom: 1px solid var(--ot-primary-border);
}
.table-td-border tbody tr:last-child {
  border-bottom: 0;
}

/*------------------------------------------------------------------
    Print Action Buttons
--------------------------------------------------------------------*/
.print_action_btns .print_action {
  background: #f6f6f6;
  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(--ot-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(--ot-primary-paragraph);
  font-size: 20px;
}
.print_action_btns .print_action svg {
  color: var(--ot-primary-paragraph);
  stroke-width: 1.2px;
  width: 20px;
  height: 20px;
}
.print_action_btns .print_action:hover {
  color: var(--ot-primary);
}
.print_action_btns .print_action:hover i, .print_action_btns .print_action:hover svg {
  color: var(--ot-primary);
}

/*------------------------------------------------------------------
    Permission Table
--------------------------------------------------------------------*/
.permission-table table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.permission-table thead tr {
  background: #f4f4f4;
  font-weight: bold;
}
.permission-table th,
.permission-table td {
  border: 1px solid var(--ot-primary-border);
  padding: 6px 5px;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  color: var(--ot-primary-title);
}
.permission-table tr.section-header {
  background: #f4f4f4;
  font-weight: bold;
  color: var(--ot-primary-title);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.permission-table tr.section-content td {
  font-weight: 500;
  color: var(--ot-primary-paragraph);
  font-size: 14px;
  text-transform: capitalize;
  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: #555;
}
.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(--ot-primary-title);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
  border-bottom: 0;
  border-top: 0;
}

/*------------------------------------------------------------------
   Tables css
--------------------------------------------------------------------*/
.sticky-column {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
}

.table-sticky-column {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
}
.table-sticky-column::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  width: 1px;
  pointer-events: none;
  border-right: 1px solid var(--ot-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(--ot-primary-border);
}

.table-hover-none tbody tr:hover {
  background-color: transparent;
  background-color: transparent;
  cursor: default;
}

/*------------------------------------------------------------------
    Date Picker Styles
--------------------------------------------------------------------*/
.daterangepicker select.monthselect {
  border: 1px solid var(--ot-primary-border);
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--ot-primary);
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
}

.daterangepicker {
  background-color: var(--white);
  border: 1px solid var(--ot-primary-border);
}

.daterangepicker select.yearselect {
  border: 1px solid var(--ot-primary-border);
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--ot-primary);
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
}

.daterangepicker .ranges li.active {
  background-color: var(--ot-primary);
  color: var(--white);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--ot-primary);
}

/*------------------------------------------------------------------
    Select 2 Styles
--------------------------------------------------------------------*/
.ot-contact-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 31px;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--ot-primary-paragraph);
  font-weight: 400;
}

.ot-contact-input.single-date-picker {
  color: var(--ot-primary-paragraph) !important;
}

/*------------------------------------------------------------------
    Custom Input field Styles
--------------------------------------------------------------------*/
.ot-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(--ot-primary-border) !important;
}
.ot-input:focus {
  background-color: transparent;
  border-color: var(--ot-primary);
}

.ot-input:focus-visible,
.ot-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.form-control:focus {
  background-color: unset;
}

.ot-input::-webkit-input-placeholder {
  color: var(--ot-primary-paragraph);
  text-transform: capitalize;
  opacity: 0.4;
}

.ot-input::-moz-placeholder {
  color: var(--ot-primary-paragraph);
  text-transform: capitalize;
  opacity: 0.4;
}

.ot-input:-ms-input-placeholder {
  color: var(--ot-primary-paragraph);
  text-transform: capitalize;
  opacity: 0.4;
}

.ot-input::-ms-input-placeholder {
  color: var(--ot-primary-paragraph);
  text-transform: capitalize;
  opacity: 0.4;
}

.ot-input::placeholder {
  color: var(--ot-primary-paragraph);
  text-transform: capitalize;
  opacity: 0.4;
}

label {
  display: inline-block;
  text-transform: capitalize;
  font-family: var(--body-font);
}

.ot-contact-form .ot-contact-input {
  color: var(--ot-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(--ot-primary-border);
  text-transform: none;
  line-height: 36px;
}
.ot-contact-form .ot-contact-input::-webkit-input-placeholder {
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-contact-form .ot-contact-input::-webkit-input-placeholder, .ot-contact-form .ot-contact-input::-moz-placeholder, .ot-contact-form .ot-contact-input:-ms-input-placeholder, .ot-contact-form .ot-contact-input::-ms-input-placeholder, .ot-contact-form .ot-contact-input::placeholder {
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-contact-form .icon {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #b1b5c3;
  font-size: 20px;
}
.ot-contact-form .ot-contact-textarea {
  color: var(--ot-primary-paragraph);
  width: 100%;
  font-size: 14px;
  padding: 15px 14px;
  position: relative;
  border-radius: 4px;
  background: none;
  border: 1px solid var(--ot-primary-border);
}
.ot-contact-form .ot-contact-textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
}
.ot-contact-form .ot-contact-textarea::-webkit-input-placeholder, .ot-contact-form .ot-contact-textarea::-moz-placeholder, .ot-contact-form .ot-contact-textarea:-ms-input-placeholder, .ot-contact-form .ot-contact-textarea::-ms-input-placeholder, .ot-contact-form .ot-contact-textarea::placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
}
.ot-contact-form .ot-contact-label {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--ot-primary-title);
  margin-bottom: 6px;
}
.ot-contact-form .ot-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(--ot--paragraph);
  border-left: 1px solid var(--ot-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);
}

/*------------------------------------------------------------------
    File uploader Styles
--------------------------------------------------------------------*/
.ot-fileUploader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--ot-primary-border) !important;
  height: 36px;
  border-radius: 4px;
}
.ot-fileUploader input.form-control {
  border: 0 !important;
  border-radius: 3px;
  border: 0;
  height: 36px;
  width: 100%;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  font-size: 14px;
}
.ot-fileUploader input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-fileUploader input::-moz-placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-fileUploader input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-fileUploader input::-ms-input-placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-fileUploader input::placeholder {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
  opacity: 0.4;
}
.ot-fileUploader button {
  background: transparent;
}
.ot-fileUploader .upload-btn {
  background: transparent;
  color: #999999;
  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;
}
.ot-fileUploader .upload-btn i, .ot-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(--ot-primary-title);
}

.modal-header {
  padding: 9px 16px;
  border-bottom: 1px solid var(--ot-primary-border);
  background-color: #F8F9FA;
}

.modal {
  background-color: rgba(255, 255, 255, 0.4);
  background: rgba(105, 120, 160, 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(--ot-primary-title);
  font-weight: 600;
  text-transform: capitalize;
}

.modal-content {
  border: none;
  padding: 0;
}

.modal-content {
  background-color: var(--ot-bg-secondary);
  color: var(--ot-primary-title);
  border: 1px solid var(--ot-primary-border);
}

.modal-body {
  padding: 16px;
}

/*------------------------------------------------------------------
    Box design 3 Styles
--------------------------------------------------------------------*/
.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(--ot-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(--ot-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(--ot-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(--ot-primary-rgb), 0.1);
}
.switch-box3.style-1 label:before {
  content: "";
  position: absolute;
  border: none;
  width: 16px;
  height: 16px;
  background: #fff;
  -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: 30px;
  top: -5px;
  width: calc(100% + 8px);
  left: -4px;
  z-index: 0;
}
.switch-box3.style-1 input:checked + label {
  background: rgba(var(--ot-primary-rgb), 0.1);
}
.switch-box3.style-1 input:checked + label:before {
  left: 17px;
  background: var(--ot-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: #fff;
  -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: 30px;
  top: -5px;
  width: calc(100% + 8px);
  left: -4px;
  z-index: 0;
}
.switch-box3.style-2 input:checked + label {
  background: #4caf50;
}
.switch-box3.style-2 input:checked + label:before {
  left: 12px;
}
.switch-box3.style-3 label {
  background: var(--ot-primary);
}
.switch-box3.style-3 label:before {
  content: "";
  position: absolute;
  border: none;
  width: 19px;
  height: 19px;
  background: #fff;
  -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: 30px;
  top: -5px;
  width: calc(100% + 8px);
  left: -4px;
  z-index: 0;
}
.switch-box3.style-3 input:checked + label {
  background: #4caf50;
}
.switch-box3.style-3 input:checked + label:before {
  left: 12px;
}

/*------------------------------------------------------------------
    Check Wrap Styles
--------------------------------------------------------------------*/
.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(--ot-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(--ot-tertiary-border);
  width: 7px;
  height: 20px;
  top: -10px;
  left: 2px;
  border-radius: 0;
  opacity: 1;
  border-color: var(--ot-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(--ot-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(--ot-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(--ot-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(--ot-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(--ot-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(--ot-primary-title);
  border-radius: 100%;
  -webkit-transition: all ease-out 200ms;
  transition: all ease-out 200ms;
  text-indent: 37px;
  white-space: nowrap;
  color: var(--ot-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 #4bd865;
  border-left: 1px solid #4bd865;
  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 #4bd865;
}
.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(--ot-primary-title);
  border-radius: 0;
  -webkit-transition: all ease-out 200ms;
  transition: all ease-out 200ms;
  text-indent: 30px;
  white-space: nowrap;
  color: var(--ot-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(--ot-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(--ot-primary-border);
  border-radius: 0;
  -webkit-transition: all ease-out 200ms;
  transition: all ease-out 200ms;
  text-indent: 30px;
  white-space: nowrap;
  color: var(--ot-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(--ot-primary-rgb), 0.6);
  border-left: 2px solid rgba(var(--ot-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(--ot-primary-rgb), 0.3);
  background: rgba(var(--ot-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(--ot-primary-border);
  border-radius: 50%;
  -webkit-transition: all ease-out 200ms;
  transition: all ease-out 200ms;
  text-indent: 30px;
  white-space: nowrap;
  color: var(--ot-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(--ot-primary);
  border-left: 2px solid var(--ot-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(--ot-primary-rgb), 0.2);
  color: var(--ot-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(--ot-primary-paragraph);
  font-size: 12px;
  font-weight: 500;
}

/* -------------------------------------------------------------
    Copy Element Functionality
-------------------------------------------------------------- */
.copy-element .copy-element-button {
  font-size: 12px;
  font-weight: 600;
  background: rgba(var(--ot-primary-rgb), 0.1);
  border: 1px solid var(--ot-primary);
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: capitalize;
  background-color: rgba(var(--ot-success-rgb), 0.1);
  color: rgba(var(--ot-success-rgb), 1);
  border-color: rgba(var(--ot-success-rgb), 0.1);
}
.copy-element .copy-element-button:hover {
  background: var(--ot-primary);
  color: var(--white);
}
.copy-element .copy-element-button.copied {
  background: #4caf50;
  border-color: #4caf50;
  color: var(--white);
}

/*------------------------------------------------------------------
    Hidden textarea for copy functionality Styles
--------------------------------------------------------------------*/
.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(--ot-primary-border);
}

.ql-toolbar.ql-snow {
  border: 1px solid var(--ot-primary-border);
  border-radius: 4px 4px 0 0;
}

.ql-container.ql-snow {
  border: 1px solid var(--ot-primary-border);
  border-radius: 0 0 4px 4px;
}

/*------------------------------------------------------------------
  Custom Radio Style
--------------------------------------------------------------------*/
.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(--ot-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 #ddd;
  border-radius: 100%;
  background: #fff;
}
.radio-wrap input[type=radio]:checked + label:after,
.radio-wrap input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--ot-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 Styles
--------------------------------------------------------------------*/
.breadcrumb-btn {
  min-height: 28px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ot-primary-paragraph);
  padding: 0 1px;
  text-transform: capitalize;
  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(--ot-primary);
}
.breadcrumb-btn.active.item::before {
  background: var(--ot-primary);
}

@media (max-width: 991px) {
  .breadcrumb_box_list {
    row-gap: 1px !important;
  }
}

/*------------------------------------------------------------------
    Tab Style One
--------------------------------------------------------------------*/
.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(--ot-primary-paragraph);
  padding: 0 1px;
  text-transform: capitalize;
  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(--ot-primary);
}
.tab-style-one .nav-item .nav-link.active::before {
  background: var(--ot-primary);
}

/*------------------------------------------------------------------
    Border Separator
--------------------------------------------------------------------*/
.border-separator .nav-item:not(:last-child)::after,
.border-separator .item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 18px;
  background: var(--ot-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
--------------------------------------------------------------------*/
.breadcrumb_count {
  background-color: rgba(var(--ot-primary-rgb), 0.1);
  padding: 4px 8px;
  border-radius: 16px;
}
.breadcrumb_count svg, .breadcrumb_count i {
  font-size: 14px;
  color: var(--ot-primary-paragraph);
}
.breadcrumb_count .breadcrumb_count_left {
  line-height: 1;
  position: relative;
}
.breadcrumb_count .breadcrumb_count_left::after {
  content: "/";
  font-size: 15px;
  color: var(--ot-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: #F6F6F6;
  border-radius: 4px;
  padding: 9px 16px;
}

/*------------------------------------------------------------------
    Token Preview Styles
--------------------------------------------------------------------*/
.token-preview-card {
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

.token-preview-receipt {
  border: 2px dashed #c7ced7;
  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(--ot-primary-title);
  margin: 0 0 4px 0;
  letter-spacing: 0.5px;
}

.token-preview-branch {
  font-size: 16px;
  font-weight: 600;
  color: var(--ot-primary-title);
  margin: 0 0 4px 0;
}

.token-preview-address {
  font-size: 11px;
  color: #6b7280;
  margin: 0 0 2px 0;
  line-height: 1.3;
  font-weight: 500;
}

.token-preview-phone {
  font-size: 11px;
  color: #6b7280;
  margin: 0;
  font-weight: 500;
}

.token-preview-divider {
  height: 1px;
  background: repeating-linear-gradient(to right, var(--ot-primary-border) 0px, var(--ot-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(--ot-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(--ot-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(--ot-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(--ot-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(--ot-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 Styles
--------------------------------------------------------------------*/
.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(--ot-primary-rgb), 1);
  color: var(--white);
}
.voice-badge.primary-bg-soft {
  background-color: rgba(var(--ot-primary-rgb), 0.1);
  color: var(--ot-primary);
}

/*------------------------------------------------------------------
    Voice Range Control Styles
--------------------------------------------------------------------*/
.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: capitalize;
}
.voice-range-control .voice-range-value {
  font-size: 14px;
  font-weight: 600;
  color: rgba(var(--ot-primary-title));
}
.voice-range-control::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: var(--range-progress, 50%);
  height: 4px;
  background: rgba(var(--ot-primary-rgb), 1);
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
.voice-range-control .voice-range-input {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  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(--ot-primary-rgb), 0.2);
  border-radius: 2px;
  cursor: pointer;
}
.voice-range-control .voice-range-input::-moz-range-track {
  width: 100%;
  height: 4px;
  background: rgba(var(--ot-primary-rgb), 0.2);
  border-radius: 2px;
  cursor: pointer;
  border: none;
}
.voice-range-control .voice-range-input::-moz-range-progress {
  height: 4px;
  background: rgba(var(--ot-primary-rgb), 1);
  border-radius: 2px;
}
.voice-range-control .voice-range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 4px;
  height: 16px;
  background: rgba(var(--ot-primary-rgb), 1);
  border-radius: 2px;
  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(--ot-primary-rgb), 1);
  border-radius: 2px;
  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;
}

/*------------------------------------------------------------------
    Login Page Styles
--------------------------------------------------------------------*/
.ot-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;
}
.ot-login-area .ot-login-card {
  padding: 37px 32px;
  background: var(--white);
  border-radius: 4px;
}
@media (max-width: 991px) {
  .ot-login-area .ot-login-card {
    padding: 30px;
    max-width: 100%;
  }
}
.ot-login-area .ot-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;
}
.ot-login-area .ot-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;
}
.ot-login-area .ot-login-card .remember-me label small {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--ot-primary-title);
  margin-left: 8px;
}
.ot-login-area .ot-login-card .remember-me .ot-checkbox {
  margin-right: 10px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ot-login-area .ot-login-card .remember-me .ot-checkbox:checked ~ .ot-checkmark {
  background-color: var(--ot-primary);
  border-color: var(--ot-primary);
}
.ot-login-area .ot-login-card .remember-me .ot-checkbox:checked ~ .ot-checkmark::after {
  display: block;
}
.ot-login-area .ot-login-card .remember-me .ot-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1.5px solid #b1b5c4;
  margin-right: 12px;
  border-radius: 50%;
}
.ot-login-area .ot-login-card .remember-me .ot-checkmark::after {
  content: "\eb7b";
  font-family: var(--remix-icon);
  position: absolute;
  left: 0;
  top: -1px;
  color: #fff;
  display: none;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.ot-login-area .ot-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(--ot-tertiary);
}
.ot-login-area .ot-login-card .login-footer .create-account p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--ot-primary-paragraph);
  text-align: center;
  margin-block: 28px;
}
.ot-login-area .ot-login-card .login-footer .create-account p span {
  color: var(--ot-primary);
  font-size: 14px;
  font-weight: 600;
}
.ot-login-area .ot-login-card .login-footer .sign-with p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: var(--ot-primary);
}
.ot-login-area .ot-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) {
  .ot-login-area .ot-login-card .login-footer .sign-with .icon-login-section {
    gap: 20px;
  }
}
.ot-login-area .ot-login-card .login-footer .sign-with .icon-login-section .icon-login a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid var(--ot-primary-border);
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  color: var(--ot-primary-paragraph);
  font-size: 18px;
}
@media (max-width: 575px) {
  .ot-login-area .ot-login-card .login-footer .sign-with .icon-login-section .icon-login a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}
.ot-login-area .ot-login-card .login-footer .sign-with .icon-login-section .icon-login a:hover {
  background: var(--ot-primary);
  border: 1px solid transparent;
  color: #fff;
}
.ot-login-area .terms-condition span {
  color: var(--ot-tertiary);
}
.ot-login-area .login-image img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .ot-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;
}

.ot-login-card {
  background: var(--white);
  padding: 25px 24px;
  border-radius: 4px;
}

.login-title .title {
  font-weight: 700;
  font-size: 32px;
  text-transform: capitalize;
  color: var(--ot-primary-title);
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .login-title .title {
    font-size: 30px;
  }
}
.login-title .pera {
  color: var(--ot-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: #ff991a;
  color: #fff;
  padding: 9px 10px;
  text-transform: capitalize;
  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(--ot-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(--ot-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: 0 4px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  -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(--ot-primary-rgb), 1);
}

/*------------------------------------------------------------------
    Counter Page Styles
--------------------------------------------------------------------*/
@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(--ot-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(--ot-primary-rgb), 0.1);
  z-index: 12;
  background: rgba(255, 255, 255, 0.11);
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  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(--ot-primary);
  text-transform: uppercase;
  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: 6px;
  border: 1px solid var(--ot-primary-border);
  background-color: var(--ot-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: #fff;
  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(--ot-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: #fff;
  margin-bottom: 8px;
  line-height: 1;
}
.counter-wrapper .counter-dashboard .time .serving-time .times {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  line-height: 1;
}
.counter-wrapper .counter-dashboard .token-countdown {
  gap: 60px;
  border-top: 1px solid var(--ot-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(--ot-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: #f6f6f6;
  color: var(--ot-primary);
  padding: 6px 23px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  border: 1px solid var(--ot-primary-border);
}

.counter-list-items {
  border: 1px solid var(--ot-primary-border);
  padding: 10px 10px;
  border-radius: 4px;
}
.counter-list-items .right button {
  background: transparent;
  color: var(--ot-primary);
  font-size: 22px;
  padding: 0;
  line-height: 1;
}

/*------------------------------------------------------------------
    Stop icon
--------------------------------------------------------------------*/
.stop-icon button {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
  color: var(--ot-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(--ot-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(--ot-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(--ot-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 {
  /* Animations */
}
@-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 {
  /* End Animated */
}
.stop-icon button.btn-icon:hover {
  background: var(--ot-primary);
  background: rgba(var(--ot-primary-rgb), 0.2);
  border-color: rgba(var(--ot-primary-rgb), 0.4);
}
.stop-icon button.btn-icon:hover i, .stop-icon button.btn-icon:hover svg {
  color: var(--ot-primary);
}
.stop-icon button.btn-icon.stop {
  background: #fb9135;
}

.counter-buttons button:disabled,
.stop-icon button:disabled,
.transfer-ticket:disabled,
.hold-token:disabled {
  background-color: #e1e1e1;
  border-color: #e1e1e1;
  color: #aeaeae !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: #e1e1e1;
  border-color: #e1e1e1;
  color: #aeaeae !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: #aeaeae !important;
}

.stop-icon button.btn-icon:disabled {
  background-color: #e1e1e1;
  pointer-events: none;
}

.served-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background-color: #fff;
  color: var(--white);
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: capitalize;
}
.served-badge.serving {
  color: var(--ot-primary);
  padding: 2px 7px 2px 20px;
}
.served-badge.served {
  color: #008000;
}
.served-badge.calling {
  color: var(--ot-primary);
}
.served-badge.cancelled {
  color: var(--counter-btn-5) !important;
}
.served-badge.hold {
  color: #ffa500;
}

.tab-button-counter {
  gap: 10px;
}
.tab-button-counter .nav-item .nav-link {
  font-size: 14px;
  font-weight: 500;
  background: #f6f6f6;
  color: var(--ot-primary-title);
  padding: 6px 17px;
  border-radius: 4px;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
  border: 1px solid var(--ot-primary-border);
}
.tab-button-counter .nav-item .nav-link.active {
  background: var(--ot-primary);
  color: var(--white);
  border: 1px solid var(--ot-primary);
}

.spinner-border {
  border: 0.2rem solid var(--ot-primary);
  border-right-color: transparent;
}

.loading-ui {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--body-font);
  text-transform: capitalize;
  color: var(--ot-primary) !important;
}

/*------------------------------------------------------------------
    Circle Loading
--------------------------------------------------------------------*/
.loaderActive {
  background: rgb(233, 238, 242);
  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(0, 0, 0, 0.1);
  border-left-color: #2b5d83;
  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: #fff;
  -webkit-animation: squeeze 3000ms infinite;
          animation: squeeze 3000ms infinite;
}
.loader-spin-active::after {
  background: var(--ot-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(--ot-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: #fff;
  -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(--ot-primary-rgb), 0.5);
  background-color: rgba(var(--ot-primary-rgb), 0.15);
}
.available-services.active-clicked .checkbox-icon {
  display: block;
}
.available-services.disable-services {
  border: 1px solid #f6eded;
  background: transparent;
  position: relative;
}
.available-services.disable-services::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--ot-primary-rgb), 0.1);
  z-index: 999;
  background: rgba(255, 255, 255, 0.11);
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  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(--ot-primary-title);
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.available-services .available-label {
  color: var(--ot-primary-text);
  font-weight: 700;
  font-size: 12px;
}
.available-services .checkbox-icon {
  color: var(--ot-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(--ot-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(--ot-primary);
  width: 33px;
  height: 26px;
  border-radius: 4px;
  background-color: rgba(var(--ot-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(--ot-primary-paragraph);
}
.counter-middle .ampm {
  text-transform: uppercase;
  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(--ot-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;
  }
}

/*------------------------------------------------------------------
    Live Preview Styles
--------------------------------------------------------------------*/
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: #fff !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;
}

/*------------------------------------------------------------------
    Display Page Styles
--------------------------------------------------------------------*/
:root {
  --waiting-color: #F28A22;
  --served-color: #089d49;
  --no-show-color: #DC3545;
  --total-color: #00E5FF;
  --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(--ot-primary-rgb), 0.2);
}
.display-status-soft-color-one .card-title {
  color: var(--ot-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(--ot-primary);
  border: 1px solid transparent;
}

.display-status-soft-color-five {
  background: rgba(242, 138, 34, 0.2);
}
.display-status-soft-color-five .card-title {
  color: #F28A22 !important;
}

.display-status-soft-color-six {
  background: rgba(220, 53, 69, 0.3);
}
.display-status-soft-color-six .card-title {
  color: #DC3545 !important;
}

.display-status-dip-color-one {
  background: rgba(var(--ot-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(--ot-primary-rgb), 1);
}

.display-status-dip-color-five {
  background: rgb(242, 138, 34);
}

.display-status-dip-color-six {
  background: rgb(220, 53, 69);
}

.display-status-dip-color-ten {
  background: rgba(220, 53, 69, 0.2);
  border: 1px solid rgba(220, 53, 69, 0.3);
}
.display-status-dip-color-ten .card-title {
  color: #DC3545 !important;
  line-height: 1;
}
.display-status-dip-color-ten .card-subtitle {
  color: #DC3545 !important;
}

.clip-arrow {
  position: relative;
}
.clip-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -16px;
  background-color: #DC3545;
  color: var(--white);
  font-size: 14px;
  padding: 8px 0 11px 16px;
  text-transform: capitalize;
  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: #fff;
}

.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(--ot-primary-title);
  margin-bottom: 0;
}
.display-branding .display-branding-content .description {
  font-size: 18px;
  font-weight: 500;
  color: var(--ot-primary-paragraph);
}

.display-board .current-serving {
  font-size: 60px;
  font-weight: 700;
  color: var(--ot-primary);
  margin-bottom: 30px;
  display: block;
}
.display-board .token-title {
  font-size: 30px;
  font-weight: 500;
  color: var(--ot-primary);
  margin-bottom: 28px;
  display: block;
}
.display-board .token-number {
  font-size: 70px;
  font-weight: 600;
  color: #089d49;
  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(--ot-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(--ot-primary-rgb), 0.1);
  border: 1px solid rgba(var(--ot-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(--ot-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(--ot-primary);
  text-align: center;
}
.display-card .card-title {
  color: var(--ot-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: #e87a7d;
  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(--ot-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: #fff;
  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: #00E5FF;
}

.counter-board-single {
  padding: 15px 16px;
  border-radius: 4px;
  color: var(--ot-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: #fff;
  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: #00E5FF;
}

.display_content_section {
  padding-top: 20px !important;
}

#refresh_display {
  display: none;
}

.current-serving-token {
  background: #0EC96C;
  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: #F28A22;
  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: #ffc107;
  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: #ff7c7c;
  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: #ff6f6f;
  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(--ot-bg-secondary);
  color: var(--ot-primary-title);
  border: 1px solid var(--ot-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(--ot-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: rgb(192, 213, 207);
  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(--ot-primary-title);
  font-size: 33px;
  text-transform: capitalize;
  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: #fff;
  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: 0 4px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  -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: #DC3545;
  color: var(--ot-primary);
  width: 20px;
  height: 20px;
  position: relative;
  left: 2px;
}
.display-logout-btn:hover {
  background-color: var(--ot-primary);
  color: #fff;
}
.display-logout-btn:hover svg {
  color: #fff;
}

.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: #FAD689;
  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(--ot-primary-title);
  text-transform: capitalize;
  margin-bottom: 10px;
}
.single-display-section .single-display-content .number {
  font-size: 100px;
  font-weight: 700;
  color: var(--ot-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: capitalize;
  margin-bottom: 0;
}
.single-display-section .single-display-content .time {
  font-size: 40px;
  font-weight: 600;
  color: var(ot-primary-title);
  text-transform: capitalize;
  margin-bottom: 0;
}

.serving-status {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 18px;
  padding: 5px 20px;
  border-radius: 30px;
}
.serving-status.serving {
  background-color: #0EC96C;
}
.serving-status.no-service {
  background-color: #F28A22;
}

.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(--ot-primary);
  text-transform: capitalize;
  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(--ot-primary-title);
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1;
  display: block;
  width: 100%;
}

.blinking-highlight {
  background-color: #fffbeb !important;
  background-color: rgba(14, 201, 108, 0.2431372549) !important;
  border-color: #0EC96C !important;
}
.blinking-highlight .card-subtitle {
  color: #05bd61 !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;
}

/*------------------------------------------------------------------
    Kiosk Page Styles
--------------------------------------------------------------------*/
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: #FFFAA0;
  border: 1px solid #FFD700;
  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(--ot-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(--ot-primary-title);
  margin-bottom: 5px;
}
.kiosk_display_wrapper .kiosk-display-branding .description {
  font-size: 18px;
  font-weight: 500;
  color: var(--ot-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: 12px;
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  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: 0 4px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  -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: 0 8px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}
.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(--ot-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(--ot-primary);
  border-radius: 4px;
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kiosk_cta_button:hover {
  background-color: rgba(var(--ot-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: #fff;
  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: 0 4px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kiosk_header_btn svg {
  font-size: 24px;
  color: var(--ot-primary);
}
.kiosk_header_btn:hover {
  background-color: var(--ot-primary);
  color: #fff;
}
.kiosk_header_btn:hover svg {
  color: #fff;
}
.kiosk_header_btn.back-button {
  background-color: var(--ot-primary);
  color: #fff;
}
.kiosk_header_btn.back-button svg {
  color: #fff;
}
.kiosk_header_btn .home-button {
  background-color: #fff;
  color: var(--ot-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(--ot-primary);
  padding: 12px;
  border-radius: 4px;
  background: rgba(var(--ot-primary-rgb), 0.06);
  border: 1px solid rgba(var(--ot-primary-rgb), 0.3);
  white-space: nowrap;
}
.available_slots .slot_item:hover, .available_slots .slot_item.active {
  background: var(--ot-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(--ot-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(--ot-primary-title);
}

.rating_icon i {
  font-size: 20px;
  color: #dddddd;
}

.qr_code_img {
  max-width: 300px;
  border: 1px solid var(--ot-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(0, 0, 0, 0.1);
  border-left-color: var(--ot-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 Styles
--------------------------------------------------------------------*/
.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(--ot-primary-title);
  font-weight: 700;
  margin-bottom: 14px;
}
.error-page-wrapper .pera {
  font-size: 16px;
  color: var(--ot-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: #ff3030;
  color: #fff;
  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: uppercase;
  background-color: rgba(220, 53, 69, 0.2);
  padding: 4px 10px;
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  max-width: 170px;
  right: 0;
  border: 1px solid rgba(220, 53, 69, 0.3);
}
.addons-off-login .when-addons-not-installed .icon {
  width: 16px;
  height: 16px;
}
.addons-off-login .when-addons-not-installed .text {
  color: rgb(220, 53, 69);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
}

/*------------------------------------------------------------------
    RTL Styles
--------------------------------------------------------------------*/
[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(--ot-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(--ot-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(--ot-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(--ot-primary-border);
}
[dir=rtl] .sidebar .sidebar-dropdown-menu .sidebar-menu-item .parent-item-content.active::before {
  background: var(--ot-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(--ot-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(--ot-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(--ot-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%;
  }
}