/* Minification failed. Returning unminified contents.
(16821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17007,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(17008,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(17009,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(17010,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(17011,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(17012,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(17013,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(17022,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(17031,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color'
(17138,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(17158,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(17158,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(17162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17174,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(17193,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(17203,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(17204,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(17229,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(17517,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(17518,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(17518,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(17519,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17535,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(17545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17548,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17549,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17593,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(17594,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17595,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17601,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17602,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(17603,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(17756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18677,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18681,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-state'
(18681,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-type'
(18681,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18682,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(18683,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18684,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-state'
(18684,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-type'
(18684,88): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(18694,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18706,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18709,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18749,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18750,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18763,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18764,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18777,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18778,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18791,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18792,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18805,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18806,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18819,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18820,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18833,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18834,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18847,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(18848,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(18891,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18892,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18899,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18900,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18905,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18906,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18913,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(18923,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(18924,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(18926,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18926,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(18928,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18943,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(18944,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(18959,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(18963,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(18970,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(18971,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(18976,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18986,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(18995,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(18998,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19009,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19012,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(19021,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19024,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(19033,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19036,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19039,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19044,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19052,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19056,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19059,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19062,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19073,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(19074,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(19075,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img'
(19075,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon'
(19079,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19079,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(19080,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19099,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(19103,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(19111,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(19119,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(19123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19154,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(19155,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(19159,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19159,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(19182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19209,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-switch-bg'
(19220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19297,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(19323,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(19331,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(19334,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(19343,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19344,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19359,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19395,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(19407,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(19408,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19411,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(19415,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19421,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(19459,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(19462,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(19463,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19463,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(19464,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19473,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(19482,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(19505,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(19520,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(19533,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(19534,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19545,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(19553,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(19554,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(19563,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(19566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19572,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(19573,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(19581,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(19584,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(19587,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(19590,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(19610,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(19623,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(19624,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19635,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(19643,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(19644,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(19653,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(19656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19662,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(19663,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(19671,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(19674,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(19677,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(19680,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(19696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19712,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(19712,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(19713,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(19714,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(19715,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(19716,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(19717,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(19723,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(19723,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(19724,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(19725,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(19734,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(19735,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(19736,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(19739,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(19740,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(19741,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(19744,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(19745,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(19746,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(19748,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(19751,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(19753,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(19756,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(19757,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(19758,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(19761,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(19764,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(19766,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(19767,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(19768,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(19772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20059,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(20062,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(20066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20170,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-zindex'
(20172,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(20173,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(20173,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(20175,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(20176,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(20179,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(20181,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(20181,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(20182,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(20187,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(20191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20290,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(20311,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(20335,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(20364,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(20366,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(20373,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(20373,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(20376,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(20382,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-border-radius'
(20385,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(20386,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(20389,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(20391,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(20394,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(20405,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(20405,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(20408,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(20414,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(20414,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(20415,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(20419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20469,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20473,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(20520,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(20534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20549,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(20549,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(20550,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(20551,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(20552,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(20564,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(20571,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(20577,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20578,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20579,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20584,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(20584,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(20587,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(20588,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(20589,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(20590,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(20594,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(20597,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(20603,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(20604,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(20605,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(20608,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(20614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20619,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(20622,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(20628,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(20629,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(20633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20636,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-gap'
(20641,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-border-width'
(20649,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-link-active-color'
(20679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20686,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20687,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20704,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(20704,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(20719,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(20720,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(20721,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(20722,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(20723,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(20728,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(20732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20745,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(20754,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(20759,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(20769,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(20769,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(20770,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(20772,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(20774,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(20774,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(20775,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(20776,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(20789,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(20797,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(20804,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(20820,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20821,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20867,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20868,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20914,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20915,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20961,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(20962,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(21008,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(21009,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(21054,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(21055,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(21091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21129,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(21130,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(21132,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(21134,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(21134,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(21135,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(21147,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21148,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21152,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21153,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21162,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(21162,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(21163,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(21167,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(21168,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-color'
(21172,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(21174,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-subtitle-color'
(21182,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(21186,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(21186,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21188,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(21189,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(21190,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(21190,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(21193,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21193,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21197,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(21197,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21198,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(21199,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(21200,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(21200,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(21203,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21203,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21207,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21208,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(21209,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21213,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(21214,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(21218,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21219,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(21228,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(21229,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21240,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21241,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21246,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21247,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(21251,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(21293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21310,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21322,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(21322,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(21324,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(21326,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(21330,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(21338,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(21339,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(21340,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(21340,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(21343,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(21344,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(21348,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(21349,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(21352,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(21354,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(21355,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(21367,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(21369,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(21377,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(21378,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(21379,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(21379,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(21382,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21383,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21386,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(21387,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(21393,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21394,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21397,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(21398,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(21401,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21402,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(21406,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(21406,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(21428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21443,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(21443,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(21444,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(21445,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(21447,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(21448,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(21452,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(21456,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(21457,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(21458,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(21461,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(21465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21493,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(21493,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(21494,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(21495,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(21497,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(21498,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(21498,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(21508,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(21509,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(21510,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(21514,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(21515,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(21517,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(21521,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(21522,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(21523,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(21526,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(21528,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(21529,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(21533,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(21536,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(21537,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(21540,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(21541,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(21545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21566,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(21566,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(21567,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(21568,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(21570,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(21574,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(21586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21596,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(21596,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(21597,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(21598,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(21599,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(21600,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(21601,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(21610,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-link-color'
(21625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21639,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21640,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21687,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21696,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(21698,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(21699,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(21700,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(21708,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(21711,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(21712,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(21722,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(21722,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(21743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21764,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21778,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(21783,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(21785,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(21788,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(21789,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(21795,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(21795,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(21796,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(21798,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(21799,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21799,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(21810,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(21812,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(21816,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(21817,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(21818,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(21824,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21825,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21832,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21836,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21843,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21847,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21848,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21856,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21860,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21867,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21871,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21872,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21880,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21884,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21891,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21895,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21896,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21904,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21908,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21915,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21919,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21920,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21928,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21932,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21939,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21943,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21944,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21952,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21956,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(21963,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21967,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21968,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21975,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(21982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22098,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color'
(22099,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-bg'
(22102,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-opacity'
(22105,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color'
(22107,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-hover-opacity'
(22111,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-shadow'
(22112,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-opacity'
(22117,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-disabled-opacity'
(22121,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter'
(22125,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter'
(22129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22144,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(22146,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(22147,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(22149,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(22151,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(22151,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(22152,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(22153,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(22163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22165,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-zindex'
(22171,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(22177,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(22177,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(22178,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(22179,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(22181,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(22181,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(22182,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(22182,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(22183,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(22183,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(22186,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(22187,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(22191,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(22196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22220,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(22232,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(22252,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(22265,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(22273,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(22275,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(22277,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(22277,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(22278,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(22283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22289,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(22292,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(22298,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(22306,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(22307,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(22307,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(22308,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(22309,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(22312,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(22312,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(22313,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(22313,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(22313,120): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(22318,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(22324,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(22333,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(22333,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(22334,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(22335,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(22335,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(22336,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(22337,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(22340,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(22345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22349,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(22354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22500,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(22502,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(22503,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(22517,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(22522,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(22526,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22527,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22537,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22541,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22541,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22542,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(22547,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22548,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22549,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22553,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22553,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22553,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22554,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(22559,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22563,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22563,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22564,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(22569,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22570,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22571,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22575,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22575,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(22575,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(22576,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(22581,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(22582,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(22582,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(22583,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(22585,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(22586,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(22590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22610,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(22612,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(22613,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(22627,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(22629,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(22631,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22631,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(22632,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(22636,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22637,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22649,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22649,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22652,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22652,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22656,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(22659,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22660,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(22665,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22665,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22666,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22667,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22670,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22670,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22670,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22674,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(22677,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22678,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(22683,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22683,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22686,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22686,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22690,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(22693,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22694,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(22701,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22702,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22704,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22704,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(22709,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22709,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22710,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22711,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22714,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22714,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(22714,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(22718,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(22721,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22722,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(22727,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(22727,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(22729,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(22730,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(22731,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(22732,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(22732,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(22733,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(22734,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(22741,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(22741,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(22742,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(22963,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(22964,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(22965,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(22967,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(22967,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(22976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22982,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(22987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23041,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23045,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23047,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23050,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23062,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23063,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23063,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23069,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23070,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23070,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23077,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23079,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23079,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23085,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23087,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23087,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23119,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23123,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23125,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23128,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23140,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23141,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23141,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23147,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23148,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23148,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23155,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23157,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23157,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23163,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23165,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23165,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23197,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23201,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23203,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23206,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23218,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23219,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23219,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23225,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23226,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23226,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23233,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23235,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23235,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23241,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23243,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23243,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23275,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23279,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23281,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23284,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23296,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23297,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23297,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23303,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23304,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23304,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23311,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23313,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23313,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23319,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23321,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23321,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23353,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23357,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23359,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23362,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23374,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23375,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23375,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23381,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23382,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23382,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23389,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23391,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23391,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23397,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23399,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23399,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23430,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(23434,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(23436,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(23439,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(23449,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23450,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23450,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23456,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(23457,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23457,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23464,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23466,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23466,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23472,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(23474,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(23474,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(23504,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(23504,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(23507,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(23507,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(23508,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(23509,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(23510,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(23515,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-title-line-height'
(23520,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(23520,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(23577,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23582,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23587,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23592,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23597,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23602,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23607,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23612,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(23616,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(23616,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23617,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(23617,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23620,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23621,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23625,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(23625,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23626,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(23626,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23629,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23630,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23634,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(23634,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23635,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(23635,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23638,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23639,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23643,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(23643,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23644,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(23644,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23647,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23648,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23652,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(23652,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23653,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(23653,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23656,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23657,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23661,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(23661,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23662,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(23662,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23665,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23666,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23670,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(23670,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23671,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(23671,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23674,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23675,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23679,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(23679,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23680,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(23680,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23683,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23684,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23688,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(23688,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23689,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(23689,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23692,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(23692,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23693,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(23693,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(23698,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-x'
(23698,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-y'
(23698,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-blur'
(23698,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-width'
(23698,128): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-color'
(23705,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(23705,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(23723,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-icon-link-transform'
(23732,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(23744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24199,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(24199,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(24199,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(24207,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(24207,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(24207,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(24215,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(24215,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(24215,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(24223,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(24223,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(24223,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(24231,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(24231,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(24231,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(24239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24240,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(24240,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24245,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(24245,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24250,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(24250,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24255,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(24255,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24260,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(24260,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24265,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(24265,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24270,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(24270,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24275,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(24275,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24280,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(24280,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24285,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(24285,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(24289,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle'
(24293,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-border-subtle'
(24297,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-border-subtle'
(24301,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-border-subtle'
(24305,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-border-subtle'
(24309,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-border-subtle'
(24313,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-border-subtle'
(24317,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-border-subtle'
(24341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25059,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(25190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25191,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(25191,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25196,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(25196,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25201,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(25201,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25206,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(25206,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25211,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(25211,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25216,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(25216,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25221,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(25221,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25226,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(25226,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25231,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(25231,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25236,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(25236,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25241,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(25241,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(25245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25246,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(25250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25261,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(25265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25266,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-color'
(25270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25271,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color'
(25275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25296,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-text-emphasis'
(25300,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-text-emphasis'
(25304,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-text-emphasis'
(25308,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-text-emphasis'
(25312,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text-emphasis'
(25316,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-text-emphasis'
(25320,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-text-emphasis'
(25324,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-text-emphasis'
(25328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25393,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(25393,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25398,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(25398,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25403,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(25403,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25408,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(25408,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25413,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(25413,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25418,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(25418,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25423,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(25423,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25428,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(25428,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25433,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(25433,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(25437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25486,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(25486,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25491,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(25491,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25496,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(25496,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25501,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(25501,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25506,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(25506,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25511,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(25511,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25516,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(25516,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25521,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(25521,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25526,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(25526,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25531,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(25531,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25536,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(25536,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25546,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-rgb'
(25546,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25551,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg-rgb'
(25551,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(25555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25575,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle'
(25579,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-subtle'
(25583,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-bg-subtle'
(25587,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-bg-subtle'
(25591,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-bg-subtle'
(25595,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-bg-subtle'
(25599,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-bg-subtle'
(25603,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-bg-subtle'
(25607,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(25631,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25639,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25643,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25647,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25651,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25655,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25663,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25667,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25668,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25677,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25678,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25682,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25683,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25687,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25688,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25692,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25693,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25697,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25698,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25707,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25708,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25712,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25713,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25722,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25723,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25727,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25728,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25732,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25733,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25737,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25738,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25742,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25743,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25752,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25753,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25757,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25758,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25767,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25768,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25772,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25773,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25777,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25778,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25782,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25783,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25787,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25788,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25797,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25798,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25802,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25803,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25812,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25813,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(25817,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25818,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25822,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25823,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(25827,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25828,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(25832,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25833,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(25842,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(25843,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(28790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28939,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(28943,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg'
(30060,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30064,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(30149,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30153,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(30271,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30283,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(30337,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30341,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(30508,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30509,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(30513,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(30514,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(31957,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(31960,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(31967,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(31970,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(32068,26): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(32072,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(32216,46): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32217,46): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32227,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(32227,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(32229,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(32241,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-border'
(32249,26): run-time error CSS1039: Token not allowed after unary operator: '-balance-profie-bg'
(32266,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(32410,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32422,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32425,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32451,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32487,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32555,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32600,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32608,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32614,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32627,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32645,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32650,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32691,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32696,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32704,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(32708,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34575,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(34686,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34687,56): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34688,56): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34750,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34754,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(34759,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34760,57): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34761,57): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34822,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(34826,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(34959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35001,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35005,86): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35006,43): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35014,115): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35015,60): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35214,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35358,43): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35474,26): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(35475,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35478,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35479,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35484,26): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(35485,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35489,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35490,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35532,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(35563,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35615,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35703,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35763,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(35790,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(35814,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35829,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35830,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35834,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35861,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(35888,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(35912,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(35927,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35928,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(35932,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(36006,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(36007,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36008,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36044,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36050,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36113,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36184,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36200,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36201,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36216,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36230,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36231,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36246,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36247,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36257,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36325,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36330,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36346,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36349,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36353,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36405,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36406,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36438,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36486,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(36491,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36492,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36496,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36497,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(36773,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36776,26): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36779,26): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36782,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36785,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36789,30): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(36792,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(36889,33): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(37018,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(37036,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(37086,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(37111,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37121,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(37140,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37315,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37325,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37351,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(37356,33): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(37381,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37402,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(37405,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(37411,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37412,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37427,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37472,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37475,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37493,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37495,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37502,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(37540,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37541,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37623,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-border'
(37661,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(37667,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(37674,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37679,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37682,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37741,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(37768,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(37771,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37774,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(37778,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37881,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(37954,32): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(37991,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(37996,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(38009,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(38012,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(38035,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(38050,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(38098,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(38123,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(38158,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(38257,20): run-time error CSS1039: Token not allowed after unary operator: '-light-bg'
(38269,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(38376,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(39077,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(39128,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(39228,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(39229,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(39561,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(39872,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(39911,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40005,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40008,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40009,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40016,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40017,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40021,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40022,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40030,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40033,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40036,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(40039,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41147,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41154,36): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41155,36): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41258,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41273,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41276,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41286,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41291,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41294,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41352,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41357,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41360,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41363,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(41368,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(41371,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(41385,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41386,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41462,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(41508,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(41579,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41594,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41600,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41606,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41612,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41738,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41752,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41753,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41769,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41770,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41780,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41788,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41791,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41796,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41797,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41802,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41803,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41810,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41818,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41821,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41826,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41827,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41832,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(41833,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42176,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border'
(42393,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(42431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42569,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(42570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42744,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg'
(42747,26): run-time error CSS1039: Token not allowed after unary operator: '-course-light-btn'
(42760,26): run-time error CSS1039: Token not allowed after unary operator: '-course-light-btn'
(42809,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42809,99): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42810,47): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42810,72): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42822,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42828,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42834,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42841,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42847,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42850,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42857,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42863,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42869,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42873,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42897,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42905,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42909,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(42928,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43284,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43496,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43510,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43588,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43596,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43615,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43637,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43731,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43778,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43800,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43805,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43825,32): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(43835,31): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(43861,27): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(43896,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43899,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43905,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43911,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(43922,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(43937,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(43940,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(43955,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(43969,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43972,26): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(43975,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(43980,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44006,32): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44009,31): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44069,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(44076,30): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44106,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(44115,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44116,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(44130,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44140,34): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44156,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(44170,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(44178,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(44179,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44183,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44188,33): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44191,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(44197,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44198,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(44207,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44210,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44272,26): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(44287,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(44316,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44317,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(44370,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(44380,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(44473,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(44482,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44487,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44488,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(44491,31): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(44512,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-progress-light'
(44543,14): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(44548,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(44587,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(44609,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45188,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45192,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45195,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(45199,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45202,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(45211,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45223,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(45290,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45296,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45303,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(45308,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(45410,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45440,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-progress-light'
(45463,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-progress-light'
(45471,22): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(45487,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(45509,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45510,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(45517,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(45523,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45533,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(45538,26): run-time error CSS1039: Token not allowed after unary operator: '-light-slate'
(45595,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45605,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45610,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(45628,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(45635,20): run-time error CSS1039: Token not allowed after unary operator: '-light-slate'
(45678,22): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(45681,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(45715,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(45741,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(45755,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45802,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(45824,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45945,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45946,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(45961,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(45987,30): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(46006,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46026,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(46045,14): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(46049,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(46053,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46057,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(46060,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(46063,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(46145,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(46166,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(46181,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(46186,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46299,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46445,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46486,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46588,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(46759,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(46858,26): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(46873,26): run-time error CSS1039: Token not allowed after unary operator: '-body-color'
(46923,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(47021,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(47032,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(47070,14): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(47154,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(47187,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(47200,20): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(47245,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(47250,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(47264,20): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(47337,27): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(47344,20): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(47357,20): run-time error CSS1039: Token not allowed after unary operator: '-recent-box-bg'
(47360,40): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(47361,40): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(47371,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(47371,43): run-time error CSS1039: Token not allowed after unary operator: '-white'
(47371,56): run-time error CSS1039: Token not allowed after unary operator: '-white'
(47371,69): run-time error CSS1039: Token not allowed after unary operator: '-recent-border'
(47974,33): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48156,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(48261,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48278,26): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48320,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48690,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48720,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(48969,17): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(48987,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(49187,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(49308,20): run-time error CSS1039: Token not allowed after unary operator: '-course-light-btn'
(49442,14): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(49502,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(49518,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(49530,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(49556,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(49615,26): run-time error CSS1039: Token not allowed after unary operator: '-course-bg'
(49760,35): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(49761,35): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(49762,35): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(49830,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(49833,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(49871,30): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(50007,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(50084,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(50111,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(50195,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(50273,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51169,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(51190,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51238,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(51258,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51377,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51380,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(51423,63): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51554,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51658,20): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(51665,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51677,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(51997,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(52006,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52039,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52043,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52095,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(52236,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52236,131): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52458,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(52459,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(52755,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52828,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52830,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52833,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(52837,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(53238,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(53249,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(53712,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(53741,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(53784,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(53980,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54087,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54097,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54101,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54109,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54115,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54152,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54167,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54168,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(54281,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54304,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54319,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54344,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54403,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54420,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54426,26): run-time error CSS1039: Token not allowed after unary operator: '-light-slate'
(54470,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54473,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(54548,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54631,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54676,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54695,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54722,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(54723,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54730,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54731,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(54754,26): run-time error CSS1039: Token not allowed after unary operator: '-light-shade-primary'
(54755,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(54784,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54789,16): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54821,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54851,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54875,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(54894,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(54962,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(54978,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(54995,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(55012,16): run-time error CSS1039: Token not allowed after unary operator: '-text-gray'
(55026,26): run-time error CSS1039: Token not allowed after unary operator: '-light-background'
(55047,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(55075,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(55095,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(55106,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(55157,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(55166,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(55169,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(55267,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(55543,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(56586,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(59712,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(59714,37): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(59715,37): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(59938,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(60633,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61125,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61310,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61445,33): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(61762,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61766,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61767,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61771,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61775,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(61776,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62026,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62037,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62052,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62087,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62162,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(62165,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(62508,56): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(62508,88): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(62508,120): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(62509,56): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(62509,88): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(62509,120): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(62512,56): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(62512,88): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(62512,120): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(62513,56): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(62513,88): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(62513,120): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(62522,56): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(62522,88): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(62522,120): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(62523,56): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(62523,88): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(62523,120): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(62526,56): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(62526,88): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(62526,120): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(62527,56): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(62527,88): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(62527,120): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(62574,40): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(62574,66): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(62574,84): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62574,105): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(62574,123): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62574,151): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(62575,40): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(62575,66): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(62575,84): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62575,105): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(62575,123): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62575,151): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(62580,40): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(62580,66): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(62580,84): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62580,105): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(62580,123): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62580,151): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(62581,40): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(62581,66): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(62581,84): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62581,105): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(62581,123): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(62581,151): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(62586,22): run-time error CSS1039: Token not allowed after unary operator: '-active'
(62589,49): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(62589,88): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(62590,49): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(62590,88): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(62595,22): run-time error CSS1039: Token not allowed after unary operator: '-active'
(62598,49): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(62598,88): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(62599,49): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(62599,88): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(62622,20): run-time error CSS1039: Token not allowed after unary operator: '-sb'
(62622,30): run-time error CSS1039: Token not allowed after unary operator: '-normal'
(62623,47): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(62623,57): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow'
(62624,47): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(62624,57): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow'
(62644,14): run-time error CSS1039: Token not allowed after unary operator: '-l'
(62645,13): run-time error CSS1039: Token not allowed after unary operator: '-t'
(62646,15): run-time error CSS1039: Token not allowed after unary operator: '-w'
(62647,16): run-time error CSS1039: Token not allowed after unary operator: '-h'
(62648,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62648,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62649,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62649,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62651,16): run-time error CSS1039: Token not allowed after unary operator: '-s'
(62661,14): run-time error CSS1039: Token not allowed after unary operator: '-l'
(62662,13): run-time error CSS1039: Token not allowed after unary operator: '-t'
(62663,15): run-time error CSS1039: Token not allowed after unary operator: '-w'
(62664,16): run-time error CSS1039: Token not allowed after unary operator: '-h'
(62665,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62665,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62666,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62666,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62668,17): run-time error CSS1039: Token not allowed after unary operator: '-zi'
(62669,23): run-time error CSS1039: Token not allowed after unary operator: '-br'
(62670,20): run-time error CSS1039: Token not allowed after unary operator: '-b'
(62670,29): run-time error CSS1039: Token not allowed after unary operator: '-e'
(62670,38): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(62677,14): run-time error CSS1039: Token not allowed after unary operator: '-l'
(62678,13): run-time error CSS1039: Token not allowed after unary operator: '-t'
(62679,15): run-time error CSS1039: Token not allowed after unary operator: '-w'
(62680,16): run-time error CSS1039: Token not allowed after unary operator: '-h'
(62681,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62681,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62682,34): run-time error CSS1039: Token not allowed after unary operator: '-r'
(62682,56): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(62684,17): run-time error CSS1039: Token not allowed after unary operator: '-zi'
(62685,23): run-time error CSS1039: Token not allowed after unary operator: '-br'
(62686,20): run-time error CSS1039: Token not allowed after unary operator: '-b'
(62686,29): run-time error CSS1039: Token not allowed after unary operator: '-e'
(62686,38): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(62691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62799,37): run-time error CSS1039: Token not allowed after unary operator: '-e'
(62799,46): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(62800,37): run-time error CSS1039: Token not allowed after unary operator: '-e'
(62800,46): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(62803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62834,37): run-time error CSS1039: Token not allowed after unary operator: '-b'
(62835,37): run-time error CSS1039: Token not allowed after unary operator: '-b'
(62840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62927,15): run-time error CSS1039: Token not allowed after unary operator: '-body-light-font-color'
(63035,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(63660,49): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64454,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64554,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64557,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(64627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64630,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64631,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64648,16): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(64675,68): run-time error CSS1030: Expected identifier, found 'body'
(64675,130): run-time error CSS1031: Expected selector, found ')'
(64675,130): run-time error CSS1025: Expected comma or open brace, found ')'
(64777,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64811,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64889,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64892,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(64936,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64946,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(64970,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65430,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65434,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65456,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65462,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65475,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65503,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65528,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65568,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65571,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65572,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(65591,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66163,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(66434,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66439,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66647,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66689,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66723,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66771,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(66952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66958,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67048,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67066,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67074,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67075,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67080,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67192,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67201,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67207,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67210,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67232,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67284,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67289,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67292,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67297,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67300,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67305,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67308,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67313,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67316,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67320,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67659,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67660,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67676,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67679,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(67883,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67898,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67899,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(67902,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(67903,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68005,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68006,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68009,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68010,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68033,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68037,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68164,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68233,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68236,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68271,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68275,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68278,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68279,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68282,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68283,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68286,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68287,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68312,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68315,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(68400,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68615,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68683,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68686,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68689,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68692,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68779,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68803,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68804,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68808,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(68809,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69247,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(69372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69513,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69514,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(69528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69661,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69695,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69735,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69738,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69739,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69758,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69838,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69845,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69891,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(69892,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(69955,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(70116,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(70121,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(70390,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(70498,26): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(70572,27): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(70666,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(70773,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(70799,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(70800,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(70994,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71015,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71037,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71163,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71254,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71255,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71256,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(71259,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(71293,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71294,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71297,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(71298,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(71321,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71325,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(71385,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71389,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71390,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71402,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71403,44): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71410,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(71416,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(71420,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(71467,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(71468,22): run-time error CSS1039: Token not allowed after unary operator: '-recent-dashed-border'
(71473,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(71477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71485,15): run-time error CSS1039: Token not allowed after unary operator: '-chart-text-color'
(71555,20): run-time error CSS1039: Token not allowed after unary operator: '-recent-box-bg'
(71556,15): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(71570,20): run-time error CSS1039: Token not allowed after unary operator: '-view-grid-bg'
(71574,20): run-time error CSS1039: Token not allowed after unary operator: '-view-grid-bg'
(71623,20): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(71669,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
(71896,16): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(71968,96): run-time error CSS1030: Expected identifier, found '.'
(71968,186): run-time error CSS1031: Expected selector, found ')'
(71968,186): run-time error CSS1025: Expected comma or open brace, found ')'
(72093,16): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(72098,16): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(72343,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72348,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72353,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72440,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72604,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72703,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72757,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72763,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(72923,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(73467,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(74191,69): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(74353,94): run-time error CSS1030: Expected identifier, found '.'
(74353,180): run-time error CSS1031: Expected selector, found ')'
(74353,180): run-time error CSS1025: Expected comma or open brace, found ')'
(74356,94): run-time error CSS1030: Expected identifier, found '.'
(74356,180): run-time error CSS1031: Expected selector, found ')'
(74356,180): run-time error CSS1025: Expected comma or open brace, found ')'
(74399,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(74402,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(74494,65): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(75144,77): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(75145,52): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(77766,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(77827,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(77858,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(78882,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(81700,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(82462,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(82477,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(82492,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-deafult'
(82545,26): run-time error CSS1039: Token not allowed after unary operator: '-chart-dashed-border'
 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/**
 * @package IcoFont by ThemeHunt - https://themehunt.com
 * @version 1.0.0 Beta
 * @author IcoFont http://icofont.com
 * @copyright Copyright (c) 2018 IcoFont
 * @license - http://icofont.com/license/
*/
@font-face {
  font-family: "icofont";
  src: url("../../fonts/ico/icofont.eot?v=1.0.0-beta");
  src: url("../../fonts/ico/icofont.eot?v=1.0.0-beta#iefix") format("embedded-opentype"), url("../../fonts/ico/icofont.ttf?v=1.0.0-beta") format("truetype"), url("../../fonts/ico/icofont.woff?v=1.0.0-beta") format("woff"), url("../../fonts/ico/icofont.svg?v=1.0.0-beta#icofont") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icofont {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icofont-angry-monster:before {
  content: "\e901";
}

.icofont-bathtub:before {
  content: "\e902";
}

.icofont-bird-wings:before {
  content: "\e903";
}

.icofont-bow:before {
  content: "\e904";
}

.icofont-brain-alt:before {
  content: "\e905";
}

.icofont-butterfly-alt:before {
  content: "\e906";
}

.icofont-castle:before {
  content: "\e907";
}

.icofont-circuit:before {
  content: "\e908";
}

.icofont-dart:before {
  content: "\e909";
}

.icofont-dice-alt:before {
  content: "\e90a";
}

.icofont-disability-race:before {
  content: "\e90b";
}

.icofont-diving-goggle:before {
  content: "\e90c";
}

.icofont-fire-alt:before {
  content: "\e90d";
}

.icofont-flame-torch:before {
  content: "\e90e";
}

.icofont-flora-flower:before {
  content: "\e90f";
}

.icofont-flora:before {
  content: "\e910";
}

.icofont-gift-box:before {
  content: "\e911";
}

.icofont-halloween-pumpkin:before {
  content: "\e912";
}

.icofont-hand-power:before {
  content: "\e913";
}

.icofont-hand-thunder:before {
  content: "\e914";
}

.icofont-king-crown:before {
  content: "\e915";
}

.icofont-king-monster:before {
  content: "\e916";
}

.icofont-love:before {
  content: "\e917";
}

.icofont-magician-hat:before {
  content: "\e918";
}

.icofont-native-american:before {
  content: "\e919";
}

.icofont-open-eye:before {
  content: "\e91a";
}

.icofont-owl-look:before {
  content: "\e91b";
}

.icofont-phoenix:before {
  content: "\e91c";
}

.icofont-queen-crown:before {
  content: "\e91d";
}

.icofont-robot-face:before {
  content: "\e91e";
}

.icofont-sand-clock:before {
  content: "\e91f";
}

.icofont-shield-alt:before {
  content: "\e920";
}

.icofont-ship-wheel:before {
  content: "\e921";
}

.icofont-skull-danger:before {
  content: "\e922";
}

.icofont-skull-face:before {
  content: "\e923";
}

.icofont-snail:before {
  content: "\e924";
}

.icofont-snow-alt:before {
  content: "\e925";
}

.icofont-snow-flake:before {
  content: "\e926";
}

.icofont-snowmobile:before {
  content: "\e927";
}

.icofont-space-shuttle:before {
  content: "\e928";
}

.icofont-star-shape:before {
  content: "\e929";
}

.icofont-swirl:before {
  content: "\e92a";
}

.icofont-tattoo-wing:before {
  content: "\e92b";
}

.icofont-throne:before {
  content: "\e92c";
}

.icofont-touch:before {
  content: "\e92d";
}

.icofont-tree-alt:before {
  content: "\e92e";
}

.icofont-triangle:before {
  content: "\e92f";
}

.icofont-unity-hand:before {
  content: "\e930";
}

.icofont-weed:before {
  content: "\e931";
}

.icofont-woman-bird:before {
  content: "\e932";
}

.icofont-animal-bat:before {
  content: "\e933";
}

.icofont-animal-bear-tracks:before {
  content: "\e934";
}

.icofont-animal-bear:before {
  content: "\e935";
}

.icofont-animal-bird-alt:before {
  content: "\e936";
}

.icofont-animal-bird:before {
  content: "\e937";
}

.icofont-animal-bone:before {
  content: "\e938";
}

.icofont-animal-bull:before {
  content: "\e939";
}

.icofont-animal-camel-alt:before {
  content: "\e93a";
}

.icofont-animal-camel-head:before {
  content: "\e93b";
}

.icofont-animal-camel:before {
  content: "\e93c";
}

.icofont-animal-cat-alt-1:before {
  content: "\e93d";
}

.icofont-animal-cat-alt-2:before {
  content: "\e93e";
}

.icofont-animal-cat-alt-3:before {
  content: "\e93f";
}

.icofont-animal-cat-alt-4:before {
  content: "\e940";
}

.icofont-animal-cat-with-dog:before {
  content: "\e941";
}

.icofont-animal-cat:before {
  content: "\e942";
}

.icofont-animal-cow-head:before {
  content: "\e943";
}

.icofont-animal-cow:before {
  content: "\e944";
}

.icofont-animal-crab:before {
  content: "\e945";
}

.icofont-animal-crocodile:before {
  content: "\e946";
}

.icofont-animal-deer-head:before {
  content: "\e947";
}

.icofont-animal-dog-alt:before {
  content: "\e948";
}

.icofont-animal-dog-barking:before {
  content: "\e949";
}

.icofont-animal-dog:before {
  content: "\e94a";
}

.icofont-animal-dolphin:before {
  content: "\e94b";
}

.icofont-animal-duck-tracks:before {
  content: "\e94c";
}

.icofont-animal-eagle-head:before {
  content: "\e94d";
}

.icofont-animal-eaten-fish:before {
  content: "\e94e";
}

.icofont-animal-elephant-alt:before {
  content: "\e94f";
}

.icofont-animal-elephant-head-alt:before {
  content: "\e950";
}

.icofont-animal-elephant-head:before {
  content: "\e951";
}

.icofont-animal-elephant:before {
  content: "\e952";
}

.icofont-animal-elk:before {
  content: "\e953";
}

.icofont-animal-fish-alt-1:before {
  content: "\e954";
}

.icofont-animal-fish-alt-2:before {
  content: "\e955";
}

.icofont-animal-fish-alt-3:before {
  content: "\e956";
}

.icofont-animal-fish-alt-4:before {
  content: "\e957";
}

.icofont-animal-fish:before {
  content: "\e958";
}

.icofont-animal-fox-alt:before {
  content: "\e959";
}

.icofont-animal-fox:before {
  content: "\e95a";
}

.icofont-animal-frog-tracks:before {
  content: "\e95b";
}

.icofont-animal-frog:before {
  content: "\e95c";
}

.icofont-animal-froggy:before {
  content: "\e95d";
}

.icofont-animal-giraffe-alt:before {
  content: "\e95e";
}

.icofont-animal-giraffe:before {
  content: "\e95f";
}

.icofont-animal-goat-head-alt-1:before {
  content: "\e960";
}

.icofont-animal-goat-head-alt-2:before {
  content: "\e961";
}

.icofont-animal-goat-head:before {
  content: "\e962";
}

.icofont-animal-gorilla:before {
  content: "\e963";
}

.icofont-animal-hen-tracks:before {
  content: "\e964";
}

.icofont-animal-horse-head-alt-1:before {
  content: "\e965";
}

.icofont-animal-horse-head-alt-2:before {
  content: "\e966";
}

.icofont-animal-horse-head:before {
  content: "\e967";
}

.icofont-animal-horse-tracks:before {
  content: "\e968";
}

.icofont-animal-jellyfish:before {
  content: "\e969";
}

.icofont-animal-kangaroo:before {
  content: "\e96a";
}

.icofont-animal-lemur:before {
  content: "\e96b";
}

.icofont-animal-lion-alt:before {
  content: "\e96c";
}

.icofont-animal-lion-head-alt:before {
  content: "\e96d";
}

.icofont-animal-lion-head:before {
  content: "\e96e";
}

.icofont-animal-lion:before {
  content: "\e96f";
}

.icofont-animal-monkey-alt-1:before {
  content: "\e970";
}

.icofont-animal-monkey-alt-2:before {
  content: "\e971";
}

.icofont-animal-monkey-alt-3:before {
  content: "\e972";
}

.icofont-animal-monkey:before {
  content: "\e973";
}

.icofont-animal-octopus-alt:before {
  content: "\e974";
}

.icofont-animal-octopus:before {
  content: "\e975";
}

.icofont-animal-owl:before {
  content: "\e976";
}

.icofont-animal-panda-alt:before {
  content: "\e977";
}

.icofont-animal-panda:before {
  content: "\e978";
}

.icofont-animal-panther:before {
  content: "\e979";
}

.icofont-animal-parrot-lip:before {
  content: "\e97a";
}

.icofont-animal-parrot:before {
  content: "\e97b";
}

.icofont-animal-paw:before {
  content: "\e97c";
}

.icofont-animal-pelican:before {
  content: "\e97d";
}

.icofont-animal-penguin:before {
  content: "\e97e";
}

.icofont-animal-pig-alt:before {
  content: "\e97f";
}

.icofont-animal-pig:before {
  content: "\e980";
}

.icofont-animal-pigeon-alt:before {
  content: "\e981";
}

.icofont-animal-pigeon:before {
  content: "\e982";
}

.icofont-animal-pigeons:before {
  content: "\e983";
}

.icofont-animal-rabbit-running:before {
  content: "\e984";
}

.icofont-animal-rat-alt:before {
  content: "\e985";
}

.icofont-animal-rhino-head:before {
  content: "\e986";
}

.icofont-animal-rhino:before {
  content: "\e987";
}

.icofont-animal-rooster:before {
  content: "\e988";
}

.icofont-animal-seahorse:before {
  content: "\e989";
}

.icofont-animal-seal:before {
  content: "\e98a";
}

.icofont-animal-shrimp:before {
  content: "\e98b";
}

.icofont-animal-snail-alt-1:before {
  content: "\e98c";
}

.icofont-animal-snail-alt-2:before {
  content: "\e98d";
}

.icofont-animal-snail:before {
  content: "\e98e";
}

.icofont-animal-snake:before {
  content: "\e98f";
}

.icofont-animal-squid:before {
  content: "\e990";
}

.icofont-animal-squirrel:before {
  content: "\e991";
}

.icofont-animal-tiger-alt:before {
  content: "\e992";
}

.icofont-animal-tiger:before {
  content: "\e993";
}

.icofont-animal-turtle:before {
  content: "\e994";
}

.icofont-animal-whale:before {
  content: "\e995";
}

.icofont-animal-woodpecker:before {
  content: "\e996";
}

.icofont-animal-zebra:before {
  content: "\e997";
}

.icofont-brand-acer:before {
  content: "\e998";
}

.icofont-brand-adidas:before {
  content: "\e999";
}

.icofont-brand-adobe:before {
  content: "\e99a";
}

.icofont-brand-air-new-zealand:before {
  content: "\e99b";
}

.icofont-brand-airbnb:before {
  content: "\e99c";
}

.icofont-brand-aircell:before {
  content: "\e99d";
}

.icofont-brand-airtel:before {
  content: "\e99e";
}

.icofont-brand-alcatel:before {
  content: "\e99f";
}

.icofont-brand-alibaba:before {
  content: "\e9a0";
}

.icofont-brand-aliexpress:before {
  content: "\e9a1";
}

.icofont-brand-alipay:before {
  content: "\e9a2";
}

.icofont-brand-amazon:before {
  content: "\e9a3";
}

.icofont-brand-amd:before {
  content: "\e9a4";
}

.icofont-brand-american-airlines:before {
  content: "\e9a5";
}

.icofont-brand-android-robot:before {
  content: "\e9a6";
}

.icofont-brand-android:before {
  content: "\e9a7";
}

.icofont-brand-aol:before {
  content: "\e9a8";
}

.icofont-brand-apple:before {
  content: "\e9a9";
}

.icofont-brand-appstore:before {
  content: "\e9aa";
}

.icofont-brand-asus:before {
  content: "\e9ab";
}

.icofont-brand-ati:before {
  content: "\e9ac";
}

.icofont-brand-att:before {
  content: "\e9ad";
}

.icofont-brand-audi:before {
  content: "\e9ae";
}

.icofont-brand-axiata:before {
  content: "\e9af";
}

.icofont-brand-bada:before {
  content: "\e9b0";
}

.icofont-brand-bbc:before {
  content: "\e9b1";
}

.icofont-brand-bing:before {
  content: "\e9b2";
}

.icofont-brand-blackberry:before {
  content: "\e9b3";
}

.icofont-brand-bmw:before {
  content: "\e9b4";
}

.icofont-brand-box:before {
  content: "\e9b5";
}

.icofont-brand-burger-king:before {
  content: "\e9b6";
}

.icofont-brand-business-insider:before {
  content: "\e9b7";
}

.icofont-brand-buzzfeed:before {
  content: "\e9b8";
}

.icofont-brand-cannon:before {
  content: "\e9b9";
}

.icofont-brand-casio:before {
  content: "\e9ba";
}

.icofont-brand-china-mobile:before {
  content: "\e9bb";
}

.icofont-brand-china-telecom:before {
  content: "\e9bc";
}

.icofont-brand-china-unicom:before {
  content: "\e9bd";
}

.icofont-brand-cisco:before {
  content: "\e9be";
}

.icofont-brand-citibank:before {
  content: "\e9bf";
}

.icofont-brand-cnet:before {
  content: "\e9c0";
}

.icofont-brand-cnn:before {
  content: "\e9c1";
}

.icofont-brand-cocal-cola:before {
  content: "\e9c2";
}

.icofont-brand-compaq:before {
  content: "\e9c3";
}

.icofont-brand-copy:before {
  content: "\e9c4";
}

.icofont-brand-debian:before {
  content: "\e9c5";
}

.icofont-brand-delicious:before {
  content: "\e9c6";
}

.icofont-brand-dell:before {
  content: "\e9c7";
}

.icofont-brand-designbump:before {
  content: "\e9c8";
}

.icofont-brand-designfloat:before {
  content: "\e9c9";
}

.icofont-brand-disney:before {
  content: "\e9ca";
}

.icofont-brand-dodge:before {
  content: "\e9cb";
}

.icofont-brand-dove:before {
  content: "\e9cc";
}

.icofont-brand-ebay:before {
  content: "\e9cd";
}

.icofont-brand-eleven:before {
  content: "\e9ce";
}

.icofont-brand-emirates:before {
  content: "\e9cf";
}

.icofont-brand-espn:before {
  content: "\e9d0";
}

.icofont-brand-etihad-airways:before {
  content: "\e9d1";
}

.icofont-brand-etisalat:before {
  content: "\e9d2";
}

.icofont-brand-etsy:before {
  content: "\e9d3";
}

.icofont-brand-facebook:before {
  content: "\e9d4";
}

.icofont-brand-fastrack:before {
  content: "\e9d5";
}

.icofont-brand-fedex:before {
  content: "\e9d6";
}

.icofont-brand-ferrari:before {
  content: "\e9d7";
}

.icofont-brand-fitbit:before {
  content: "\e9d8";
}

.icofont-brand-flikr:before {
  content: "\e9d9";
}

.icofont-brand-forbes:before {
  content: "\e9da";
}

.icofont-brand-foursquare:before {
  content: "\e9db";
}

.icofont-brand-fox:before {
  content: "\e9dc";
}

.icofont-brand-foxconn:before {
  content: "\e9dd";
}

.icofont-brand-fujitsu:before {
  content: "\e9de";
}

.icofont-brand-general-electric:before {
  content: "\e9df";
}

.icofont-brand-gillette:before {
  content: "\e9e0";
}

.icofont-brand-gizmodo:before {
  content: "\e9e1";
}

.icofont-brand-gnome:before {
  content: "\e9e2";
}

.icofont-brand-google:before {
  content: "\e9e3";
}

.icofont-brand-gopro:before {
  content: "\e9e4";
}

.icofont-brand-gucci:before {
  content: "\e9e5";
}

.icofont-brand-hallmark:before {
  content: "\e9e6";
}

.icofont-brand-hi5:before {
  content: "\e9e7";
}

.icofont-brand-honda:before {
  content: "\e9e8";
}

.icofont-brand-hp:before {
  content: "\e9e9";
}

.icofont-brand-hsbc:before {
  content: "\e9ea";
}

.icofont-brand-htc:before {
  content: "\e9eb";
}

.icofont-brand-huawei:before {
  content: "\e9ec";
}

.icofont-brand-hulu:before {
  content: "\e9ed";
}

.icofont-brand-hyundai:before {
  content: "\e9ee";
}

.icofont-brand-ibm:before {
  content: "\e9ef";
}

.icofont-brand-icofont:before {
  content: "\e9f0";
}

.icofont-brand-icq:before {
  content: "\e9f1";
}

.icofont-brand-ikea:before {
  content: "\e9f2";
}

.icofont-brand-imdb:before {
  content: "\e9f3";
}

.icofont-brand-indiegogo:before {
  content: "\e9f4";
}

.icofont-brand-intel:before {
  content: "\e9f5";
}

.icofont-brand-ipair:before {
  content: "\e9f6";
}

.icofont-brand-jaguar:before {
  content: "\e9f7";
}

.icofont-brand-java:before {
  content: "\e9f8";
}

.icofont-brand-joomshaper:before {
  content: "\e9f9";
}

.icofont-brand-kickstarter:before {
  content: "\e9fa";
}

.icofont-brand-kik:before {
  content: "\e9fb";
}

.icofont-brand-lastfm:before {
  content: "\e9fc";
}

.icofont-brand-lego:before {
  content: "\e9fd";
}

.icofont-brand-lenovo:before {
  content: "\e9fe";
}

.icofont-brand-levis:before {
  content: "\e9ff";
}

.icofont-brand-lexus:before {
  content: "\ea00";
}

.icofont-brand-lg:before {
  content: "\ea01";
}

.icofont-brand-life-hacker:before {
  content: "\ea02";
}

.icofont-brand-line-messenger:before {
  content: "\ea03";
}

.icofont-brand-linkedin:before {
  content: "\ea04";
}

.icofont-brand-linux-mint:before {
  content: "\ea05";
}

.icofont-brand-linux:before {
  content: "\ea06";
}

.icofont-brand-lionix:before {
  content: "\ea07";
}

.icofont-brand-live-messenger:before {
  content: "\ea08";
}

.icofont-brand-loreal:before {
  content: "\ea09";
}

.icofont-brand-louis-vuitton:before {
  content: "\ea0a";
}

.icofont-brand-mac-os:before {
  content: "\ea0b";
}

.icofont-brand-marvel-app:before {
  content: "\ea0c";
}

.icofont-brand-mashable:before {
  content: "\ea0d";
}

.icofont-brand-mazda:before {
  content: "\ea0e";
}

.icofont-brand-mcdonals:before {
  content: "\ea0f";
}

.icofont-brand-mercedes:before {
  content: "\ea10";
}

.icofont-brand-micromax:before {
  content: "\ea11";
}

.icofont-brand-microsoft:before {
  content: "\ea12";
}

.icofont-brand-mobileme:before {
  content: "\ea13";
}

.icofont-brand-mobily:before {
  content: "\ea14";
}

.icofont-brand-motorola:before {
  content: "\ea15";
}

.icofont-brand-msi:before {
  content: "\ea16";
}

.icofont-brand-mts:before {
  content: "\ea17";
}

.icofont-brand-myspace:before {
  content: "\ea18";
}

.icofont-brand-mytv:before {
  content: "\ea19";
}

.icofont-brand-nasa:before {
  content: "\ea1a";
}

.icofont-brand-natgeo:before {
  content: "\ea1b";
}

.icofont-brand-nbc:before {
  content: "\ea1c";
}

.icofont-brand-nescafe:before {
  content: "\ea1d";
}

.icofont-brand-nestle:before {
  content: "\ea1e";
}

.icofont-brand-netflix:before {
  content: "\ea1f";
}

.icofont-brand-nexus:before {
  content: "\ea20";
}

.icofont-brand-nike:before {
  content: "\ea21";
}

.icofont-brand-nokia:before {
  content: "\ea22";
}

.icofont-brand-nvidia:before {
  content: "\ea23";
}

.icofont-brand-omega:before {
  content: "\ea24";
}

.icofont-brand-opensuse:before {
  content: "\ea25";
}

.icofont-brand-oracle:before {
  content: "\ea26";
}

.icofont-brand-panasonic:before {
  content: "\ea27";
}

.icofont-brand-paypal:before {
  content: "\ea28";
}

.icofont-brand-pepsi:before {
  content: "\ea29";
}

.icofont-brand-philips:before {
  content: "\ea2a";
}

.icofont-brand-pizza-hut:before {
  content: "\ea2b";
}

.icofont-brand-playstation:before {
  content: "\ea2c";
}

.icofont-brand-puma:before {
  content: "\ea2d";
}

.icofont-brand-qatar-air:before {
  content: "\ea2e";
}

.icofont-brand-qvc:before {
  content: "\ea2f";
}

.icofont-brand-readernaut:before {
  content: "\ea30";
}

.icofont-brand-redbull:before {
  content: "\ea31";
}

.icofont-brand-reebok:before {
  content: "\ea32";
}

.icofont-brand-reuters:before {
  content: "\ea33";
}

.icofont-brand-samsung:before {
  content: "\ea34";
}

.icofont-brand-sap:before {
  content: "\ea35";
}

.icofont-brand-saudia-airlines:before {
  content: "\ea36";
}

.icofont-brand-scribd:before {
  content: "\ea37";
}

.icofont-brand-shell:before {
  content: "\ea38";
}

.icofont-brand-siemens:before {
  content: "\ea39";
}

.icofont-brand-sk-telecom:before {
  content: "\ea3a";
}

.icofont-brand-slideshare:before {
  content: "\ea3b";
}

.icofont-brand-smashing-magazine:before {
  content: "\ea3c";
}

.icofont-brand-snapchat:before {
  content: "\ea3d";
}

.icofont-brand-sony-ericsson:before {
  content: "\ea3e";
}

.icofont-brand-sony:before {
  content: "\ea3f";
}

.icofont-brand-soundcloud:before {
  content: "\ea40";
}

.icofont-brand-sprint:before {
  content: "\ea41";
}

.icofont-brand-squidoo:before {
  content: "\ea42";
}

.icofont-brand-starbucks:before {
  content: "\ea43";
}

.icofont-brand-stc:before {
  content: "\ea44";
}

.icofont-brand-steam:before {
  content: "\ea45";
}

.icofont-brand-suzuki:before {
  content: "\ea46";
}

.icofont-brand-symbian:before {
  content: "\ea47";
}

.icofont-brand-t-mobile:before {
  content: "\ea48";
}

.icofont-brand-tango:before {
  content: "\ea49";
}

.icofont-brand-target:before {
  content: "\ea4a";
}

.icofont-brand-tata-indicom:before {
  content: "\ea4b";
}

.icofont-brand-techcrunch:before {
  content: "\ea4c";
}

.icofont-brand-telenor:before {
  content: "\ea4d";
}

.icofont-brand-teliasonera:before {
  content: "\ea4e";
}

.icofont-brand-tesla:before {
  content: "\ea4f";
}

.icofont-brand-the-verge:before {
  content: "\ea50";
}

.icofont-brand-thenextweb:before {
  content: "\ea51";
}

.icofont-brand-toshiba:before {
  content: "\ea52";
}

.icofont-brand-toyota:before {
  content: "\ea53";
}

.icofont-brand-tribenet:before {
  content: "\ea54";
}

.icofont-brand-ubuntu:before {
  content: "\ea55";
}

.icofont-brand-unilever:before {
  content: "\ea56";
}

.icofont-brand-vaio:before {
  content: "\ea57";
}

.icofont-brand-verizon:before {
  content: "\ea58";
}

.icofont-brand-viber:before {
  content: "\ea59";
}

.icofont-brand-vodafone:before {
  content: "\ea5a";
}

.icofont-brand-volkswagen:before {
  content: "\ea5b";
}

.icofont-brand-walmart:before {
  content: "\ea5c";
}

.icofont-brand-warnerbros:before {
  content: "\ea5d";
}

.icofont-brand-whatsapp:before {
  content: "\ea5e";
}

.icofont-brand-wikipedia:before {
  content: "\ea5f";
}

.icofont-brand-windows:before {
  content: "\ea60";
}

.icofont-brand-wire:before {
  content: "\ea61";
}

.icofont-brand-yahoobuzz:before {
  content: "\ea62";
}

.icofont-brand-yamaha:before {
  content: "\ea63";
}

.icofont-brand-youtube:before {
  content: "\ea64";
}

.icofont-brand-zain:before {
  content: "\ea65";
}

.icofont-bank-alt:before {
  content: "\ea66";
}

.icofont-barcode:before {
  content: "\ea67";
}

.icofont-basket:before {
  content: "\ea68";
}

.icofont-bill-alt:before {
  content: "\ea69";
}

.icofont-billboard:before {
  content: "\ea6a";
}

.icofont-briefcase-alt-1:before {
  content: "\ea6b";
}

.icofont-briefcase-alt-2:before {
  content: "\ea6c";
}

.icofont-building-alt:before {
  content: "\ea6d";
}

.icofont-businessman:before {
  content: "\ea6e";
}

.icofont-businesswoman:before {
  content: "\ea6f";
}

.icofont-cart-alt:before {
  content: "\ea70";
}

.icofont-chair:before {
  content: "\ea71";
}

.icofont-clip:before {
  content: "\ea72";
}

.icofont-coins:before {
  content: "\ea73";
}

.icofont-company:before {
  content: "\ea74";
}

.icofont-contact-add:before {
  content: "\ea75";
}

.icofont-deal:before {
  content: "\ea76";
}

.icofont-files:before {
  content: "\ea77";
}

.icofont-growth:before {
  content: "\ea78";
}

.icofont-id-card:before {
  content: "\ea79";
}

.icofont-idea:before {
  content: "\ea7a";
}

.icofont-list:before {
  content: "\ea7b";
}

.icofont-meeting-add:before {
  content: "\ea7c";
}

.icofont-money-bag:before {
  content: "\ea7d";
}

.icofont-people:before {
  content: "\ea7e";
}

.icofont-pie-chart:before {
  content: "\ea7f";
}

.icofont-presentation-alt:before {
  content: "\ea80";
}

.icofont-stamp:before {
  content: "\ea81";
}

.icofont-stock-mobile:before {
  content: "\ea82";
}

.icofont-support:before {
  content: "\ea83";
}

.icofont-tasks-alt:before {
  content: "\ea84";
}

.icofont-wheel:before {
  content: "\ea85";
}

.icofont-chart-arrows-axis:before {
  content: "\ea86";
}

.icofont-chart-bar-graph:before {
  content: "\ea87";
}

.icofont-chart-flow-alt-1:before {
  content: "\ea88";
}

.icofont-chart-flow-alt-2:before {
  content: "\ea89";
}

.icofont-chart-flow:before {
  content: "\ea8a";
}

.icofont-chart-histogram-alt:before {
  content: "\ea8b";
}

.icofont-chart-histogram:before {
  content: "\ea8c";
}

.icofont-chart-line-alt:before {
  content: "\ea8d";
}

.icofont-chart-line:before {
  content: "\ea8e";
}

.icofont-chart-pie-alt:before {
  content: "\ea8f";
}

.icofont-chart-pie:before {
  content: "\ea90";
}

.icofont-chart-radar-graph:before {
  content: "\ea91";
}

.icofont-cur-afghani-false:before {
  content: "\ea92";
}

.icofont-cur-afghani-minus:before {
  content: "\ea93";
}

.icofont-cur-afghani-plus:before {
  content: "\ea94";
}

.icofont-cur-afghani-true:before {
  content: "\ea95";
}

.icofont-cur-afghani:before {
  content: "\ea96";
}

.icofont-cur-baht-false:before {
  content: "\ea97";
}

.icofont-cur-baht-minus:before {
  content: "\ea98";
}

.icofont-cur-baht-plus:before {
  content: "\ea99";
}

.icofont-cur-baht-true:before {
  content: "\ea9a";
}

.icofont-cur-baht:before {
  content: "\ea9b";
}

.icofont-cur-bitcoin-false:before {
  content: "\ea9c";
}

.icofont-cur-bitcoin-minus:before {
  content: "\ea9d";
}

.icofont-cur-bitcoin-plus:before {
  content: "\ea9e";
}

.icofont-cur-bitcoin-true:before {
  content: "\ea9f";
}

.icofont-cur-bitcoin:before {
  content: "\eaa0";
}

.icofont-cur-dollar-flase:before {
  content: "\eaa1";
}

.icofont-cur-dollar-minus:before {
  content: "\eaa2";
}

.icofont-cur-dollar-plus:before {
  content: "\eaa3";
}

.icofont-cur-dollar-true:before {
  content: "\eaa4";
}

.icofont-cur-dollar:before {
  content: "\eaa5";
}

.icofont-cur-dong-false:before {
  content: "\eaa6";
}

.icofont-cur-dong-minus:before {
  content: "\eaa7";
}

.icofont-cur-dong-plus:before {
  content: "\eaa8";
}

.icofont-cur-dong-true:before {
  content: "\eaa9";
}

.icofont-cur-dong:before {
  content: "\eaaa";
}

.icofont-cur-euro-false:before {
  content: "\eaab";
}

.icofont-cur-euro-minus:before {
  content: "\eaac";
}

.icofont-cur-euro-plus:before {
  content: "\eaad";
}

.icofont-cur-euro-true:before {
  content: "\eaae";
}

.icofont-cur-euro:before {
  content: "\eaaf";
}

.icofont-cur-frank-false:before {
  content: "\eab0";
}

.icofont-cur-frank-minus:before {
  content: "\eab1";
}

.icofont-cur-frank-plus:before {
  content: "\eab2";
}

.icofont-cur-frank-true:before {
  content: "\eab3";
}

.icofont-cur-frank:before {
  content: "\eab4";
}

.icofont-cur-hryvnia-false:before {
  content: "\eab5";
}

.icofont-cur-hryvnia-minus:before {
  content: "\eab6";
}

.icofont-cur-hryvnia-plus:before {
  content: "\eab7";
}

.icofont-cur-hryvnia-true:before {
  content: "\eab8";
}

.icofont-cur-hryvnia:before {
  content: "\eab9";
}

.icofont-cur-lira-false:before {
  content: "\eaba";
}

.icofont-cur-lira-minus:before {
  content: "\eabb";
}

.icofont-cur-lira-plus:before {
  content: "\eabc";
}

.icofont-cur-lira-true:before {
  content: "\eabd";
}

.icofont-cur-lira:before {
  content: "\eabe";
}

.icofont-cur-peseta-false:before {
  content: "\eabf";
}

.icofont-cur-peseta-minus:before {
  content: "\eac0";
}

.icofont-cur-peseta-plus:before {
  content: "\eac1";
}

.icofont-cur-peseta-true:before {
  content: "\eac2";
}

.icofont-cur-peseta:before {
  content: "\eac3";
}

.icofont-cur-peso-false:before {
  content: "\eac4";
}

.icofont-cur-peso-minus:before {
  content: "\eac5";
}

.icofont-cur-peso-plus:before {
  content: "\eac6";
}

.icofont-cur-peso-true:before {
  content: "\eac7";
}

.icofont-cur-peso:before {
  content: "\eac8";
}

.icofont-cur-pound-false:before {
  content: "\eac9";
}

.icofont-cur-pound-minus:before {
  content: "\eaca";
}

.icofont-cur-pound-plus:before {
  content: "\eacb";
}

.icofont-cur-pound-true:before {
  content: "\eacc";
}

.icofont-cur-pound:before {
  content: "\eacd";
}

.icofont-cur-renminbi-false:before {
  content: "\eace";
}

.icofont-cur-renminbi-minus:before {
  content: "\eacf";
}

.icofont-cur-renminbi-plus:before {
  content: "\ead0";
}

.icofont-cur-renminbi-true:before {
  content: "\ead1";
}

.icofont-cur-renminbi:before {
  content: "\ead2";
}

.icofont-cur-riyal-false:before {
  content: "\ead3";
}

.icofont-cur-riyal-minus:before {
  content: "\ead4";
}

.icofont-cur-riyal-plus:before {
  content: "\ead5";
}

.icofont-cur-riyal-true:before {
  content: "\ead6";
}

.icofont-cur-riyal:before {
  content: "\ead7";
}

.icofont-cur-rouble-false:before {
  content: "\ead8";
}

.icofont-cur-rouble-minus:before {
  content: "\ead9";
}

.icofont-cur-rouble-plus:before {
  content: "\eada";
}

.icofont-cur-rouble-true:before {
  content: "\eadb";
}

.icofont-cur-rouble:before {
  content: "\eadc";
}

.icofont-cur-rupee-false:before {
  content: "\eadd";
}

.icofont-cur-rupee-minus:before {
  content: "\eade";
}

.icofont-cur-rupee-plus:before {
  content: "\eadf";
}

.icofont-cur-rupee-true:before {
  content: "\eae0";
}

.icofont-cur-rupee:before {
  content: "\eae1";
}

.icofont-cur-taka-false:before {
  content: "\eae2";
}

.icofont-cur-taka-minus:before {
  content: "\eae3";
}

.icofont-cur-taka-plus:before {
  content: "\eae4";
}

.icofont-cur-taka-true:before {
  content: "\eae5";
}

.icofont-cur-taka:before {
  content: "\eae6";
}

.icofont-cur-turkish-lira-false:before {
  content: "\eae7";
}

.icofont-cur-turkish-lira-minus:before {
  content: "\eae8";
}

.icofont-cur-turkish-lira-plus:before {
  content: "\eae9";
}

.icofont-cur-turkish-lira-true:before {
  content: "\eaea";
}

.icofont-cur-turkish-lira:before {
  content: "\eaeb";
}

.icofont-cur-won-false:before {
  content: "\eaec";
}

.icofont-cur-won-minus:before {
  content: "\eaed";
}

.icofont-cur-won-plus:before {
  content: "\eaee";
}

.icofont-cur-won-true:before {
  content: "\eaef";
}

.icofont-cur-won:before {
  content: "\eaf0";
}

.icofont-cur-yen-false:before {
  content: "\eaf1";
}

.icofont-cur-yen-minus:before {
  content: "\eaf2";
}

.icofont-cur-yen-plus:before {
  content: "\eaf3";
}

.icofont-cur-yen-true:before {
  content: "\eaf4";
}

.icofont-cur-yen:before {
  content: "\eaf5";
}

.icofont-android-nexus:before {
  content: "\eaf6";
}

.icofont-android-tablet:before {
  content: "\eaf7";
}

.icofont-apple-watch:before {
  content: "\eaf8";
}

.icofont-drwaing-tablet:before {
  content: "\eaf9";
}

.icofont-earphone:before {
  content: "\eafa";
}

.icofont-flash-drive:before {
  content: "\eafb";
}

.icofont-game-control:before {
  content: "\eafc";
}

.icofont-headphone-alt:before {
  content: "\eafd";
}

.icofont-htc-one:before {
  content: "\eafe";
}

.icofont-imac:before {
  content: "\eaff";
}

.icofont-ipad-touch:before {
  content: "\eb00";
}

.icofont-iphone:before {
  content: "\eb01";
}

.icofont-ipod-nano:before {
  content: "\eb02";
}

.icofont-ipod-touch:before {
  content: "\eb03";
}

.icofont-keyboard-alt:before {
  content: "\eb04";
}

.icofont-keyboard-wireless:before {
  content: "\eb05";
}

.icofont-laptop-alt:before {
  content: "\eb06";
}

.icofont-macbook:before {
  content: "\eb07";
}

.icofont-magic-mouse:before {
  content: "\eb08";
}

.icofont-microphone-alt:before {
  content: "\eb09";
}

.icofont-monitor:before {
  content: "\eb0a";
}

.icofont-mouse:before {
  content: "\eb0b";
}

.icofont-nintendo:before {
  content: "\eb0c";
}

.icofont-playstation:before {
  content: "\eb0d";
}

.icofont-psvita:before {
  content: "\eb0e";
}

.icofont-radio-mic:before {
  content: "\eb0f";
}

.icofont-refrigerator:before {
  content: "\eb10";
}

.icofont-samsung-galaxy:before {
  content: "\eb11";
}

.icofont-surface-tablet:before {
  content: "\eb12";
}

.icofont-washing-machine:before {
  content: "\eb13";
}

.icofont-wifi-router:before {
  content: "\eb14";
}

.icofont-wii-u:before {
  content: "\eb15";
}

.icofont-windows-lumia:before {
  content: "\eb16";
}

.icofont-wireless-mouse:before {
  content: "\eb17";
}

.icofont-xbox-360:before {
  content: "\eb18";
}

.icofont-arrow-down:before {
  content: "\eb19";
}

.icofont-arrow-left:before {
  content: "\eb1a";
}

.icofont-arrow-right:before {
  content: "\eb1b";
}

.icofont-arrow-up:before {
  content: "\eb1c";
}

.icofont-block-down:before {
  content: "\eb1d";
}

.icofont-block-left:before {
  content: "\eb1e";
}

.icofont-block-right:before {
  content: "\eb1f";
}

.icofont-block-up:before {
  content: "\eb20";
}

.icofont-bubble-down:before {
  content: "\eb21";
}

.icofont-bubble-left:before {
  content: "\eb22";
}

.icofont-bubble-right:before {
  content: "\eb23";
}

.icofont-bubble-up:before {
  content: "\eb24";
}

.icofont-caret-down:before {
  content: "\eb25";
}

.icofont-caret-left:before {
  content: "\eb26";
}

.icofont-caret-right:before {
  content: "\eb27";
}

.icofont-caret-up:before {
  content: "\eb28";
}

.icofont-circled-down:before {
  content: "\eb29";
}

.icofont-circled-left:before {
  content: "\eb2a";
}

.icofont-circled-right:before {
  content: "\eb2b";
}

.icofont-circled-up:before {
  content: "\eb2c";
}

.icofont-collapse:before {
  content: "\eb2d";
}

.icofont-cursor-drag:before {
  content: "\eb2e";
}

.icofont-curved-double-left:before {
  content: "\eb2f";
}

.icofont-curved-double-right:before {
  content: "\eb30";
}

.icofont-curved-down:before {
  content: "\eb31";
}

.icofont-curved-left:before {
  content: "\eb32";
}

.icofont-curved-right:before {
  content: "\eb33";
}

.icofont-curved-up:before {
  content: "\eb34";
}

.icofont-dotted-down:before {
  content: "\eb35";
}

.icofont-dotted-left:before {
  content: "\eb36";
}

.icofont-dotted-right:before {
  content: "\eb37";
}

.icofont-dotted-up:before {
  content: "\eb38";
}

.icofont-double-left:before {
  content: "\eb39";
}

.icofont-double-right:before {
  content: "\eb3a";
}

.icofont-drag:before {
  content: "\eb3b";
}

.icofont-drag1:before {
  content: "\eb3c";
}

.icofont-drag2:before {
  content: "\eb3d";
}

.icofont-drag3:before {
  content: "\eb3e";
}

.icofont-expand-alt:before {
  content: "\eb3f";
}

.icofont-hand-down:before {
  content: "\eb40";
}

.icofont-hand-drag:before {
  content: "\eb41";
}

.icofont-hand-drag1:before {
  content: "\eb42";
}

.icofont-hand-drag2:before {
  content: "\eb43";
}

.icofont-hand-drawn-alt-down:before {
  content: "\eb44";
}

.icofont-hand-drawn-alt-left:before {
  content: "\eb45";
}

.icofont-hand-drawn-alt-right:before {
  content: "\eb46";
}

.icofont-hand-drawn-alt-up:before {
  content: "\eb47";
}

.icofont-hand-drawn-down:before {
  content: "\eb48";
}

.icofont-hand-drawn-left:before {
  content: "\eb49";
}

.icofont-hand-drawn-right:before {
  content: "\eb4a";
}

.icofont-hand-drawn-up:before {
  content: "\eb4b";
}

.icofont-hand-left:before {
  content: "\eb4c";
}

.icofont-hand-right:before {
  content: "\eb4d";
}

.icofont-hand-up:before {
  content: "\eb4e";
}

.icofont-line-block-down:before {
  content: "\eb4f";
}

.icofont-line-block-left:before {
  content: "\eb50";
}

.icofont-line-block-right:before {
  content: "\eb51";
}

.icofont-line-block-up:before {
  content: "\eb52";
}

.icofont-long-arrow-down:before {
  content: "\eb53";
}

.icofont-long-arrow-left:before {
  content: "\eb54";
}

.icofont-long-arrow-right:before {
  content: "\eb55";
}

.icofont-long-arrow-up:before {
  content: "\eb56";
}

.icofont-rounded-collapse:before {
  content: "\eb57";
}

.icofont-rounded-double-left:before {
  content: "\eb58";
}

.icofont-rounded-double-right:before {
  content: "\eb59";
}

.icofont-rounded-down:before {
  content: "\eb5a";
}

.icofont-rounded-expand:before {
  content: "\eb5b";
}

.icofont-rounded-left-down:before {
  content: "\eb5c";
}

.icofont-rounded-left-up:before {
  content: "\eb5d";
}

.icofont-rounded-left:before {
  content: "\eb5e";
}

.icofont-rounded-right-down:before {
  content: "\eb5f";
}

.icofont-rounded-right-up:before {
  content: "\eb60";
}

.icofont-rounded-right:before {
  content: "\eb61";
}

.icofont-rounded-up:before {
  content: "\eb62";
}

.icofont-scroll-bubble-down:before {
  content: "\eb63";
}

.icofont-scroll-bubble-left:before {
  content: "\eb64";
}

.icofont-scroll-bubble-right:before {
  content: "\eb65";
}

.icofont-scroll-bubble-up:before {
  content: "\eb66";
}

.icofont-scroll-double-down:before {
  content: "\eb67";
}

.icofont-scroll-double-left:before {
  content: "\eb68";
}

.icofont-scroll-double-right:before {
  content: "\eb69";
}

.icofont-scroll-double-up:before {
  content: "\eb6a";
}

.icofont-scroll-down:before {
  content: "\eb6b";
}

.icofont-scroll-left:before {
  content: "\eb6c";
}

.icofont-scroll-long-down:before {
  content: "\eb6d";
}

.icofont-scroll-long-left:before {
  content: "\eb6e";
}

.icofont-scroll-long-right:before {
  content: "\eb6f";
}

.icofont-scroll-long-up:before {
  content: "\eb70";
}

.icofont-scroll-right:before {
  content: "\eb71";
}

.icofont-scroll-up:before {
  content: "\eb72";
}

.icofont-simple-down:before {
  content: "\eb73";
}

.icofont-simple-left-down:before {
  content: "\eb74";
}

.icofont-simple-left-up:before {
  content: "\eb75";
}

.icofont-simple-left:before {
  content: "\eb76";
}

.icofont-simple-right-down:before {
  content: "\eb77";
}

.icofont-simple-right-up:before {
  content: "\eb78";
}

.icofont-simple-right:before {
  content: "\eb79";
}

.icofont-simple-up:before {
  content: "\eb7a";
}

.icofont-square-down:before {
  content: "\eb7b";
}

.icofont-square-left:before {
  content: "\eb7c";
}

.icofont-square-right:before {
  content: "\eb7d";
}

.icofont-square-up:before {
  content: "\eb7e";
}

.icofont-stylish-down:before {
  content: "\eb7f";
}

.icofont-stylish-left:before {
  content: "\eb80";
}

.icofont-stylish-right:before {
  content: "\eb81";
}

.icofont-stylish-up:before {
  content: "\eb82";
}

.icofont-swoosh-down:before {
  content: "\eb83";
}

.icofont-swoosh-left:before {
  content: "\eb84";
}

.icofont-swoosh-right:before {
  content: "\eb85";
}

.icofont-swoosh-up:before {
  content: "\eb86";
}

.icofont-thin-double-left:before {
  content: "\eb87";
}

.icofont-thin-double-right:before {
  content: "\eb88";
}

.icofont-thin-down:before {
  content: "\eb89";
}

.icofont-thin-left:before {
  content: "\eb8a";
}

.icofont-thin-right:before {
  content: "\eb8b";
}

.icofont-thin-up:before {
  content: "\eb8c";
}

.icofont-atom:before {
  content: "\eb8d";
}

.icofont-award:before {
  content: "\eb8e";
}

.icofont-bell-alt:before {
  content: "\eb8f";
}

.icofont-book-alt:before {
  content: "\eb90";
}

.icofont-brainstorming:before {
  content: "\eb91";
}

.icofont-certificate-alt-1:before {
  content: "\eb92";
}

.icofont-certificate-alt-2:before {
  content: "\eb93";
}

.icofont-dna-alt-2:before {
  content: "\eb94";
}

.icofont-education:before {
  content: "\eb95";
}

.icofont-electron:before {
  content: "\eb96";
}

.icofont-fountain-pen:before {
  content: "\eb97";
}

.icofont-globe-alt:before {
  content: "\eb98";
}

.icofont-graduate-alt:before {
  content: "\eb99";
}

.icofont-group-students:before {
  content: "\eb9a";
}

.icofont-hat-alt:before {
  content: "\eb9b";
}

.icofont-hat:before {
  content: "\eb9c";
}

.icofont-instrument:before {
  content: "\eb9d";
}

.icofont-lamp-light:before {
  content: "\eb9e";
}

.icofont-microscope-alt:before {
  content: "\eb9f";
}

.icofont-paper:before {
  content: "\eba0";
}

.icofont-pen-alt-4:before {
  content: "\eba1";
}

.icofont-pen-nib:before {
  content: "\eba2";
}

.icofont-pencil-alt-5:before {
  content: "\eba3";
}

.icofont-quill-pen:before {
  content: "\eba4";
}

.icofont-read-book-alt:before {
  content: "\eba5";
}

.icofont-read-book:before {
  content: "\eba6";
}

.icofont-school-bag:before {
  content: "\eba7";
}

.icofont-school-bus:before {
  content: "\eba8";
}

.icofont-student-alt:before {
  content: "\eba9";
}

.icofont-student:before {
  content: "\ebaa";
}

.icofont-teacher:before {
  content: "\ebab";
}

.icofont-test-bulb:before {
  content: "\ebac";
}

.icofont-test-tube-alt:before {
  content: "\ebad";
}

.icofont-university:before {
  content: "\ebae";
}

.icofont-emo-angry:before {
  content: "\ebaf";
}

.icofont-emo-astonished:before {
  content: "\ebb0";
}

.icofont-emo-confounded:before {
  content: "\ebb1";
}

.icofont-emo-confused:before {
  content: "\ebb2";
}

.icofont-emo-crying:before {
  content: "\ebb3";
}

.icofont-emo-dizzy:before {
  content: "\ebb4";
}

.icofont-emo-expressionless:before {
  content: "\ebb5";
}

.icofont-emo-heart-eyes:before {
  content: "\ebb6";
}

.icofont-emo-laughing:before {
  content: "\ebb7";
}

.icofont-emo-nerd-smile:before {
  content: "\ebb8";
}

.icofont-emo-open-mouth:before {
  content: "\ebb9";
}

.icofont-emo-rage:before {
  content: "\ebba";
}

.icofont-emo-rolling-eyes:before {
  content: "\ebbb";
}

.icofont-emo-sad:before {
  content: "\ebbc";
}

.icofont-emo-simple-smile:before {
  content: "\ebbd";
}

.icofont-emo-slightly-smile:before {
  content: "\ebbe";
}

.icofont-emo-smirk:before {
  content: "\ebbf";
}

.icofont-emo-stuck-out-tongue:before {
  content: "\ebc0";
}

.icofont-emo-wink-smile:before {
  content: "\ebc1";
}

.icofont-emo-worried:before {
  content: "\ebc2";
}

.icofont-architecture-alt:before {
  content: "\ebc3";
}

.icofont-architecture:before {
  content: "\ebc4";
}

.icofont-barricade:before {
  content: "\ebc5";
}

.icofont-bricks:before {
  content: "\ebc6";
}

.icofont-calculations:before {
  content: "\ebc7";
}

.icofont-cement-mix:before {
  content: "\ebc8";
}

.icofont-cement-mixer:before {
  content: "\ebc9";
}

.icofont-danger-zone:before {
  content: "\ebca";
}

.icofont-drill:before {
  content: "\ebcb";
}

.icofont-eco-energy:before {
  content: "\ebcc";
}

.icofont-eco-environmen:before {
  content: "\ebcd";
}

.icofont-energy-air:before {
  content: "\ebce";
}

.icofont-energy-oil:before {
  content: "\ebcf";
}

.icofont-energy-savings:before {
  content: "\ebd0";
}

.icofont-energy-solar:before {
  content: "\ebd1";
}

.icofont-energy-water:before {
  content: "\ebd2";
}

.icofont-engineer:before {
  content: "\ebd3";
}

.icofont-fire-extinguisher-alt:before {
  content: "\ebd4";
}

.icofont-fix-tools:before {
  content: "\ebd5";
}

.icofont-glue-oil:before {
  content: "\ebd6";
}

.icofont-hammer-alt:before {
  content: "\ebd7";
}

.icofont-help-robot:before {
  content: "\ebd8";
}

.icofont-industries-alt-1:before {
  content: "\ebd9";
}

.icofont-industries-alt-2:before {
  content: "\ebda";
}

.icofont-industries-alt-3:before {
  content: "\ebdb";
}

.icofont-industries-alt-4:before {
  content: "\ebdc";
}

.icofont-industries-alt-5:before {
  content: "\ebdd";
}

.icofont-industries:before {
  content: "\ebde";
}

.icofont-labour:before {
  content: "\ebdf";
}

.icofont-mining:before {
  content: "\ebe0";
}

.icofont-paint-brush:before {
  content: "\ebe1";
}

.icofont-pollution:before {
  content: "\ebe2";
}

.icofont-power-zone:before {
  content: "\ebe3";
}

.icofont-radio-active:before {
  content: "\ebe4";
}

.icofont-recycle-alt:before {
  content: "\ebe5";
}

.icofont-recycling-man:before {
  content: "\ebe6";
}

.icofont-safety-hat-light:before {
  content: "\ebe7";
}

.icofont-safety-hat:before {
  content: "\ebe8";
}

.icofont-saw:before {
  content: "\ebe9";
}

.icofont-screw-driver:before {
  content: "\ebea";
}

.icofont-settings-alt:before {
  content: "\ebeb";
}

.icofont-tools-alt-1:before {
  content: "\ebec";
}

.icofont-tools-alt-2:before {
  content: "\ebed";
}

.icofont-tools-bag:before {
  content: "\ebee";
}

.icofont-trolley:before {
  content: "\ebef";
}

.icofont-trowel:before {
  content: "\ebf0";
}

.icofont-under-construction-alt:before {
  content: "\ebf1";
}

.icofont-under-construction:before {
  content: "\ebf2";
}

.icofont-vehicle-cement:before {
  content: "\ebf3";
}

.icofont-vehicle-crane:before {
  content: "\ebf4";
}

.icofont-vehicle-delivery-van:before {
  content: "\ebf5";
}

.icofont-vehicle-dozer:before {
  content: "\ebf6";
}

.icofont-vehicle-excavator:before {
  content: "\ebf7";
}

.icofont-vehicle-trucktor:before {
  content: "\ebf8";
}

.icofont-vehicle-wrecking:before {
  content: "\ebf9";
}

.icofont-worker-group:before {
  content: "\ebfa";
}

.icofont-worker:before {
  content: "\ebfb";
}

.icofont-wrench:before {
  content: "\ebfc";
}

.icofont-file-audio:before {
  content: "\ebfd";
}

.icofont-file-avi-mp4:before {
  content: "\ebfe";
}

.icofont-file-bmp:before {
  content: "\ebff";
}

.icofont-file-code:before {
  content: "\ec00";
}

.icofont-file-css:before {
  content: "\ec01";
}

.icofont-file-document:before {
  content: "\ec02";
}

.icofont-file-eps:before {
  content: "\ec03";
}

.icofont-file-excel:before {
  content: "\ec04";
}

.icofont-file-exe:before {
  content: "\ec05";
}

.icofont-file-file:before {
  content: "\ec06";
}

.icofont-file-flv:before {
  content: "\ec07";
}

.icofont-file-gif:before {
  content: "\ec08";
}

.icofont-file-html5:before {
  content: "\ec09";
}

.icofont-file-image:before {
  content: "\ec0a";
}

.icofont-file-iso:before {
  content: "\ec0b";
}

.icofont-file-java:before {
  content: "\ec0c";
}

.icofont-file-javascript:before {
  content: "\ec0d";
}

.icofont-file-jpg:before {
  content: "\ec0e";
}

.icofont-file-midi:before {
  content: "\ec0f";
}

.icofont-file-mov:before {
  content: "\ec10";
}

.icofont-file-mp3:before {
  content: "\ec11";
}

.icofont-file-pdf:before {
  content: "\ec12";
}

.icofont-file-php:before {
  content: "\ec13";
}

.icofont-file-png:before {
  content: "\ec14";
}

.icofont-file-powerpoint:before {
  content: "\ec15";
}

.icofont-file-presentation:before {
  content: "\ec16";
}

.icofont-file-psb:before {
  content: "\ec17";
}

.icofont-file-psd:before {
  content: "\ec18";
}

.icofont-file-python:before {
  content: "\ec19";
}

.icofont-file-ruby:before {
  content: "\ec1a";
}

.icofont-file-spreadsheet:before {
  content: "\ec1b";
}

.icofont-file-sql:before {
  content: "\ec1c";
}

.icofont-file-svg:before {
  content: "\ec1d";
}

.icofont-file-text:before {
  content: "\ec1e";
}

.icofont-file-tiff:before {
  content: "\ec1f";
}

.icofont-file-video:before {
  content: "\ec20";
}

.icofont-file-wave:before {
  content: "\ec21";
}

.icofont-file-wmv:before {
  content: "\ec22";
}

.icofont-file-word:before {
  content: "\ec23";
}

.icofont-file-zip:before {
  content: "\ec24";
}

.icofont-apple:before {
  content: "\ec25";
}

.icofont-arabian-coffee:before {
  content: "\ec26";
}

.icofont-artichoke:before {
  content: "\ec27";
}

.icofont-asparagus:before {
  content: "\ec28";
}

.icofont-avocado:before {
  content: "\ec29";
}

.icofont-baby-food:before {
  content: "\ec2a";
}

.icofont-banana:before {
  content: "\ec2b";
}

.icofont-bbq:before {
  content: "\ec2c";
}

.icofont-beans:before {
  content: "\ec2d";
}

.icofont-beer:before {
  content: "\ec2e";
}

.icofont-bell-pepper-capsicum:before {
  content: "\ec2f";
}

.icofont-birthday-cake:before {
  content: "\ec30";
}

.icofont-bread:before {
  content: "\ec31";
}

.icofont-broccoli:before {
  content: "\ec32";
}

.icofont-burger:before {
  content: "\ec33";
}

.icofont-cabbage:before {
  content: "\ec34";
}

.icofont-carrot:before {
  content: "\ec35";
}

.icofont-cauli-flower:before {
  content: "\ec36";
}

.icofont-cheese:before {
  content: "\ec37";
}

.icofont-chef:before {
  content: "\ec38";
}

.icofont-cherry:before {
  content: "\ec39";
}

.icofont-chicken-fry:before {
  content: "\ec3a";
}

.icofont-chicken:before {
  content: "\ec3b";
}

.icofont-cocktail:before {
  content: "\ec3c";
}

.icofont-coconut:before {
  content: "\ec3d";
}

.icofont-coffee-alt:before {
  content: "\ec3e";
}

.icofont-coffee-mug:before {
  content: "\ec3f";
}

.icofont-coffee-pot:before {
  content: "\ec40";
}

.icofont-cola:before {
  content: "\ec41";
}

.icofont-corn:before {
  content: "\ec42";
}

.icofont-croissant:before {
  content: "\ec43";
}

.icofont-crop-plant:before {
  content: "\ec44";
}

.icofont-cucumber:before {
  content: "\ec45";
}

.icofont-cup-cake:before {
  content: "\ec46";
}

.icofont-dining-table:before {
  content: "\ec47";
}

.icofont-donut:before {
  content: "\ec48";
}

.icofont-egg-plant:before {
  content: "\ec49";
}

.icofont-egg-poached:before {
  content: "\ec4a";
}

.icofont-farmer:before {
  content: "\ec4b";
}

.icofont-farmer1:before {
  content: "\ec4c";
}

.icofont-fast-food:before {
  content: "\ec4d";
}

.icofont-fish:before {
  content: "\ec4e";
}

.icofont-food-basket:before {
  content: "\ec4f";
}

.icofont-food-cart:before {
  content: "\ec50";
}

.icofont-fork-and-knife:before {
  content: "\ec51";
}

.icofont-french-fries:before {
  content: "\ec52";
}

.icofont-fresh-juice:before {
  content: "\ec53";
}

.icofont-fruits:before {
  content: "\ec54";
}

.icofont-grapes:before {
  content: "\ec55";
}

.icofont-honey:before {
  content: "\ec56";
}

.icofont-hot-dog:before {
  content: "\ec57";
}

.icofont-hotel-alt:before {
  content: "\ec58";
}

.icofont-ice-cream-alt:before {
  content: "\ec59";
}

.icofont-ice-cream:before {
  content: "\ec5a";
}

.icofont-ketchup:before {
  content: "\ec5b";
}

.icofont-kiwi:before {
  content: "\ec5c";
}

.icofont-layered-cake:before {
  content: "\ec5d";
}

.icofont-lemon-alt:before {
  content: "\ec5e";
}

.icofont-lobster:before {
  content: "\ec5f";
}

.icofont-mango:before {
  content: "\ec60";
}

.icofont-milk:before {
  content: "\ec61";
}

.icofont-mushroom:before {
  content: "\ec62";
}

.icofont-noodles:before {
  content: "\ec63";
}

.icofont-onion:before {
  content: "\ec64";
}

.icofont-orange:before {
  content: "\ec65";
}

.icofont-pear:before {
  content: "\ec66";
}

.icofont-peas:before {
  content: "\ec67";
}

.icofont-pepper:before {
  content: "\ec68";
}

.icofont-pie-alt:before {
  content: "\ec69";
}

.icofont-pineapple:before {
  content: "\ec6a";
}

.icofont-pizza-slice:before {
  content: "\ec6b";
}

.icofont-pizza:before {
  content: "\ec6c";
}

.icofont-plant:before {
  content: "\ec6d";
}

.icofont-popcorn:before {
  content: "\ec6e";
}

.icofont-potato:before {
  content: "\ec6f";
}

.icofont-pumpkin:before {
  content: "\ec70";
}

.icofont-raddish:before {
  content: "\ec71";
}

.icofont-restaurant-menu:before {
  content: "\ec72";
}

.icofont-restaurant:before {
  content: "\ec73";
}

.icofont-salt-and-pepper:before {
  content: "\ec74";
}

.icofont-sandwich:before {
  content: "\ec75";
}

.icofont-sausage:before {
  content: "\ec76";
}

.icofont-shrimp:before {
  content: "\ec77";
}

.icofont-sof-drinks:before {
  content: "\ec78";
}

.icofont-soup-bowl:before {
  content: "\ec79";
}

.icofont-spoon-and-fork:before {
  content: "\ec7a";
}

.icofont-steak:before {
  content: "\ec7b";
}

.icofont-strawberry:before {
  content: "\ec7c";
}

.icofont-sub-sandwich:before {
  content: "\ec7d";
}

.icofont-sushi:before {
  content: "\ec7e";
}

.icofont-taco:before {
  content: "\ec7f";
}

.icofont-tea-pot:before {
  content: "\ec80";
}

.icofont-tea:before {
  content: "\ec81";
}

.icofont-tomato:before {
  content: "\ec82";
}

.icofont-waiter-alt:before {
  content: "\ec83";
}

.icofont-watermelon:before {
  content: "\ec84";
}

.icofont-wheat:before {
  content: "\ec85";
}

.icofont-abc:before {
  content: "\ec86";
}

.icofont-baby-cloth:before {
  content: "\ec87";
}

.icofont-baby-milk-bottle:before {
  content: "\ec88";
}

.icofont-baby-trolley:before {
  content: "\ec89";
}

.icofont-back-pack:before {
  content: "\ec8a";
}

.icofont-candy:before {
  content: "\ec8b";
}

.icofont-cycling:before {
  content: "\ec8c";
}

.icofont-holding-hands:before {
  content: "\ec8d";
}

.icofont-infant-nipple:before {
  content: "\ec8e";
}

.icofont-kids-scooter:before {
  content: "\ec8f";
}

.icofont-safety-pin:before {
  content: "\ec90";
}

.icofont-teddy-bear:before {
  content: "\ec91";
}

.icofont-toy-ball:before {
  content: "\ec92";
}

.icofont-toy-cat:before {
  content: "\ec93";
}

.icofont-toy-duck:before {
  content: "\ec94";
}

.icofont-toy-elephant:before {
  content: "\ec95";
}

.icofont-toy-hand:before {
  content: "\ec96";
}

.icofont-toy-horse:before {
  content: "\ec97";
}

.icofont-toy-lattu:before {
  content: "\ec98";
}

.icofont-toy-train:before {
  content: "\ec99";
}

.icofont-unique-idea:before {
  content: "\ec9a";
}

.icofont-bag-alt:before {
  content: "\ec9b";
}

.icofont-burglar:before {
  content: "\ec9c";
}

.icofont-cannon-firing:before {
  content: "\ec9d";
}

.icofont-cc-camera:before {
  content: "\ec9e";
}

.icofont-cop-badge:before {
  content: "\ec9f";
}

.icofont-cop:before {
  content: "\eca0";
}

.icofont-court-hammer:before {
  content: "\eca1";
}

.icofont-court:before {
  content: "\eca2";
}

.icofont-finger-print:before {
  content: "\eca3";
}

.icofont-handcuff-alt:before {
  content: "\eca4";
}

.icofont-handcuff:before {
  content: "\eca5";
}

.icofont-investigation:before {
  content: "\eca6";
}

.icofont-investigator:before {
  content: "\eca7";
}

.icofont-jail:before {
  content: "\eca8";
}

.icofont-judge:before {
  content: "\eca9";
}

.icofont-law-alt-1:before {
  content: "\ecaa";
}

.icofont-law-alt-2:before {
  content: "\ecab";
}

.icofont-law-alt-3:before {
  content: "\ecac";
}

.icofont-law-book:before {
  content: "\ecad";
}

.icofont-law-document:before {
  content: "\ecae";
}

.icofont-law:before {
  content: "\ecaf";
}

.icofont-lawyer-alt-1:before {
  content: "\ecb0";
}

.icofont-lawyer-alt-2:before {
  content: "\ecb1";
}

.icofont-lawyer:before {
  content: "\ecb2";
}

.icofont-order:before {
  content: "\ecb3";
}

.icofont-pistol:before {
  content: "\ecb4";
}

.icofont-police-badge:before {
  content: "\ecb5";
}

.icofont-police-cap:before {
  content: "\ecb6";
}

.icofont-police-car-alt-1:before {
  content: "\ecb7";
}

.icofont-police-car-alt-2:before {
  content: "\ecb8";
}

.icofont-police-hat:before {
  content: "\ecb9";
}

.icofont-police-van:before {
  content: "\ecba";
}

.icofont-police:before {
  content: "\ecbb";
}

.icofont-protect:before {
  content: "\ecbc";
}

.icofont-scales:before {
  content: "\ecbd";
}

.icofont-thief-alt:before {
  content: "\ecbe";
}

.icofont-thief:before {
  content: "\ecbf";
}

.icofont-abacus-alt:before {
  content: "\ecc0";
}

.icofont-abacus:before {
  content: "\ecc1";
}

.icofont-angle:before {
  content: "\ecc2";
}

.icofont-calculator-alt-1:before {
  content: "\ecc3";
}

.icofont-calculator-alt-2:before {
  content: "\ecc4";
}

.icofont-circle-ruler-alt:before {
  content: "\ecc5";
}

.icofont-circle-ruler:before {
  content: "\ecc6";
}

.icofont-compass-alt-1:before {
  content: "\ecc7";
}

.icofont-compass-alt-2:before {
  content: "\ecc8";
}

.icofont-compass-alt-3:before {
  content: "\ecc9";
}

.icofont-compass-alt-4:before {
  content: "\ecca";
}

.icofont-degrees-alt-1:before {
  content: "\eccb";
}

.icofont-degrees-alt-2:before {
  content: "\eccc";
}

.icofont-degrees:before {
  content: "\eccd";
}

.icofont-golden-ratio:before {
  content: "\ecce";
}

.icofont-marker-alt-1:before {
  content: "\eccf";
}

.icofont-marker-alt-2:before {
  content: "\ecd0";
}

.icofont-marker-alt-3:before {
  content: "\ecd1";
}

.icofont-mathematical-alt-1:before {
  content: "\ecd2";
}

.icofont-mathematical-alt-2:before {
  content: "\ecd3";
}

.icofont-mathematical:before {
  content: "\ecd4";
}

.icofont-pen-alt-1:before {
  content: "\ecd5";
}

.icofont-pen-alt-2:before {
  content: "\ecd6";
}

.icofont-pen-alt-3:before {
  content: "\ecd7";
}

.icofont-pen-holder-alt-1:before {
  content: "\ecd8";
}

.icofont-pen-holder:before {
  content: "\ecd9";
}

.icofont-pencil-alt-1:before {
  content: "\ecda";
}

.icofont-pencil-alt-2:before {
  content: "\ecdb";
}

.icofont-pencil-alt-3:before {
  content: "\ecdc";
}

.icofont-pencil-alt-4:before {
  content: "\ecdd";
}

.icofont-ruler-alt-1:before {
  content: "\ecde";
}

.icofont-ruler-alt-2:before {
  content: "\ecdf";
}

.icofont-ruler-compass-alt:before {
  content: "\ece0";
}

.icofont-ruler-compass:before {
  content: "\ece1";
}

.icofont-ruler-pencil-alt-1:before {
  content: "\ece2";
}

.icofont-ruler-pencil-alt-2:before {
  content: "\ece3";
}

.icofont-ruler-pencil:before {
  content: "\ece4";
}

.icofont-ruler:before {
  content: "\ece5";
}

.icofont-rulers-alt:before {
  content: "\ece6";
}

.icofont-rulers:before {
  content: "\ece7";
}

.icofont-square-root:before {
  content: "\ece8";
}

.icofont-aids:before {
  content: "\ece9";
}

.icofont-ambulance:before {
  content: "\ecea";
}

.icofont-autism:before {
  content: "\eceb";
}

.icofont-bandage:before {
  content: "\ecec";
}

.icofont-bed-patient:before {
  content: "\eced";
}

.icofont-blind:before {
  content: "\ecee";
}

.icofont-blood-drop:before {
  content: "\ecef";
}

.icofont-blood-test:before {
  content: "\ecf0";
}

.icofont-blood:before {
  content: "\ecf1";
}

.icofont-capsule:before {
  content: "\ecf2";
}

.icofont-crutches:before {
  content: "\ecf3";
}

.icofont-dna-alt-1:before {
  content: "\ecf4";
}

.icofont-dna:before {
  content: "\ecf5";
}

.icofont-doctor-alt:before {
  content: "\ecf6";
}

.icofont-doctor:before {
  content: "\ecf7";
}

.icofont-drug-pack:before {
  content: "\ecf8";
}

.icofont-drug:before {
  content: "\ecf9";
}

.icofont-eye-alt:before {
  content: "\ecfa";
}

.icofont-first-aid-alt:before {
  content: "\ecfb";
}

.icofont-garbage:before {
  content: "\ecfc";
}

.icofont-heart-alt:before {
  content: "\ecfd";
}

.icofont-heartbeat:before {
  content: "\ecfe";
}

.icofont-herbal:before {
  content: "\ecff";
}

.icofont-hospital:before {
  content: "\ed00";
}

.icofont-icu:before {
  content: "\ed01";
}

.icofont-injection-syringe:before {
  content: "\ed02";
}

.icofont-laboratory:before {
  content: "\ed03";
}

.icofont-medical-sign-alt:before {
  content: "\ed04";
}

.icofont-medical-sign:before {
  content: "\ed05";
}

.icofont-nurse-alt:before {
  content: "\ed06";
}

.icofont-nurse:before {
  content: "\ed07";
}

.icofont-nursing-home:before {
  content: "\ed08";
}

.icofont-operation-theater:before {
  content: "\ed09";
}

.icofont-paralysis-disability:before {
  content: "\ed0a";
}

.icofont-pills:before {
  content: "\ed0b";
}

.icofont-prescription:before {
  content: "\ed0c";
}

.icofont-pulse:before {
  content: "\ed0d";
}

.icofont-stethoscope-alt:before {
  content: "\ed0e";
}

.icofont-stethoscope:before {
  content: "\ed0f";
}

.icofont-stretcher:before {
  content: "\ed10";
}

.icofont-surgeon-alt:before {
  content: "\ed11";
}

.icofont-surgeon:before {
  content: "\ed12";
}

.icofont-tablets:before {
  content: "\ed13";
}

.icofont-test-bottle:before {
  content: "\ed14";
}

.icofont-test-tube:before {
  content: "\ed15";
}

.icofont-thermometer-alt:before {
  content: "\ed16";
}

.icofont-tooth:before {
  content: "\ed17";
}

.icofont-xray:before {
  content: "\ed18";
}

.icofont-ui-add:before {
  content: "\ed19";
}

.icofont-ui-alarm:before {
  content: "\ed1a";
}

.icofont-ui-battery:before {
  content: "\ed1b";
}

.icofont-ui-block:before {
  content: "\ed1c";
}

.icofont-ui-bluetooth:before {
  content: "\ed1d";
}

.icofont-ui-brightness:before {
  content: "\ed1e";
}

.icofont-ui-browser:before {
  content: "\ed1f";
}

.icofont-ui-calculator:before {
  content: "\ed20";
}

.icofont-ui-calendar:before {
  content: "\ed21";
}

.icofont-ui-call:before {
  content: "\ed22";
}

.icofont-ui-camera:before {
  content: "\ed23";
}

.icofont-ui-cart:before {
  content: "\ed24";
}

.icofont-ui-cell-phone:before {
  content: "\ed25";
}

.icofont-ui-chat:before {
  content: "\ed26";
}

.icofont-ui-check:before {
  content: "\ed27";
}

.icofont-ui-clip-board:before {
  content: "\ed28";
}

.icofont-ui-clip:before {
  content: "\ed29";
}

.icofont-ui-clock:before {
  content: "\ed2a";
}

.icofont-ui-close:before {
  content: "\ed2b";
}

.icofont-ui-contact-list:before {
  content: "\ed2c";
}

.icofont-ui-copy:before {
  content: "\ed2d";
}

.icofont-ui-cut:before {
  content: "\ed2e";
}

.icofont-ui-delete:before {
  content: "\ed2f";
}

.icofont-ui-dial-phone:before {
  content: "\ed30";
}

.icofont-ui-edit:before {
  content: "\ed31";
}

.icofont-ui-email:before {
  content: "\ed32";
}

.icofont-ui-file:before {
  content: "\ed33";
}

.icofont-ui-fire-wall:before {
  content: "\ed34";
}

.icofont-ui-flash-light:before {
  content: "\ed35";
}

.icofont-ui-flight:before {
  content: "\ed36";
}

.icofont-ui-folder:before {
  content: "\ed37";
}

.icofont-ui-game:before {
  content: "\ed38";
}

.icofont-ui-handicapped:before {
  content: "\ed39";
}

.icofont-ui-head-phone:before {
  content: "\ed3a";
}

.icofont-ui-home:before {
  content: "\ed3b";
}

.icofont-ui-image:before {
  content: "\ed3c";
}

.icofont-ui-keyboard:before {
  content: "\ed3d";
}

.icofont-ui-laoding:before {
  content: "\ed3e";
}

.icofont-ui-lock:before {
  content: "\ed3f";
}

.icofont-ui-love-add:before {
  content: "\ed40";
}

.icofont-ui-love-broken:before {
  content: "\ed41";
}

.icofont-ui-love-remove:before {
  content: "\ed42";
}

.icofont-ui-love:before {
  content: "\ed43";
}

.icofont-ui-map:before {
  content: "\ed44";
}

.icofont-ui-message:before {
  content: "\ed45";
}

.icofont-ui-messaging:before {
  content: "\ed46";
}

.icofont-ui-movie:before {
  content: "\ed47";
}

.icofont-ui-music-player:before {
  content: "\ed48";
}

.icofont-ui-music:before {
  content: "\ed49";
}

.icofont-ui-mute:before {
  content: "\ed4a";
}

.icofont-ui-network:before {
  content: "\ed4b";
}

.icofont-ui-next:before {
  content: "\ed4c";
}

.icofont-ui-note:before {
  content: "\ed4d";
}

.icofont-ui-office:before {
  content: "\ed4e";
}

.icofont-ui-password:before {
  content: "\ed4f";
}

.icofont-ui-pause:before {
  content: "\ed50";
}

.icofont-ui-play-stop:before {
  content: "\ed51";
}

.icofont-ui-play:before {
  content: "\ed52";
}

.icofont-ui-pointer:before {
  content: "\ed53";
}

.icofont-ui-power:before {
  content: "\ed54";
}

.icofont-ui-press:before {
  content: "\ed55";
}

.icofont-ui-previous:before {
  content: "\ed56";
}

.icofont-ui-rate-add:before {
  content: "\ed57";
}

.icofont-ui-rate-blank:before {
  content: "\ed58";
}

.icofont-ui-rate-remove:before {
  content: "\ed59";
}

.icofont-ui-rating:before {
  content: "\ed5a";
}

.icofont-ui-record:before {
  content: "\ed5b";
}

.icofont-ui-remove:before {
  content: "\ed5c";
}

.icofont-ui-reply:before {
  content: "\ed5d";
}

.icofont-ui-rotation:before {
  content: "\ed5e";
}

.icofont-ui-rss:before {
  content: "\ed5f";
}

.icofont-ui-search:before {
  content: "\ed60";
}

.icofont-ui-settings:before {
  content: "\ed61";
}

.icofont-ui-social-link:before {
  content: "\ed62";
}

.icofont-ui-tag:before {
  content: "\ed63";
}

.icofont-ui-text-chat:before {
  content: "\ed64";
}

.icofont-ui-text-loading:before {
  content: "\ed65";
}

.icofont-ui-theme:before {
  content: "\ed66";
}

.icofont-ui-timer:before {
  content: "\ed67";
}

.icofont-ui-touch-phone:before {
  content: "\ed68";
}

.icofont-ui-travel:before {
  content: "\ed69";
}

.icofont-ui-unlock:before {
  content: "\ed6a";
}

.icofont-ui-user-group:before {
  content: "\ed6b";
}

.icofont-ui-user:before {
  content: "\ed6c";
}

.icofont-ui-v-card:before {
  content: "\ed6d";
}

.icofont-ui-video-chat:before {
  content: "\ed6e";
}

.icofont-ui-video-message:before {
  content: "\ed6f";
}

.icofont-ui-video-play:before {
  content: "\ed70";
}

.icofont-ui-video:before {
  content: "\ed71";
}

.icofont-ui-volume:before {
  content: "\ed72";
}

.icofont-ui-weather:before {
  content: "\ed73";
}

.icofont-ui-wifi:before {
  content: "\ed74";
}

.icofont-ui-zoom-in:before {
  content: "\ed75";
}

.icofont-ui-zoom-out:before {
  content: "\ed76";
}

.icofont-cassette-player:before {
  content: "\ed77";
}

.icofont-cassette:before {
  content: "\ed78";
}

.icofont-forward:before {
  content: "\ed79";
}

.icofont-game:before {
  content: "\ed7a";
}

.icofont-guiter:before {
  content: "\ed7b";
}

.icofont-headphone-alt-1:before {
  content: "\ed7c";
}

.icofont-headphone-alt-2:before {
  content: "\ed7d";
}

.icofont-headphone-alt-3:before {
  content: "\ed7e";
}

.icofont-listening:before {
  content: "\ed7f";
}

.icofont-megaphone-alt:before {
  content: "\ed80";
}

.icofont-megaphone:before {
  content: "\ed81";
}

.icofont-movie:before {
  content: "\ed82";
}

.icofont-mp3-player:before {
  content: "\ed83";
}

.icofont-multimedia:before {
  content: "\ed84";
}

.icofont-music-disk:before {
  content: "\ed85";
}

.icofont-music-note:before {
  content: "\ed86";
}

.icofont-pause:before {
  content: "\ed87";
}

.icofont-play-alt-1:before {
  content: "\ed88";
}

.icofont-play-alt-2:before {
  content: "\ed89";
}

.icofont-play-alt-3:before {
  content: "\ed8a";
}

.icofont-play-pause:before {
  content: "\ed8b";
}

.icofont-record:before {
  content: "\ed8c";
}

.icofont-retro-music-disk:before {
  content: "\ed8d";
}

.icofont-rewind:before {
  content: "\ed8e";
}

.icofont-song-notes:before {
  content: "\ed8f";
}

.icofont-sound-wave-alt:before {
  content: "\ed90";
}

.icofont-sound-wave:before {
  content: "\ed91";
}

.icofont-stop:before {
  content: "\ed92";
}

.icofont-video-alt:before {
  content: "\ed93";
}

.icofont-video-cam:before {
  content: "\ed94";
}

.icofont-volume-bar:before {
  content: "\ed95";
}

.icofont-volume-mute:before {
  content: "\ed96";
}

.icofont-youtube-play:before {
  content: "\ed97";
}

.icofont-amazon-alt:before {
  content: "\ed98";
}

.icofont-amazon:before {
  content: "\ed99";
}

.icofont-american-express-alt:before {
  content: "\ed9a";
}

.icofont-american-express:before {
  content: "\ed9b";
}

.icofont-apple-pay-alt:before {
  content: "\ed9c";
}

.icofont-apple-pay:before {
  content: "\ed9d";
}

.icofont-bank-transfer-alt:before {
  content: "\ed9e";
}

.icofont-bank-transfer:before {
  content: "\ed9f";
}

.icofont-braintree-alt:before {
  content: "\eda0";
}

.icofont-braintree:before {
  content: "\eda1";
}

.icofont-cash-on-delivery-alt:before {
  content: "\eda2";
}

.icofont-cash-on-delivery:before {
  content: "\eda3";
}

.icofont-checkout-alt:before {
  content: "\eda4";
}

.icofont-checkout:before {
  content: "\eda5";
}

.icofont-diners-club-alt-1:before {
  content: "\eda6";
}

.icofont-diners-club-alt-2:before {
  content: "\eda7";
}

.icofont-diners-club-alt-3:before {
  content: "\eda8";
}

.icofont-diners-club:before {
  content: "\eda9";
}

.icofont-discover-alt:before {
  content: "\edaa";
}

.icofont-discover:before {
  content: "\edab";
}

.icofont-eway-alt:before {
  content: "\edac";
}

.icofont-eway:before {
  content: "\edad";
}

.icofont-google-wallet-alt-1:before {
  content: "\edae";
}

.icofont-google-wallet-alt-2:before {
  content: "\edaf";
}

.icofont-google-wallet-alt-3:before {
  content: "\edb0";
}

.icofont-google-wallet:before {
  content: "\edb1";
}

.icofont-jcb-alt:before {
  content: "\edb2";
}

.icofont-jcb:before {
  content: "\edb3";
}

.icofont-maestro-alt:before {
  content: "\edb4";
}

.icofont-maestro:before {
  content: "\edb5";
}

.icofont-mastercard-alt:before {
  content: "\edb6";
}

.icofont-mastercard:before {
  content: "\edb7";
}

.icofont-payoneer-alt:before {
  content: "\edb8";
}

.icofont-payoneer:before {
  content: "\edb9";
}

.icofont-paypal-alt:before {
  content: "\edba";
}

.icofont-paypal:before {
  content: "\edbb";
}

.icofont-sage-alt:before {
  content: "\edbc";
}

.icofont-sage:before {
  content: "\edbd";
}

.icofont-skrill-alt:before {
  content: "\edbe";
}

.icofont-skrill:before {
  content: "\edbf";
}

.icofont-stripe-alt:before {
  content: "\edc0";
}

.icofont-stripe:before {
  content: "\edc1";
}

.icofont-visa-alt:before {
  content: "\edc2";
}

.icofont-visa-electron:before {
  content: "\edc3";
}

.icofont-visa:before {
  content: "\edc4";
}

.icofont-western-union-alt:before {
  content: "\edc5";
}

.icofont-western-union:before {
  content: "\edc6";
}

.icofont-boy:before {
  content: "\edc7";
}

.icofont-business-man-alt-1:before {
  content: "\edc8";
}

.icofont-business-man-alt-2:before {
  content: "\edc9";
}

.icofont-business-man-alt-3:before {
  content: "\edca";
}

.icofont-business-man:before {
  content: "\edcb";
}

.icofont-funky-man:before {
  content: "\edcc";
}

.icofont-girl-alt:before {
  content: "\edcd";
}

.icofont-girl:before {
  content: "\edce";
}

.icofont-hotel-boy-alt:before {
  content: "\edcf";
}

.icofont-hotel-boy:before {
  content: "\edd0";
}

.icofont-man-in-glasses:before {
  content: "\edd1";
}

.icofont-user-alt-1:before {
  content: "\edd2";
}

.icofont-user-alt-2:before {
  content: "\edd3";
}

.icofont-user-alt-3:before {
  content: "\edd4";
}

.icofont-user-alt-4:before {
  content: "\edd5";
}

.icofont-user-alt-5:before {
  content: "\edd6";
}

.icofont-user-alt-6:before {
  content: "\edd7";
}

.icofont-user-alt-7:before {
  content: "\edd8";
}

.icofont-user-female:before {
  content: "\edd9";
}

.icofont-user-male:before {
  content: "\edda";
}

.icofont-user-suited:before {
  content: "\eddb";
}

.icofont-user:before {
  content: "\eddc";
}

.icofont-users-alt-1:before {
  content: "\eddd";
}

.icofont-users-alt-2:before {
  content: "\edde";
}

.icofont-users-alt-3:before {
  content: "\eddf";
}

.icofont-users-alt-4:before {
  content: "\ede0";
}

.icofont-users-alt-5:before {
  content: "\ede1";
}

.icofont-users-alt-6:before {
  content: "\ede2";
}

.icofont-users-social:before {
  content: "\ede3";
}

.icofont-users:before {
  content: "\ede4";
}

.icofont-waiter:before {
  content: "\ede5";
}

.icofont-woman-in-glasses:before {
  content: "\ede6";
}

.icofont-document-search:before {
  content: "\ede7";
}

.icofont-folder-search:before {
  content: "\ede8";
}

.icofont-home-search:before {
  content: "\ede9";
}

.icofont-job-search:before {
  content: "\edea";
}

.icofont-map-search:before {
  content: "\edeb";
}

.icofont-restaurant-search:before {
  content: "\edec";
}

.icofont-search-alt-1:before {
  content: "\eded";
}

.icofont-search-alt-2:before {
  content: "\edee";
}

.icofont-search:before {
  content: "\edef";
}

.icofont-stock-search:before {
  content: "\edf0";
}

.icofont-user-search:before {
  content: "\edf1";
}

.icofont-social-aim:before {
  content: "\edf2";
}

.icofont-social-badoo:before {
  content: "\edf3";
}

.icofont-social-bebo:before {
  content: "\edf4";
}

.icofont-social-behance:before {
  content: "\edf5";
}

.icofont-social-blogger:before {
  content: "\edf6";
}

.icofont-social-bootstrap:before {
  content: "\edf7";
}

.icofont-social-brightkite:before {
  content: "\edf8";
}

.icofont-social-cloudapp:before {
  content: "\edf9";
}

.icofont-social-concrete5:before {
  content: "\edfa";
}

.icofont-social-designbump:before {
  content: "\edfb";
}

.icofont-social-designfloat:before {
  content: "\edfc";
}

.icofont-social-deviantart:before {
  content: "\edfd";
}

.icofont-social-digg:before {
  content: "\edfe";
}

.icofont-social-dotcms:before {
  content: "\edff";
}

.icofont-social-dribble:before {
  content: "\ee00";
}

.icofont-social-dropbox:before {
  content: "\ee01";
}

.icofont-brand-drupal:before {
  content: "\ee02";
}

.icofont-social-ebuddy:before {
  content: "\ee03";
}

.icofont-social-ello:before {
  content: "\ee04";
}

.icofont-social-ember:before {
  content: "\ee05";
}

.icofont-social-envato:before {
  content: "\ee06";
}

.icofont-social-evernote:before {
  content: "\ee07";
}

.icofont-social-facebook:before {
  content: "\ee08";
}

.icofont-social-feedburner:before {
  content: "\ee09";
}

.icofont-social-folkd:before {
  content: "\ee0a";
}

.icofont-social-friendfeed:before {
  content: "\ee0b";
}

.icofont-social-ghost:before {
  content: "\ee0c";
}

.icofont-social-github:before {
  content: "\ee0d";
}

.icofont-social-gnome:before {
  content: "\ee0e";
}

.icofont-social-google-buzz:before {
  content: "\ee0f";
}

.icofont-social-google-map:before {
  content: "\ee10";
}

.icofont-social-google-plus:before {
  content: "\ee11";
}

.icofont-social-google-talk:before {
  content: "\ee12";
}

.icofont-social-hype-machine:before {
  content: "\ee13";
}

.icofont-social-instagram:before {
  content: "\ee14";
}

.icofont-brand-joomla:before {
  content: "\ee15";
}

.icofont-social-kickstarter:before {
  content: "\ee16";
}

.icofont-social-line:before {
  content: "\ee17";
}

.icofont-social-linux-mint:before {
  content: "\ee18";
}

.icofont-social-livejournal:before {
  content: "\ee19";
}

.icofont-social-magento:before {
  content: "\ee1a";
}

.icofont-social-meetup:before {
  content: "\ee1b";
}

.icofont-social-mixx:before {
  content: "\ee1c";
}

.icofont-social-newsvine:before {
  content: "\ee1d";
}

.icofont-social-nimbuss:before {
  content: "\ee1e";
}

.icofont-social-opencart:before {
  content: "\ee1f";
}

.icofont-social-oscommerce:before {
  content: "\ee20";
}

.icofont-social-pandora:before {
  content: "\ee21";
}

.icofont-social-picasa:before {
  content: "\ee22";
}

.icofont-social-pinterest:before {
  content: "\ee23";
}

.icofont-social-prestashop:before {
  content: "\ee24";
}

.icofont-social-qik:before {
  content: "\ee25";
}

.icofont-social-readernaut:before {
  content: "\ee26";
}

.icofont-social-reddit:before {
  content: "\ee27";
}

.icofont-social-rss:before {
  content: "\ee28";
}

.icofont-social-shopify:before {
  content: "\ee29";
}

.icofont-social-silverstripe:before {
  content: "\ee2a";
}

.icofont-social-skype:before {
  content: "\ee2b";
}

.icofont-social-slashdot:before {
  content: "\ee2c";
}

.icofont-social-smugmug:before {
  content: "\ee2d";
}

.icofont-social-steam:before {
  content: "\ee2e";
}

.icofont-social-stumbleupon:before {
  content: "\ee2f";
}

.icofont-social-technorati:before {
  content: "\ee30";
}

.icofont-social-telegram:before {
  content: "\ee31";
}

.icofont-social-tinder:before {
  content: "\ee32";
}

.icofont-social-tumblr:before {
  content: "\ee33";
}

.icofont-social-twitter:before {
  content: "\ee34";
}

.icofont-social-typo3:before {
  content: "\ee35";
}

.icofont-social-ubercart:before {
  content: "\ee36";
}

.icofont-social-viber:before {
  content: "\ee37";
}

.icofont-social-viddler:before {
  content: "\ee38";
}

.icofont-social-vimeo:before {
  content: "\ee39";
}

.icofont-social-vine:before {
  content: "\ee3a";
}

.icofont-social-virb:before {
  content: "\ee3b";
}

.icofont-social-virtuemart:before {
  content: "\ee3c";
}

.icofont-social-wechat:before {
  content: "\ee3d";
}

.icofont-brand-wordpress:before {
  content: "\ee3e";
}

.icofont-social-xing:before {
  content: "\ee3f";
}

.icofont-social-yahoo:before {
  content: "\ee40";
}

.icofont-social-yelp:before {
  content: "\ee41";
}

.icofont-social-zencart:before {
  content: "\ee42";
}

.icofont-badminton-birdie:before {
  content: "\ee43";
}

.icofont-baseball:before {
  content: "\ee44";
}

.icofont-baseballer:before {
  content: "\ee45";
}

.icofont-basketball-hoop:before {
  content: "\ee46";
}

.icofont-basketball:before {
  content: "\ee47";
}

.icofont-billiard-ball:before {
  content: "\ee48";
}

.icofont-boot-alt-1:before {
  content: "\ee49";
}

.icofont-boot-alt-2:before {
  content: "\ee4a";
}

.icofont-bowling-alt:before {
  content: "\ee4b";
}

.icofont-bowling:before {
  content: "\ee4c";
}

.icofont-canoe:before {
  content: "\ee4d";
}

.icofont-cheer-leader:before {
  content: "\ee4e";
}

.icofont-climbing:before {
  content: "\ee4f";
}

.icofont-corner:before {
  content: "\ee50";
}

.icofont-cyclist:before {
  content: "\ee51";
}

.icofont-dumbbell-alt:before {
  content: "\ee52";
}

.icofont-dumbbell:before {
  content: "\ee53";
}

.icofont-field-alt:before {
  content: "\ee54";
}

.icofont-field:before {
  content: "\ee55";
}

.icofont-football-alt:before {
  content: "\ee56";
}

.icofont-foul:before {
  content: "\ee57";
}

.icofont-goal-keeper:before {
  content: "\ee58";
}

.icofont-goal:before {
  content: "\ee59";
}

.icofont-golf-alt:before {
  content: "\ee5a";
}

.icofont-golf-bag:before {
  content: "\ee5b";
}

.icofont-golf-field:before {
  content: "\ee5c";
}

.icofont-golf:before {
  content: "\ee5d";
}

.icofont-golfer:before {
  content: "\ee5e";
}

.icofont-gym-alt-1:before {
  content: "\ee5f";
}

.icofont-gym-alt-2:before {
  content: "\ee60";
}

.icofont-gym-alt-3:before {
  content: "\ee61";
}

.icofont-gym:before {
  content: "\ee62";
}

.icofont-hand-grippers:before {
  content: "\ee63";
}

.icofont-heart-beat-alt:before {
  content: "\ee64";
}

.icofont-helmet:before {
  content: "\ee65";
}

.icofont-hockey-alt:before {
  content: "\ee66";
}

.icofont-hockey:before {
  content: "\ee67";
}

.icofont-ice-skate:before {
  content: "\ee68";
}

.icofont-jersey-alt:before {
  content: "\ee69";
}

.icofont-jersey:before {
  content: "\ee6a";
}

.icofont-jumping:before {
  content: "\ee6b";
}

.icofont-kick:before {
  content: "\ee6c";
}

.icofont-leg:before {
  content: "\ee6d";
}

.icofont-match-review:before {
  content: "\ee6e";
}

.icofont-medal-alt:before {
  content: "\ee6f";
}

.icofont-muscle-alt:before {
  content: "\ee70";
}

.icofont-muscle:before {
  content: "\ee71";
}

.icofont-offside:before {
  content: "\ee72";
}

.icofont-olympic-logo:before {
  content: "\ee73";
}

.icofont-olympic:before {
  content: "\ee74";
}

.icofont-padding:before {
  content: "\ee75";
}

.icofont-penalty-card:before {
  content: "\ee76";
}

.icofont-racer:before {
  content: "\ee77";
}

.icofont-racing-car:before {
  content: "\ee78";
}

.icofont-racing-flag-alt:before {
  content: "\ee79";
}

.icofont-racing-flag:before {
  content: "\ee7a";
}

.icofont-racings-wheel:before {
  content: "\ee7b";
}

.icofont-referee:before {
  content: "\ee7c";
}

.icofont-refree-jersey:before {
  content: "\ee7d";
}

.icofont-result:before {
  content: "\ee7e";
}

.icofont-rugby-ball:before {
  content: "\ee7f";
}

.icofont-rugby-player:before {
  content: "\ee80";
}

.icofont-rugby:before {
  content: "\ee81";
}

.icofont-runner-alt-1:before {
  content: "\ee82";
}

.icofont-runner-alt-2:before {
  content: "\ee83";
}

.icofont-runner:before {
  content: "\ee84";
}

.icofont-score-board:before {
  content: "\ee85";
}

.icofont-skiing-man:before {
  content: "\ee86";
}

.icofont-skydiving-goggles:before {
  content: "\ee87";
}

.icofont-snow-mobile:before {
  content: "\ee88";
}

.icofont-steering:before {
  content: "\ee89";
}

.icofont-substitute:before {
  content: "\ee8a";
}

.icofont-swimmer:before {
  content: "\ee8b";
}

.icofont-table-tennis:before {
  content: "\ee8c";
}

.icofont-team-alt:before {
  content: "\ee8d";
}

.icofont-team:before {
  content: "\ee8e";
}

.icofont-tennis-player:before {
  content: "\ee8f";
}

.icofont-tennis:before {
  content: "\ee90";
}

.icofont-time:before {
  content: "\ee91";
}

.icofont-track:before {
  content: "\ee92";
}

.icofont-tracking:before {
  content: "\ee93";
}

.icofont-trophy-alt:before {
  content: "\ee94";
}

.icofont-trophy:before {
  content: "\ee95";
}

.icofont-volleyball-alt:before {
  content: "\ee96";
}

.icofont-volleyball-fire:before {
  content: "\ee97";
}

.icofont-volleyball:before {
  content: "\ee98";
}

.icofont-water-bottle:before {
  content: "\ee99";
}

.icofont-whisle:before {
  content: "\ee9a";
}

.icofont-win-trophy:before {
  content: "\ee9b";
}

.icofont-align-center:before {
  content: "\ee9c";
}

.icofont-align-left:before {
  content: "\ee9d";
}

.icofont-align-right:before {
  content: "\ee9e";
}

.icofont-all-caps:before {
  content: "\ee9f";
}

.icofont-bold:before {
  content: "\eea0";
}

.icofont-brush:before {
  content: "\eea1";
}

.icofont-clip-board:before {
  content: "\eea2";
}

.icofont-code-alt:before {
  content: "\eea3";
}

.icofont-color-bucket:before {
  content: "\eea4";
}

.icofont-color-picker:before {
  content: "\eea5";
}

.icofont-copy-alt:before {
  content: "\eea6";
}

.icofont-copy-black:before {
  content: "\eea7";
}

.icofont-cut:before {
  content: "\eea8";
}

.icofont-delete-alt:before {
  content: "\eea9";
}

.icofont-edit-alt:before {
  content: "\eeaa";
}

.icofont-eraser-alt:before {
  content: "\eeab";
}

.icofont-file-alt:before {
  content: "\eeac";
}

.icofont-font:before {
  content: "\eead";
}

.icofont-header:before {
  content: "\eeae";
}

.icofont-indent:before {
  content: "\eeaf";
}

.icofont-italic-alt:before {
  content: "\eeb0";
}

.icofont-justify-all:before {
  content: "\eeb1";
}

.icofont-justify-center:before {
  content: "\eeb2";
}

.icofont-justify-left:before {
  content: "\eeb3";
}

.icofont-justify-right:before {
  content: "\eeb4";
}

.icofont-line-height:before {
  content: "\eeb5";
}

.icofont-link-alt:before {
  content: "\eeb6";
}

.icofont-listine-dots:before {
  content: "\eeb7";
}

.icofont-listing-box:before {
  content: "\eeb8";
}

.icofont-listing-number:before {
  content: "\eeb9";
}

.icofont-marker:before {
  content: "\eeba";
}

.icofont-outdent:before {
  content: "\eebb";
}

.icofont-paper-clip:before {
  content: "\eebc";
}

.icofont-paragraph:before {
  content: "\eebd";
}

.icofont-pin:before {
  content: "\eebe";
}

.icofont-printer:before {
  content: "\eebf";
}

.icofont-redo:before {
  content: "\eec0";
}

.icofont-rotation:before {
  content: "\eec1";
}

.icofont-save:before {
  content: "\eec2";
}

.icofont-small-cap:before {
  content: "\eec3";
}

.icofont-strike-through:before {
  content: "\eec4";
}

.icofont-sub-listing:before {
  content: "\eec5";
}

.icofont-subscript:before {
  content: "\eec6";
}

.icofont-superscript:before {
  content: "\eec7";
}

.icofont-table:before {
  content: "\eec8";
}

.icofont-text-height:before {
  content: "\eec9";
}

.icofont-text-width:before {
  content: "\eeca";
}

.icofont-trash:before {
  content: "\eecb";
}

.icofont-underline:before {
  content: "\eecc";
}

.icofont-undo:before {
  content: "\eecd";
}

.icofont-unlink:before {
  content: "\eece";
}

.icofont-air-balloon:before {
  content: "\eecf";
}

.icofont-airplane-alt:before {
  content: "\eed0";
}

.icofont-airplane:before {
  content: "\eed1";
}

.icofont-ambulance-crescent:before {
  content: "\eed2";
}

.icofont-ambulance-cross:before {
  content: "\eed3";
}

.icofont-articulated-truck:before {
  content: "\eed4";
}

.icofont-auto-rickshaw:before {
  content: "\eed5";
}

.icofont-bicycle-alt-1:before {
  content: "\eed6";
}

.icofont-bicycle-alt-2:before {
  content: "\eed7";
}

.icofont-bull-dozer:before {
  content: "\eed8";
}

.icofont-bus-alt-1:before {
  content: "\eed9";
}

.icofont-bus-alt-2:before {
  content: "\eeda";
}

.icofont-bus-alt-3:before {
  content: "\eedb";
}

.icofont-cable-car:before {
  content: "\eedc";
}

.icofont-car-alt-1:before {
  content: "\eedd";
}

.icofont-car-alt-2:before {
  content: "\eede";
}

.icofont-car-alt-3:before {
  content: "\eedf";
}

.icofont-car-alt-4:before {
  content: "\eee0";
}

.icofont-concrete-mixer:before {
  content: "\eee1";
}

.icofont-delivery-time:before {
  content: "\eee2";
}

.icofont-excavator:before {
  content: "\eee3";
}

.icofont-fast-delivery:before {
  content: "\eee4";
}

.icofont-fire-truck-alt:before {
  content: "\eee5";
}

.icofont-fire-truck:before {
  content: "\eee6";
}

.icofont-fork-lift:before {
  content: "\eee7";
}

.icofont-free-delivery:before {
  content: "\eee8";
}

.icofont-golf-cart:before {
  content: "\eee9";
}

.icofont-helicopter:before {
  content: "\eeea";
}

.icofont-motor-bike-alt:before {
  content: "\eeeb";
}

.icofont-motor-bike:before {
  content: "\eeec";
}

.icofont-motor-biker:before {
  content: "\eeed";
}

.icofont-oil-truck:before {
  content: "\eeee";
}

.icofont-police-car:before {
  content: "\eeef";
}

.icofont-rickshaw:before {
  content: "\eef0";
}

.icofont-rocket-alt-1:before {
  content: "\eef1";
}

.icofont-rocket-alt-2:before {
  content: "\eef2";
}

.icofont-sail-boat:before {
  content: "\eef3";
}

.icofont-scooter:before {
  content: "\eef4";
}

.icofont-sea-plane:before {
  content: "\eef5";
}

.icofont-ship-alt:before {
  content: "\eef6";
}

.icofont-speed-boat:before {
  content: "\eef7";
}

.icofont-taxi:before {
  content: "\eef8";
}

.icofont-tow-truck:before {
  content: "\eef9";
}

.icofont-tractor:before {
  content: "\eefa";
}

.icofont-traffic-light:before {
  content: "\eefb";
}

.icofont-train-line:before {
  content: "\eefc";
}

.icofont-train-steam:before {
  content: "\eefd";
}

.icofont-tram:before {
  content: "\eefe";
}

.icofont-truck-alt:before {
  content: "\eeff";
}

.icofont-truck-loaded:before {
  content: "\ef00";
}

.icofont-truck:before {
  content: "\ef01";
}

.icofont-van-alt:before {
  content: "\ef02";
}

.icofont-van:before {
  content: "\ef03";
}

.icofont-yacht:before {
  content: "\ef04";
}

.icofont-5-star-hotel:before {
  content: "\ef05";
}

.icofont-anchor-alt:before {
  content: "\ef06";
}

.icofont-beach-bed:before {
  content: "\ef07";
}

.icofont-camping-vest:before {
  content: "\ef08";
}

.icofont-coconut-alt:before {
  content: "\ef09";
}

.icofont-direction-sign:before {
  content: "\ef0a";
}

.icofont-hill-side:before {
  content: "\ef0b";
}

.icofont-island-alt:before {
  content: "\ef0c";
}

.icofont-long-drive:before {
  content: "\ef0d";
}

.icofont-map-pins:before {
  content: "\ef0e";
}

.icofont-plane-ticket:before {
  content: "\ef0f";
}

.icofont-sail-boat-alt-1:before {
  content: "\ef10";
}

.icofont-sail-boat-alt-2:before {
  content: "\ef11";
}

.icofont-sandals-female:before {
  content: "\ef12";
}

.icofont-sandals-male:before {
  content: "\ef13";
}

.icofont-travelling:before {
  content: "\ef14";
}

.icofont-breakdown:before {
  content: "\ef15";
}

.icofont-celsius:before {
  content: "\ef16";
}

.icofont-clouds:before {
  content: "\ef17";
}

.icofont-cloudy:before {
  content: "\ef18";
}

.icofont-compass-alt:before {
  content: "\ef19";
}

.icofont-dust:before {
  content: "\ef1a";
}

.icofont-eclipse:before {
  content: "\ef1b";
}

.icofont-fahrenheit:before {
  content: "\ef1c";
}

.icofont-forest-fire:before {
  content: "\ef1d";
}

.icofont-full-night:before {
  content: "\ef1e";
}

.icofont-full-sunny:before {
  content: "\ef1f";
}

.icofont-hail-night:before {
  content: "\ef20";
}

.icofont-hail-rainy-night:before {
  content: "\ef21";
}

.icofont-hail-rainy-sunny:before {
  content: "\ef22";
}

.icofont-hail-rainy:before {
  content: "\ef23";
}

.icofont-hail-sunny:before {
  content: "\ef24";
}

.icofont-hail-thunder-night:before {
  content: "\ef25";
}

.icofont-hail-thunder-sunny:before {
  content: "\ef26";
}

.icofont-hail-thunder:before {
  content: "\ef27";
}

.icofont-hail:before {
  content: "\ef28";
}

.icofont-hill-night:before {
  content: "\ef29";
}

.icofont-hill-sunny:before {
  content: "\ef2a";
}

.icofont-hill:before {
  content: "\ef2b";
}

.icofont-hurricane:before {
  content: "\ef2c";
}

.icofont-island:before {
  content: "\ef2d";
}

.icofont-meteor:before {
  content: "\ef2e";
}

.icofont-night:before {
  content: "\ef2f";
}

.icofont-rainy-night:before {
  content: "\ef30";
}

.icofont-rainy-sunny:before {
  content: "\ef31";
}

.icofont-rainy-thunder:before {
  content: "\ef32";
}

.icofont-rainy:before {
  content: "\ef33";
}

.icofont-showy-night-hail:before {
  content: "\ef34";
}

.icofont-snow-temp:before {
  content: "\ef35";
}

.icofont-snow:before {
  content: "\ef36";
}

.icofont-snowy-hail:before {
  content: "\ef37";
}

.icofont-snowy-night-rainy:before {
  content: "\ef38";
}

.icofont-snowy-night:before {
  content: "\ef39";
}

.icofont-snowy-rainy:before {
  content: "\ef3a";
}

.icofont-snowy-sunny-hail:before {
  content: "\ef3b";
}

.icofont-snowy-sunny-rainy:before {
  content: "\ef3c";
}

.icofont-snowy-sunny:before {
  content: "\ef3d";
}

.icofont-snowy-thunder-night:before {
  content: "\ef3e";
}

.icofont-snowy-thunder-sunny:before {
  content: "\ef3f";
}

.icofont-snowy-thunder:before {
  content: "\ef40";
}

.icofont-snowy-windy-night:before {
  content: "\ef41";
}

.icofont-snowy-windy-sunny:before {
  content: "\ef42";
}

.icofont-snowy-windy:before {
  content: "\ef43";
}

.icofont-snowy:before {
  content: "\ef44";
}

.icofont-sun-alt:before {
  content: "\ef45";
}

.icofont-sun-rise:before {
  content: "\ef46";
}

.icofont-sun-set:before {
  content: "\ef47";
}

.icofont-sunny-day-temp:before {
  content: "\ef48";
}

.icofont-sunny:before {
  content: "\ef49";
}

.icofont-thermometer:before {
  content: "\ef4a";
}

.icofont-thinder-light:before {
  content: "\ef4b";
}

.icofont-tornado:before {
  content: "\ef4c";
}

.icofont-umbrella-alt:before {
  content: "\ef4d";
}

.icofont-volcano:before {
  content: "\ef4e";
}

.icofont-wave:before {
  content: "\ef4f";
}

.icofont-wind-scale-0:before {
  content: "\ef50";
}

.icofont-wind-scale-1:before {
  content: "\ef51";
}

.icofont-wind-scale-2:before {
  content: "\ef52";
}

.icofont-wind-scale-3:before {
  content: "\ef53";
}

.icofont-wind-scale-4:before {
  content: "\ef54";
}

.icofont-wind-scale-5:before {
  content: "\ef55";
}

.icofont-wind-scale-6:before {
  content: "\ef56";
}

.icofont-wind-scale-7:before {
  content: "\ef57";
}

.icofont-wind-scale-8:before {
  content: "\ef58";
}

.icofont-wind-scale-9:before {
  content: "\ef59";
}

.icofont-wind-scale-10:before {
  content: "\ef5a";
}

.icofont-wind-scale-11:before {
  content: "\ef5b";
}

.icofont-wind-scale-12:before {
  content: "\ef5c";
}

.icofont-wind-waves:before {
  content: "\ef5d";
}

.icofont-wind:before {
  content: "\ef5e";
}

.icofont-windy-hail:before {
  content: "\ef5f";
}

.icofont-windy-night:before {
  content: "\ef60";
}

.icofont-windy-raining:before {
  content: "\ef61";
}

.icofont-windy-sunny:before {
  content: "\ef62";
}

.icofont-windy-thunder-raining:before {
  content: "\ef63";
}

.icofont-windy-thunder:before {
  content: "\ef64";
}

.icofont-windy:before {
  content: "\ef65";
}

.icofont-addons:before {
  content: "\ef66";
}

.icofont-address-book:before {
  content: "\ef67";
}

.icofont-adjust:before {
  content: "\ef68";
}

.icofont-alarm:before {
  content: "\ef69";
}

.icofont-anchor:before {
  content: "\ef6a";
}

.icofont-archive:before {
  content: "\ef6b";
}

.icofont-at:before {
  content: "\ef6c";
}

.icofont-attachment:before {
  content: "\ef6d";
}

.icofont-audio:before {
  content: "\ef6e";
}

.icofont-auto-mobile:before {
  content: "\ef6f";
}

.icofont-automation:before {
  content: "\ef70";
}

.icofont-baby:before {
  content: "\ef71";
}

.icofont-badge:before {
  content: "\ef72";
}

.icofont-bag:before {
  content: "\ef73";
}

.icofont-ban:before {
  content: "\ef74";
}

.icofont-bank:before {
  content: "\ef75";
}

.icofont-bar-code:before {
  content: "\ef76";
}

.icofont-bars:before {
  content: "\ef77";
}

.icofont-battery-empty:before {
  content: "\ef78";
}

.icofont-battery-full:before {
  content: "\ef79";
}

.icofont-battery-half:before {
  content: "\ef7a";
}

.icofont-battery-low:before {
  content: "\ef7b";
}

.icofont-beach:before {
  content: "\ef7c";
}

.icofont-beaker:before {
  content: "\ef7d";
}

.icofont-bear:before {
  content: "\ef7e";
}

.icofont-beard:before {
  content: "\ef7f";
}

.icofont-bed:before {
  content: "\ef80";
}

.icofont-bell:before {
  content: "\ef81";
}

.icofont-beverage:before {
  content: "\ef82";
}

.icofont-bicycle:before {
  content: "\ef83";
}

.icofont-bill:before {
  content: "\ef84";
}

.icofont-bin:before {
  content: "\ef85";
}

.icofont-binary:before {
  content: "\ef86";
}

.icofont-binoculars:before {
  content: "\ef87";
}

.icofont-bird:before {
  content: "\ef88";
}

.icofont-birds:before {
  content: "\ef89";
}

.icofont-black-board:before {
  content: "\ef8a";
}

.icofont-bluetooth:before {
  content: "\ef8b";
}

.icofont-bolt:before {
  content: "\ef8c";
}

.icofont-bomb:before {
  content: "\ef8d";
}

.icofont-book-mark:before {
  content: "\ef8e";
}

.icofont-book:before {
  content: "\ef8f";
}

.icofont-boot:before {
  content: "\ef90";
}

.icofont-box:before {
  content: "\ef91";
}

.icofont-brain:before {
  content: "\ef92";
}

.icofont-briefcase:before {
  content: "\ef93";
}

.icofont-broken:before {
  content: "\ef94";
}

.icofont-bucket:before {
  content: "\ef95";
}

.icofont-bucket1:before {
  content: "\ef96";
}

.icofont-bucket2:before {
  content: "\ef97";
}

.icofont-bug:before {
  content: "\ef98";
}

.icofont-building:before {
  content: "\ef99";
}

.icofont-bullet:before {
  content: "\ef9a";
}

.icofont-bullhorn:before {
  content: "\ef9b";
}

.icofont-bullseye:before {
  content: "\ef9c";
}

.icofont-bus:before {
  content: "\ef9d";
}

.icofont-butterfly:before {
  content: "\ef9e";
}

.icofont-cab:before {
  content: "\ef9f";
}

.icofont-calculator:before {
  content: "\efa0";
}

.icofont-calendar:before {
  content: "\efa1";
}

.icofont-camera-alt:before {
  content: "\efa2";
}

.icofont-camera:before {
  content: "\efa3";
}

.icofont-car:before {
  content: "\efa4";
}

.icofont-card:before {
  content: "\efa5";
}

.icofont-cart:before {
  content: "\efa6";
}

.icofont-cc:before {
  content: "\efa7";
}

.icofont-certificate:before {
  content: "\efa8";
}

.icofont-charging:before {
  content: "\efa9";
}

.icofont-chat:before {
  content: "\efaa";
}

.icofont-check-alt:before {
  content: "\efab";
}

.icofont-check-circled:before {
  content: "\efac";
}

.icofont-check:before {
  content: "\efad";
}

.icofont-checked:before {
  content: "\efae";
}

.icofont-children-care:before {
  content: "\efaf";
}

.icofont-clock-time:before {
  content: "\efb0";
}

.icofont-close-circled:before {
  content: "\efb1";
}

.icofont-close-line-circled:before {
  content: "\efb2";
}

.icofont-close-line-squared-alt:before {
  content: "\efb3";
}

.icofont-close-line-squared:before {
  content: "\efb4";
}

.icofont-close-line:before {
  content: "\efb5";
}

.icofont-close-squared-alt:before {
  content: "\efb6";
}

.icofont-close-squared:before {
  content: "\efb7";
}

.icofont-close:before {
  content: "\efb8";
}

.icofont-cloud-download:before {
  content: "\efb9";
}

.icofont-cloud-refresh:before {
  content: "\efba";
}

.icofont-cloud-upload:before {
  content: "\efbb";
}

.icofont-cloud:before {
  content: "\efbc";
}

.icofont-code-not-allowed:before {
  content: "\efbd";
}

.icofont-code:before {
  content: "\efbe";
}

.icofont-coffee-cup:before {
  content: "\efbf";
}

.icofont-comment:before {
  content: "\efc0";
}

.icofont-compass:before {
  content: "\efc1";
}

.icofont-computer:before {
  content: "\efc2";
}

.icofont-connection:before {
  content: "\efc3";
}

.icofont-console:before {
  content: "\efc4";
}

.icofont-contacts:before {
  content: "\efc5";
}

.icofont-contrast:before {
  content: "\efc6";
}

.icofont-copy:before {
  content: "\efc7";
}

.icofont-copyright:before {
  content: "\efc8";
}

.icofont-credit-card:before {
  content: "\efc9";
}

.icofont-crop:before {
  content: "\efca";
}

.icofont-crown:before {
  content: "\efcb";
}

.icofont-cube:before {
  content: "\efcc";
}

.icofont-cubes:before {
  content: "\efcd";
}

.icofont-culinary:before {
  content: "\efce";
}

.icofont-dashboard-web:before {
  content: "\efcf";
}

.icofont-dashboard:before {
  content: "\efd0";
}

.icofont-data:before {
  content: "\efd1";
}

.icofont-database-add:before {
  content: "\efd2";
}

.icofont-database-locked:before {
  content: "\efd3";
}

.icofont-database-remove:before {
  content: "\efd4";
}

.icofont-database:before {
  content: "\efd5";
}

.icofont-delete:before {
  content: "\efd6";
}

.icofont-diamond:before {
  content: "\efd7";
}

.icofont-dice:before {
  content: "\efd8";
}

.icofont-disabled:before {
  content: "\efd9";
}

.icofont-disc:before {
  content: "\efda";
}

.icofont-diskette:before {
  content: "\efdb";
}

.icofont-document-folder:before {
  content: "\efdc";
}

.icofont-download-alt:before {
  content: "\efdd";
}

.icofont-download:before {
  content: "\efde";
}

.icofont-downloaded:before {
  content: "\efdf";
}

.icofont-earth:before {
  content: "\efe0";
}

.icofont-ebook:before {
  content: "\efe1";
}

.icofont-edit:before {
  content: "\efe2";
}

.icofont-eject:before {
  content: "\efe3";
}

.icofont-email:before {
  content: "\efe4";
}

.icofont-envelope-open:before {
  content: "\efe5";
}

.icofont-envelope:before {
  content: "\efe6";
}

.icofont-eraser:before {
  content: "\efe7";
}

.icofont-error:before {
  content: "\efe8";
}

.icofont-exchange:before {
  content: "\efe9";
}

.icofont-exclamation-circle:before {
  content: "\efea";
}

.icofont-exclamation-square:before {
  content: "\efeb";
}

.icofont-exclamation-tringle:before {
  content: "\efec";
}

.icofont-exclamation:before {
  content: "\efed";
}

.icofont-exit:before {
  content: "\efee";
}

.icofont-expand:before {
  content: "\efef";
}

.icofont-external-link:before {
  content: "\eff0";
}

.icofont-external:before {
  content: "\eff1";
}

.icofont-eye-blocked:before {
  content: "\eff2";
}

.icofont-eye-dropper:before {
  content: "\eff3";
}

.icofont-eye:before {
  content: "\eff4";
}

.icofont-favourite:before {
  content: "\eff5";
}

.icofont-fax:before {
  content: "\eff6";
}

.icofont-female:before {
  content: "\eff7";
}

.icofont-file:before {
  content: "\eff8";
}

.icofont-film:before {
  content: "\eff9";
}

.icofont-filter:before {
  content: "\effa";
}

.icofont-fire-burn:before {
  content: "\effb";
}

.icofont-fire-extinguisher:before {
  content: "\effc";
}

.icofont-fire:before {
  content: "\effd";
}

.icofont-first-aid:before {
  content: "\effe";
}

.icofont-flag-alt-1:before {
  content: "\efff";
}

.icofont-flag-alt-2:before {
  content: "\f000";
}

.icofont-flag:before {
  content: "\f001";
}

.icofont-flash-light:before {
  content: "\f002";
}

.icofont-flash:before {
  content: "\f003";
}

.icofont-flask:before {
  content: "\f004";
}

.icofont-focus:before {
  content: "\f005";
}

.icofont-folder-open:before {
  content: "\f006";
}

.icofont-folder:before {
  content: "\f007";
}

.icofont-foot-print:before {
  content: "\f008";
}

.icofont-football-american:before {
  content: "\f009";
}

.icofont-football:before {
  content: "\f00a";
}

.icofont-game-console:before {
  content: "\f00b";
}

.icofont-game-pad:before {
  content: "\f00c";
}

.icofont-gavel:before {
  content: "\f00d";
}

.icofont-gear:before {
  content: "\f00e";
}

.icofont-gears:before {
  content: "\f00f";
}

.icofont-gift:before {
  content: "\f010";
}

.icofont-glass:before {
  content: "\f011";
}

.icofont-globe:before {
  content: "\f012";
}

.icofont-graduate:before {
  content: "\f013";
}

.icofont-graffiti:before {
  content: "\f014";
}

.icofont-grocery:before {
  content: "\f015";
}

.icofont-group:before {
  content: "\f016";
}

.icofont-hammer:before {
  content: "\f017";
}

.icofont-hand:before {
  content: "\f018";
}

.icofont-hanger:before {
  content: "\f019";
}

.icofont-hard-disk:before {
  content: "\f01a";
}

.icofont-headphone:before {
  content: "\f01b";
}

.icofont-heart-beat:before {
  content: "\f01c";
}

.icofont-heart:before {
  content: "\f01d";
}

.icofont-history:before {
  content: "\f01e";
}

.icofont-home:before {
  content: "\f01f";
}

.icofont-horn:before {
  content: "\f020";
}

.icofont-hotel:before {
  content: "\f021";
}

.icofont-hour-glass:before {
  content: "\f022";
}

.icofont-id:before {
  content: "\f023";
}

.icofont-image:before {
  content: "\f024";
}

.icofont-inbox:before {
  content: "\f025";
}

.icofont-infinite:before {
  content: "\f026";
}

.icofont-info-circle:before {
  content: "\f027";
}

.icofont-info-square:before {
  content: "\f028";
}

.icofont-info:before {
  content: "\f029";
}

.icofont-institution:before {
  content: "\f02a";
}

.icofont-interface:before {
  content: "\f02b";
}

.icofont-invisible:before {
  content: "\f02c";
}

.icofont-italic:before {
  content: "\f02d";
}

.icofont-jacket:before {
  content: "\f02e";
}

.icofont-jar:before {
  content: "\f02f";
}

.icofont-jewlery:before {
  content: "\f030";
}

.icofont-karate:before {
  content: "\f031";
}

.icofont-key-hole:before {
  content: "\f032";
}

.icofont-key:before {
  content: "\f033";
}

.icofont-keyboard:before {
  content: "\f034";
}

.icofont-kid:before {
  content: "\f035";
}

.icofont-label:before {
  content: "\f036";
}

.icofont-lamp:before {
  content: "\f037";
}

.icofont-laptop:before {
  content: "\f038";
}

.icofont-layers:before {
  content: "\f039";
}

.icofont-layout:before {
  content: "\f03a";
}

.icofont-leaf:before {
  content: "\f03b";
}

.icofont-leaflet:before {
  content: "\f03c";
}

.icofont-learn:before {
  content: "\f03d";
}

.icofont-legal:before {
  content: "\f03e";
}

.icofont-lego:before {
  content: "\f03f";
}

.icofont-lemon:before {
  content: "\f040";
}

.icofont-lens:before {
  content: "\f041";
}

.icofont-letter:before {
  content: "\f042";
}

.icofont-letterbox:before {
  content: "\f043";
}

.icofont-library:before {
  content: "\f044";
}

.icofont-license:before {
  content: "\f045";
}

.icofont-life-bouy:before {
  content: "\f046";
}

.icofont-life-buoy:before {
  content: "\f047";
}

.icofont-life-jacket:before {
  content: "\f048";
}

.icofont-life-ring:before {
  content: "\f049";
}

.icofont-light-bulb:before {
  content: "\f04a";
}

.icofont-lighter:before {
  content: "\f04b";
}

.icofont-lightning-ray:before {
  content: "\f04c";
}

.icofont-like:before {
  content: "\f04d";
}

.icofont-link:before {
  content: "\f04e";
}

.icofont-live-support:before {
  content: "\f04f";
}

.icofont-location-arrow:before {
  content: "\f050";
}

.icofont-location-pin:before {
  content: "\f051";
}

.icofont-lock:before {
  content: "\f052";
}

.icofont-login:before {
  content: "\f053";
}

.icofont-logout:before {
  content: "\f054";
}

.icofont-lollipop:before {
  content: "\f055";
}

.icofont-look:before {
  content: "\f056";
}

.icofont-loop:before {
  content: "\f057";
}

.icofont-luggage:before {
  content: "\f058";
}

.icofont-lunch:before {
  content: "\f059";
}

.icofont-lungs:before {
  content: "\f05a";
}

.icofont-magic-alt:before {
  content: "\f05b";
}

.icofont-magic:before {
  content: "\f05c";
}

.icofont-magnet:before {
  content: "\f05d";
}

.icofont-mail-box:before {
  content: "\f05e";
}

.icofont-mail:before {
  content: "\f05f";
}

.icofont-male:before {
  content: "\f060";
}

.icofont-map:before {
  content: "\f061";
}

.icofont-math:before {
  content: "\f062";
}

.icofont-maximize:before {
  content: "\f063";
}

.icofont-measure:before {
  content: "\f064";
}

.icofont-medal:before {
  content: "\f065";
}

.icofont-medical:before {
  content: "\f066";
}

.icofont-medicine:before {
  content: "\f067";
}

.icofont-mega-phone:before {
  content: "\f068";
}

.icofont-memorial:before {
  content: "\f069";
}

.icofont-memory-card:before {
  content: "\f06a";
}

.icofont-mic-mute:before {
  content: "\f06b";
}

.icofont-mic:before {
  content: "\f06c";
}

.icofont-micro-chip:before {
  content: "\f06d";
}

.icofont-microphone:before {
  content: "\f06e";
}

.icofont-microscope:before {
  content: "\f06f";
}

.icofont-military:before {
  content: "\f070";
}

.icofont-mill:before {
  content: "\f071";
}

.icofont-minus-circle:before {
  content: "\f072";
}

.icofont-minus-square:before {
  content: "\f073";
}

.icofont-minus:before {
  content: "\f074";
}

.icofont-mobile-phone:before {
  content: "\f075";
}

.icofont-molecule:before {
  content: "\f076";
}

.icofont-money:before {
  content: "\f077";
}

.icofont-moon:before {
  content: "\f078";
}

.icofont-mop:before {
  content: "\f079";
}

.icofont-muffin:before {
  content: "\f07a";
}

.icofont-music-alt:before {
  content: "\f07b";
}

.icofont-music-notes:before {
  content: "\f07c";
}

.icofont-music:before {
  content: "\f07d";
}

.icofont-mustache:before {
  content: "\f07e";
}

.icofont-mute-volume:before {
  content: "\f07f";
}

.icofont-navigation-menu:before {
  content: "\f080";
}

.icofont-navigation:before {
  content: "\f081";
}

.icofont-network-tower:before {
  content: "\f082";
}

.icofont-network:before {
  content: "\f083";
}

.icofont-news:before {
  content: "\f084";
}

.icofont-newspaper:before {
  content: "\f085";
}

.icofont-no-smoking:before {
  content: "\f086";
}

.icofont-not-allowed:before {
  content: "\f087";
}

.icofont-notebook:before {
  content: "\f088";
}

.icofont-notepad:before {
  content: "\f089";
}

.icofont-notification:before {
  content: "\f08a";
}

.icofont-numbered:before {
  content: "\f08b";
}

.icofont-opposite:before {
  content: "\f08c";
}

.icofont-optic:before {
  content: "\f08d";
}

.icofont-options:before {
  content: "\f08e";
}

.icofont-package:before {
  content: "\f08f";
}

.icofont-page:before {
  content: "\f090";
}

.icofont-paint:before {
  content: "\f091";
}

.icofont-paper-plane:before {
  content: "\f092";
}

.icofont-paperclip:before {
  content: "\f093";
}

.icofont-papers:before {
  content: "\f094";
}

.icofont-paw:before {
  content: "\f095";
}

.icofont-pay:before {
  content: "\f096";
}

.icofont-pen:before {
  content: "\f097";
}

.icofont-pencil:before {
  content: "\f098";
}

.icofont-penguin-linux:before {
  content: "\f099";
}

.icofont-pestle:before {
  content: "\f09a";
}

.icofont-phone-circle:before {
  content: "\f09b";
}

.icofont-phone:before {
  content: "\f09c";
}

.icofont-picture:before {
  content: "\f09d";
}

.icofont-pie:before {
  content: "\f09e";
}

.icofont-pine:before {
  content: "\f09f";
}

.icofont-pixels:before {
  content: "\f0a0";
}

.icofont-play:before {
  content: "\f0a1";
}

.icofont-plugin:before {
  content: "\f0a2";
}

.icofont-plus-circle:before {
  content: "\f0a3";
}

.icofont-plus-square:before {
  content: "\f0a4";
}

.icofont-plus:before {
  content: "\f0a5";
}

.icofont-polygonal:before {
  content: "\f0a6";
}

.icofont-power:before {
  content: "\f0a7";
}

.icofont-presentation:before {
  content: "\f0a8";
}

.icofont-price:before {
  content: "\f0a9";
}

.icofont-print:before {
  content: "\f0aa";
}

.icofont-puzzle:before {
  content: "\f0ab";
}

.icofont-qr-code:before {
  content: "\f0ac";
}

.icofont-queen:before {
  content: "\f0ad";
}

.icofont-question-circle:before {
  content: "\f0ae";
}

.icofont-question-square:before {
  content: "\f0af";
}

.icofont-question:before {
  content: "\f0b0";
}

.icofont-quote-left:before {
  content: "\f0b1";
}

.icofont-quote-right:before {
  content: "\f0b2";
}

.icofont-radio:before {
  content: "\f0b3";
}

.icofont-random:before {
  content: "\f0b4";
}

.icofont-recycle:before {
  content: "\f0b5";
}

.icofont-refresh:before {
  content: "\f0b6";
}

.icofont-repair:before {
  content: "\f0b7";
}

.icofont-reply-all:before {
  content: "\f0b8";
}

.icofont-reply:before {
  content: "\f0b9";
}

.icofont-resize:before {
  content: "\f0ba";
}

.icofont-responsive:before {
  content: "\f0bb";
}

.icofont-retweet:before {
  content: "\f0bc";
}

.icofont-road:before {
  content: "\f0bd";
}

.icofont-robot:before {
  content: "\f0be";
}

.icofont-rocket:before {
  content: "\f0bf";
}

.icofont-royal:before {
  content: "\f0c0";
}

.icofont-rss-feed:before {
  content: "\f0c1";
}

.icofont-safety:before {
  content: "\f0c2";
}

.icofont-sale-discount:before {
  content: "\f0c3";
}

.icofont-satellite:before {
  content: "\f0c4";
}

.icofont-send-mail:before {
  content: "\f0c5";
}

.icofont-server:before {
  content: "\f0c6";
}

.icofont-settings:before {
  content: "\f0c7";
}

.icofont-share-alt:before {
  content: "\f0c8";
}

.icofont-share-boxed:before {
  content: "\f0c9";
}

.icofont-share:before {
  content: "\f0ca";
}

.icofont-shield:before {
  content: "\f0cb";
}

.icofont-ship:before {
  content: "\f0cc";
}

.icofont-shopping-cart:before {
  content: "\f0cd";
}

.icofont-sign-in:before {
  content: "\f0ce";
}

.icofont-sign-out:before {
  content: "\f0cf";
}

.icofont-signal:before {
  content: "\f0d0";
}

.icofont-site-map:before {
  content: "\f0d1";
}

.icofont-smart-phone:before {
  content: "\f0d2";
}

.icofont-soccer:before {
  content: "\f0d3";
}

.icofont-sort-alt:before {
  content: "\f0d4";
}

.icofont-sort:before {
  content: "\f0d5";
}

.icofont-space:before {
  content: "\f0d6";
}

.icofont-spanner:before {
  content: "\f0d7";
}

.icofont-speech-comments:before {
  content: "\f0d8";
}

.icofont-speed-meter:before {
  content: "\f0d9";
}

.icofont-spinner-alt-1:before {
  content: "\f0da";
}

.icofont-spinner-alt-2:before {
  content: "\f0db";
}

.icofont-spinner-alt-3:before {
  content: "\f0dc";
}

.icofont-spinner-alt-4:before {
  content: "\f0dd";
}

.icofont-spinner-alt-5:before {
  content: "\f0de";
}

.icofont-spinner-alt-6:before {
  content: "\f0df";
}

.icofont-spinner:before {
  content: "\f0e0";
}

.icofont-spreadsheet:before {
  content: "\f0e1";
}

.icofont-square:before {
  content: "\f0e2";
}

.icofont-ssl-security:before {
  content: "\f0e3";
}

.icofont-star-alt-1:before {
  content: "\f0e4";
}

.icofont-star-alt-2:before {
  content: "\f0e5";
}

.icofont-star:before {
  content: "\f0e6";
}

.icofont-street-view:before {
  content: "\f0e7";
}

.icofont-sun:before {
  content: "\f0e8";
}

.icofont-support-faq:before {
  content: "\f0e9";
}

.icofont-tack-pin:before {
  content: "\f0ea";
}

.icofont-tag:before {
  content: "\f0eb";
}

.icofont-tags:before {
  content: "\f0ec";
}

.icofont-tasks:before {
  content: "\f0ed";
}

.icofont-telephone:before {
  content: "\f0ee";
}

.icofont-telescope:before {
  content: "\f0ef";
}

.icofont-terminal:before {
  content: "\f0f0";
}

.icofont-thumbs-down:before {
  content: "\f0f1";
}

.icofont-thumbs-up:before {
  content: "\f0f2";
}

.icofont-tick-boxed:before {
  content: "\f0f3";
}

.icofont-tick-mark:before {
  content: "\f0f4";
}

.icofont-ticket:before {
  content: "\f0f5";
}

.icofont-tie:before {
  content: "\f0f6";
}

.icofont-toggle-off:before {
  content: "\f0f7";
}

.icofont-toggle-on:before {
  content: "\f0f8";
}

.icofont-tools:before {
  content: "\f0f9";
}

.icofont-transparent:before {
  content: "\f0fa";
}

.icofont-tree:before {
  content: "\f0fb";
}

.icofont-umbrella:before {
  content: "\f0fc";
}

.icofont-unlock:before {
  content: "\f0fd";
}

.icofont-unlocked:before {
  content: "\f0fe";
}

.icofont-upload-alt:before {
  content: "\f0ff";
}

.icofont-upload:before {
  content: "\f100";
}

.icofont-usb-drive:before {
  content: "\f101";
}

.icofont-usb:before {
  content: "\f102";
}

.icofont-vector-path:before {
  content: "\f103";
}

.icofont-verification-check:before {
  content: "\f104";
}

.icofont-video-clapper:before {
  content: "\f105";
}

.icofont-video:before {
  content: "\f106";
}

.icofont-volume-down:before {
  content: "\f107";
}

.icofont-volume-off:before {
  content: "\f108";
}

.icofont-volume-up:before {
  content: "\f109";
}

.icofont-wall-clock:before {
  content: "\f10a";
}

.icofont-wall:before {
  content: "\f10b";
}

.icofont-wallet:before {
  content: "\f10c";
}

.icofont-warning-alt:before {
  content: "\f10d";
}

.icofont-warning:before {
  content: "\f10e";
}

.icofont-water-drop:before {
  content: "\f10f";
}

.icofont-web:before {
  content: "\f110";
}

.icofont-wheelchair:before {
  content: "\f111";
}

.icofont-wifi-alt:before {
  content: "\f112";
}

.icofont-wifi:before {
  content: "\f113";
}

.icofont-world:before {
  content: "\f114";
}

.icofont-zigzag:before {
  content: "\f115";
}

.icofont-zipped:before {
  content: "\f116";
}

.icofont-social-500px:before {
  content: "\f117";
}

.icofont-social-baidu-tieba:before {
  content: "\f118";
}

.icofont-social-bbm-messenger:before {
  content: "\f119";
}

.icofont-social-delicious:before {
  content: "\f11a";
}

.icofont-social-dribbble:before {
  content: "\f11b";
}

.icofont-social-facebook-messenger:before {
  content: "\f11c";
}

.icofont-social-flikr:before {
  content: "\f11d";
}

.icofont-social-foursquare:before {
  content: "\f11e";
}

.icofont-social-google-hangouts:before {
  content: "\f11f";
}

.icofont-social-kakaotalk:before {
  content: "\f120";
}

.icofont-social-kik:before {
  content: "\f121";
}

.icofont-social-kiwibox:before {
  content: "\f122";
}

.icofont-social-linkedin:before {
  content: "\f123";
}

.icofont-social-meetme:before {
  content: "\f124";
}

.icofont-social-odnoklassniki:before {
  content: "\f125";
}

.icofont-social-photobucket:before {
  content: "\f126";
}

.icofont-social-qq:before {
  content: "\f127";
}

.icofont-social-renren:before {
  content: "\f128";
}

.icofont-social-slack:before {
  content: "\f129";
}

.icofont-social-slidshare:before {
  content: "\f12a";
}

.icofont-social-snapchat:before {
  content: "\f12b";
}

.icofont-social-soundcloud:before {
  content: "\f12c";
}

.icofont-social-spotify:before {
  content: "\f12d";
}

.icofont-social-stack-exchange:before {
  content: "\f12e";
}

.icofont-social-stack-overflow:before {
  content: "\f12f";
}

.icofont-social-tagged:before {
  content: "\f130";
}

.icofont-social-trello:before {
  content: "\f131";
}

.icofont-social-twitch:before {
  content: "\f132";
}

.icofont-social-vk:before {
  content: "\f133";
}

.icofont-social-weibo:before {
  content: "\f134";
}

.icofont-social-whatsapp:before {
  content: "\f135";
}

.icofont-social-youku:before {
  content: "\f136";
}

.icofont-social-youtube-play:before {
  content: "\f137";
}

.icofont-social-youtube:before {
  content: "\f138";
}

.icofont-brand-xiaomi:before {
  content: "\f139";
}

/*Font size*/
.icofont-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icofont-2x {
  font-size: 2em;
}

.icofont-3x {
  font-size: 3em;
}

.icofont-4x {
  font-size: 4em;
}

.icofont-5x {
  font-size: 5em;
}

.icofont-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
  width: 1.28571429em;
  text-align: center;
}

/*Fixed Width Icons*/
/*Custom list icons*/
.icofont-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icofont-ul > li {
  position: relative;
}

.icofont-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

/*Animation*/
.icofont-rotate {
  display: inline-block;
  -webkit-animation: icofont-rotate 2s infinite linear;
  animation: icofont-rotate 2s infinite linear;
}

@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "themify";
  src: url("../../fonts/themify/themify.eot?-fvbane");
  src: url("../../fonts/themify/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("../../fonts/themify/themify.woff?-fvbane") format("woff"), url("../../fonts/themify//themify.ttf?-fvbane") format("truetype"), url("../../fonts/themify/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "themify";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  *margin-right: 0.3em;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333em;
}

/* makes sure icons active on rollover in links */
a [class^=icon-],
a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^=icon-].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571429em;
  text-align: right;
  padding-right: 0.2857142857em;
}
[class^=icon-].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714286em;
}

.icons-ul {
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  text-align: center;
  line-height: inherit;
}

[class^=icon-].hide,
[class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: white;
}

.icon-dark {
  color: #333333;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^=icon-].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^=icon-].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^=icon-],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block;
}

.icon-wand:before {
  content: "\e600";
}

.icon-volume:before {
  content: "\e601";
}

.icon-user:before {
  content: "\e602";
}

.icon-unlock:before {
  content: "\e603";
}

.icon-unlink:before {
  content: "\e604";
}

.icon-trash:before {
  content: "\e605";
}

.icon-thought:before {
  content: "\e606";
}

.icon-target:before {
  content: "\e607";
}

.icon-tag:before {
  content: "\e608";
}

.icon-tablet:before {
  content: "\e609";
}

.icon-star:before {
  content: "\e60a";
}

.icon-spray:before {
  content: "\e60b";
}

.icon-signal:before {
  content: "\e60c";
}

.icon-shopping-cart:before {
  content: "\e60d";
}

.icon-shopping-cart-full:before {
  content: "\e60e";
}

.icon-settings:before {
  content: "\e60f";
}

.icon-search:before {
  content: "\e610";
}

.icon-zoom-in:before {
  content: "\e611";
}

.icon-zoom-out:before {
  content: "\e612";
}

.icon-cut:before {
  content: "\e613";
}

.icon-ruler:before {
  content: "\e614";
}

.icon-ruler-pencil:before {
  content: "\e615";
}

.icon-ruler-alt:before {
  content: "\e616";
}

.icon-bookmark:before {
  content: "\e617";
}

.icon-bookmark-alt:before {
  content: "\e618";
}

.icon-reload:before {
  content: "\e619";
}

.icon-plus:before {
  content: "\e61a";
}

.icon-pin:before {
  content: "\e61b";
}

.icon-pencil:before {
  content: "\e61c";
}

.icon-pencil-alt:before {
  content: "\e61d";
}

.icon-paint-roller:before {
  content: "\e61e";
}

.icon-paint-bucket:before {
  content: "\e61f";
}

.icon-na:before {
  content: "\e620";
}

.icon-mobile:before {
  content: "\e621";
}

.icon-minus:before {
  content: "\e622";
}

.icon-medall:before {
  content: "\e623";
}

.icon-medall-alt:before {
  content: "\e624";
}

.icon-marker:before {
  content: "\e625";
}

.icon-marker-alt:before {
  content: "\e626";
}

.icon-arrow-up:before {
  content: "\e627";
}

.icon-arrow-right:before {
  content: "\e628";
}

.icon-arrow-left:before {
  content: "\e629";
}

.icon-arrow-down:before {
  content: "\e62a";
}

.icon-lock:before {
  content: "\e62b";
}

.icon-location-arrow:before {
  content: "\e62c";
}

.icon-link:before {
  content: "\e62d";
}

.icon-layout:before {
  content: "\e62e";
}

.icon-layers:before {
  content: "\e62f";
}

.icon-layers-alt:before {
  content: "\e630";
}

.icon-key:before {
  content: "\e631";
}

.icon-import:before {
  content: "\e632";
}

.icon-image:before {
  content: "\e633";
}

.icon-heart:before {
  content: "\e634";
}

.icon-heart-broken:before {
  content: "\e635";
}

.icon-hand-stop:before {
  content: "\e636";
}

.icon-hand-open:before {
  content: "\e637";
}

.icon-hand-drag:before {
  content: "\e638";
}

.icon-folder:before {
  content: "\e639";
}

.icon-flag:before {
  content: "\e63a";
}

.icon-flag-alt:before {
  content: "\e63b";
}

.icon-flag-alt-2:before {
  content: "\e63c";
}

.icon-eye:before {
  content: "\e63d";
}

.icon-export:before {
  content: "\e63e";
}

.icon-exchange-vertical:before {
  content: "\e63f";
}

.icon-desktop:before {
  content: "\e640";
}

.icon-cup:before {
  content: "\e641";
}

.icon-crown:before {
  content: "\e642";
}

.icon-comments:before {
  content: "\e643";
}

.icon-comment:before {
  content: "\e644";
}

.icon-comment-alt:before {
  content: "\e645";
}

.icon-close:before {
  content: "\e646";
}

.icon-clip:before {
  content: "\e647";
}

.icon-angle-up:before {
  content: "\e648";
}

.icon-angle-right:before {
  content: "\e649";
}

.icon-angle-left:before {
  content: "\e64a";
}

.icon-angle-down:before {
  content: "\e64b";
}

.icon-check:before {
  content: "\e64c";
}

.icon-check-box:before {
  content: "\e64d";
}

.icon-camera:before {
  content: "\e64e";
}

.icon-announcement:before {
  content: "\e64f";
}

.icon-brush:before {
  content: "\e650";
}

.icon-briefcase:before {
  content: "\e651";
}

.icon-bolt:before {
  content: "\e652";
}

.icon-bolt-alt:before {
  content: "\e653";
}

.icon-blackboard:before {
  content: "\e654";
}

.icon-bag:before {
  content: "\e655";
}

.icon-move:before {
  content: "\e656";
}

.icon-arrows-vertical:before {
  content: "\e657";
}

.icon-arrows-horizontal:before {
  content: "\e658";
}

.icon-fullscreen:before {
  content: "\e659";
}

.icon-arrow-top-right:before {
  content: "\e65a";
}

.icon-arrow-top-left:before {
  content: "\e65b";
}

.icon-arrow-circle-up:before {
  content: "\e65c";
}

.icon-arrow-circle-right:before {
  content: "\e65d";
}

.icon-arrow-circle-left:before {
  content: "\e65e";
}

.icon-arrow-circle-down:before {
  content: "\e65f";
}

.icon-angle-double-up:before {
  content: "\e660";
}

.icon-angle-double-right:before {
  content: "\e661";
}

.icon-angle-double-left:before {
  content: "\e662";
}

.icon-angle-double-down:before {
  content: "\e663";
}

.icon-zip:before {
  content: "\e664";
}

.icon-world:before {
  content: "\e665";
}

.icon-wheelchair:before {
  content: "\e666";
}

.icon-view-list:before {
  content: "\e667";
}

.icon-view-list-alt:before {
  content: "\e668";
}

.icon-view-grid:before {
  content: "\e669";
}

.icon-uppercase:before {
  content: "\e66a";
}

.icon-upload:before {
  content: "\e66b";
}

.icon-underline:before {
  content: "\e66c";
}

.icon-truck:before {
  content: "\e66d";
}

.icon-timer:before {
  content: "\e66e";
}

.icon-ticket:before {
  content: "\e66f";
}

.icon-thumb-up:before {
  content: "\e670";
}

.icon-thumb-down:before {
  content: "\e671";
}

.icon-text:before {
  content: "\e672";
}

.icon-stats-up:before {
  content: "\e673";
}

.icon-stats-down:before {
  content: "\e674";
}

.icon-split-v:before {
  content: "\e675";
}

.icon-split-h:before {
  content: "\e676";
}

.icon-smallcap:before {
  content: "\e677";
}

.icon-shine:before {
  content: "\e678";
}

.icon-shift-right:before {
  content: "\e679";
}

.icon-shift-left:before {
  content: "\e67a";
}

.icon-shield:before {
  content: "\e67b";
}

.icon-notepad:before {
  content: "\e67c";
}

.icon-server:before {
  content: "\e67d";
}

.icon-quote-right:before {
  content: "\e67e";
}

.icon-quote-left:before {
  content: "\e67f";
}

.icon-pulse:before {
  content: "\e680";
}

.icon-printer:before {
  content: "\e681";
}

.icon-power-off:before {
  content: "\e682";
}

.icon-plug:before {
  content: "\e683";
}

.icon-pie-chart:before {
  content: "\e684";
}

.icon-paragraph:before {
  content: "\e685";
}

.icon-panel:before {
  content: "\e686";
}

.icon-package:before {
  content: "\e687";
}

.icon-music:before {
  content: "\e688";
}

.icon-music-alt:before {
  content: "\e689";
}

.icon-mouse:before {
  content: "\e68a";
}

.icon-mouse-alt:before {
  content: "\e68b";
}

.icon-money:before {
  content: "\e68c";
}

.icon-microphone:before {
  content: "\e68d";
}

.icon-menu:before {
  content: "\e68e";
}

.icon-menu-alt:before {
  content: "\e68f";
}

.icon-map:before {
  content: "\e690";
}

.icon-map-alt:before {
  content: "\e691";
}

.icon-loop:before {
  content: "\e692";
}

.icon-location-pin:before {
  content: "\e693";
}

.icon-list:before {
  content: "\e694";
}

.icon-light-bulb:before {
  content: "\e695";
}

.icon-Italic:before {
  content: "\e696";
}

.icon-info:before {
  content: "\e697";
}

.icon-infinite:before {
  content: "\e698";
}

.icon-id-badge:before {
  content: "\e699";
}

.icon-hummer:before {
  content: "\e69a";
}

.icon-home:before {
  content: "\e69b";
}

.icon-help:before {
  content: "\e69c";
}

.icon-headphone:before {
  content: "\e69d";
}

.icon-harddrives:before {
  content: "\e69e";
}

.icon-harddrive:before {
  content: "\e69f";
}

.icon-gift:before {
  content: "\e6a0";
}

.icon-game:before {
  content: "\e6a1";
}

.icon-filter:before {
  content: "\e6a2";
}

.icon-files:before {
  content: "\e6a3";
}

.icon-file:before {
  content: "\e6a4";
}

.icon-eraser:before {
  content: "\e6a5";
}

.icon-envelope:before {
  content: "\e6a6";
}

.icon-download:before {
  content: "\e6a7";
}

.icon-direction:before {
  content: "\e6a8";
}

.icon-direction-alt:before {
  content: "\e6a9";
}

.icon-dashboard:before {
  content: "\e6aa";
}

.icon-control-stop:before {
  content: "\e6ab";
}

.icon-control-shuffle:before {
  content: "\e6ac";
}

.icon-control-play:before {
  content: "\e6ad";
}

.icon-control-pause:before {
  content: "\e6ae";
}

.icon-control-forward:before {
  content: "\e6af";
}

.icon-control-backward:before {
  content: "\e6b0";
}

.icon-cloud:before {
  content: "\e6b1";
}

.icon-cloud-up:before {
  content: "\e6b2";
}

.icon-cloud-down:before {
  content: "\e6b3";
}

.icon-clipboard:before {
  content: "\e6b4";
}

.icon-car:before {
  content: "\e6b5";
}

.icon-calendar:before {
  content: "\e6b6";
}

.icon-book:before {
  content: "\e6b7";
}

.icon-bell:before {
  content: "\e6b8";
}

.icon-basketball:before {
  content: "\e6b9";
}

.icon-bar-chart:before {
  content: "\e6ba";
}

.icon-bar-chart-alt:before {
  content: "\e6bb";
}

.icon-back-right:before {
  content: "\e6bc";
}

.icon-back-left:before {
  content: "\e6bd";
}

.icon-arrows-corner:before {
  content: "\e6be";
}

.icon-archive:before {
  content: "\e6bf";
}

.icon-anchor:before {
  content: "\e6c0";
}

.icon-align-right:before {
  content: "\e6c1";
}

.icon-align-left:before {
  content: "\e6c2";
}

.icon-align-justify:before {
  content: "\e6c3";
}

.icon-align-center:before {
  content: "\e6c4";
}

.icon-alert:before {
  content: "\e6c5";
}

.icon-alarm-clock:before {
  content: "\e6c6";
}

.icon-agenda:before {
  content: "\e6c7";
}

.icon-write:before {
  content: "\e6c8";
}

.icon-window:before {
  content: "\e6c9";
}

.icon-widgetized:before {
  content: "\e6ca";
}

.icon-widget:before {
  content: "\e6cb";
}

.icon-widget-alt:before {
  content: "\e6cc";
}

.icon-wallet:before {
  content: "\e6cd";
}

.icon-video-clapper:before {
  content: "\e6ce";
}

.icon-video-camera:before {
  content: "\e6cf";
}

.icon-vector:before {
  content: "\e6d0";
}

.icon-themify-logo:before {
  content: "\e6d1";
}

.icon-themify-favicon:before {
  content: "\e6d2";
}

.icon-themify-favicon-alt:before {
  content: "\e6d3";
}

.icon-support:before {
  content: "\e6d4";
}

.icon-stamp:before {
  content: "\e6d5";
}

.icon-split-v-alt:before {
  content: "\e6d6";
}

.icon-slice:before {
  content: "\e6d7";
}

.icon-shortcode:before {
  content: "\e6d8";
}

.icon-shift-right-alt:before {
  content: "\e6d9";
}

.icon-shift-left-alt:before {
  content: "\e6da";
}

.icon-ruler-alt-2:before {
  content: "\e6db";
}

.icon-receipt:before {
  content: "\e6dc";
}

.icon-pin2:before {
  content: "\e6dd";
}

.icon-pin-alt:before {
  content: "\e6de";
}

.icon-pencil-alt2:before {
  content: "\e6df";
}

.icon-palette:before {
  content: "\e6e0";
}

.icon-more:before {
  content: "\e6e1";
}

.icon-more-alt:before {
  content: "\e6e2";
}

.icon-microphone-alt:before {
  content: "\e6e3";
}

.icon-magnet:before {
  content: "\e6e4";
}

.icon-line-double:before {
  content: "\e6e5";
}

.icon-line-dotted:before {
  content: "\e6e6";
}

.icon-line-dashed:before {
  content: "\e6e7";
}

.icon-layout-width-full:before {
  content: "\e6e8";
}

.icon-layout-width-default:before {
  content: "\e6e9";
}

.icon-layout-width-default-alt:before {
  content: "\e6ea";
}

.icon-layout-tab:before {
  content: "\e6eb";
}

.icon-layout-tab-window:before {
  content: "\e6ec";
}

.icon-layout-tab-v:before {
  content: "\e6ed";
}

.icon-layout-tab-min:before {
  content: "\e6ee";
}

.icon-layout-slider:before {
  content: "\e6ef";
}

.icon-layout-slider-alt:before {
  content: "\e6f0";
}

.icon-layout-sidebar-right:before {
  content: "\e6f1";
}

.icon-layout-sidebar-none:before {
  content: "\e6f2";
}

.icon-layout-sidebar-left:before {
  content: "\e6f3";
}

.icon-layout-placeholder:before {
  content: "\e6f4";
}

.icon-layout-menu:before {
  content: "\e6f5";
}

.icon-layout-menu-v:before {
  content: "\e6f6";
}

.icon-layout-menu-separated:before {
  content: "\e6f7";
}

.icon-layout-menu-full:before {
  content: "\e6f8";
}

.icon-layout-media-right-alt:before {
  content: "\e6f9";
}

.icon-layout-media-right:before {
  content: "\e6fa";
}

.icon-layout-media-overlay:before {
  content: "\e6fb";
}

.icon-layout-media-overlay-alt:before {
  content: "\e6fc";
}

.icon-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}

.icon-layout-media-left-alt:before {
  content: "\e6fe";
}

.icon-layout-media-left:before {
  content: "\e6ff";
}

.icon-layout-media-center-alt:before {
  content: "\e700";
}

.icon-layout-media-center:before {
  content: "\e701";
}

.icon-layout-list-thumb:before {
  content: "\e702";
}

.icon-layout-list-thumb-alt:before {
  content: "\e703";
}

.icon-layout-list-post:before {
  content: "\e704";
}

.icon-layout-list-large-image:before {
  content: "\e705";
}

.icon-layout-line-solid:before {
  content: "\e706";
}

.icon-layout-grid4:before {
  content: "\e707";
}

.icon-layout-grid3:before {
  content: "\e708";
}

.icon-layout-grid2:before {
  content: "\e709";
}

.icon-layout-grid2-thumb:before {
  content: "\e70a";
}

.icon-layout-cta-right:before {
  content: "\e70b";
}

.icon-layout-cta-left:before {
  content: "\e70c";
}

.icon-layout-cta-center:before {
  content: "\e70d";
}

.icon-layout-cta-btn-right:before {
  content: "\e70e";
}

.icon-layout-cta-btn-left:before {
  content: "\e70f";
}

.icon-layout-column4:before {
  content: "\e710";
}

.icon-layout-column3:before {
  content: "\e711";
}

.icon-layout-column2:before {
  content: "\e712";
}

.icon-layout-accordion-separated:before {
  content: "\e713";
}

.icon-layout-accordion-merged:before {
  content: "\e714";
}

.icon-layout-accordion-list:before {
  content: "\e715";
}

.icon-ink-pen:before {
  content: "\e716";
}

.icon-info-alt:before {
  content: "\e717";
}

.icon-help-alt:before {
  content: "\e718";
}

.icon-headphone-alt:before {
  content: "\e719";
}

.icon-hand-point-up:before {
  content: "\e71a";
}

.icon-hand-point-right:before {
  content: "\e71b";
}

.icon-hand-point-left:before {
  content: "\e71c";
}

.icon-hand-point-down:before {
  content: "\e71d";
}

.icon-gallery:before {
  content: "\e71e";
}

.icon-face-smile:before {
  content: "\e71f";
}

.icon-face-sad:before {
  content: "\e720";
}

.icon-credit-card:before {
  content: "\e721";
}

.icon-control-skip-forward:before {
  content: "\e722";
}

.icon-control-skip-backward:before {
  content: "\e723";
}

.icon-control-record:before {
  content: "\e724";
}

.icon-control-eject:before {
  content: "\e725";
}

.icon-comments-smiley:before {
  content: "\e726";
}

.icon-brush-alt:before {
  content: "\e727";
}

.icon-youtube:before {
  content: "\e728";
}

.icon-vimeo:before {
  content: "\e729";
}

.icon-twitter:before {
  content: "\e72a";
}

.icon-time:before {
  content: "\e72b";
}

.icon-tumblr:before {
  content: "\e72c";
}

.icon-skype:before {
  content: "\e72d";
}

.icon-share:before {
  content: "\e72e";
}

.icon-share-alt:before {
  content: "\e72f";
}

.icon-rocket:before {
  content: "\e730";
}

.icon-pinterest:before {
  content: "\e731";
}

.icon-new-window:before {
  content: "\e732";
}

.icon-microsoft:before {
  content: "\e733";
}

.icon-list-ol:before {
  content: "\e734";
}

.icon-linkedin:before {
  content: "\e735";
}

.icon-layout-sidebar-2:before {
  content: "\e736";
}

.icon-layout-grid4-alt:before {
  content: "\e737";
}

.icon-layout-grid3-alt:before {
  content: "\e738";
}

.icon-layout-grid2-alt:before {
  content: "\e739";
}

.icon-layout-column4-alt:before {
  content: "\e73a";
}

.icon-layout-column3-alt:before {
  content: "\e73b";
}

.icon-layout-column2-alt:before {
  content: "\e73c";
}

.icon-instagram:before {
  content: "\e73d";
}

.icon-google:before {
  content: "\e73e";
}

.icon-github:before {
  content: "\e73f";
}

.icon-flickr:before {
  content: "\e740";
}

.icon-facebook:before {
  content: "\e741";
}

.icon-dropbox:before {
  content: "\e742";
}

.icon-dribbble:before {
  content: "\e743";
}

.icon-apple:before {
  content: "\e744";
}

.icon-android:before {
  content: "\e745";
}

.icon-save:before {
  content: "\e746";
}

.icon-save-alt:before {
  content: "\e747";
}

.icon-yahoo:before {
  content: "\e748";
}

.icon-wordpress:before {
  content: "\e749";
}

.icon-vimeo-alt:before {
  content: "\e74a";
}

.icon-twitter-alt:before {
  content: "\e74b";
}

.icon-tumblr-alt:before {
  content: "\e74c";
}

.icon-trello:before {
  content: "\e74d";
}

.icon-stack-overflow:before {
  content: "\e74e";
}

.icon-soundcloud:before {
  content: "\e74f";
}

.icon-sharethis:before {
  content: "\e750";
}

.icon-sharethis-alt:before {
  content: "\e751";
}

.icon-reddit:before {
  content: "\e752";
}

.icon-pinterest-alt:before {
  content: "\e753";
}

.icon-microsoft-alt:before {
  content: "\e754";
}

.icon-linux:before {
  content: "\e755";
}

.icon-jsfiddle:before {
  content: "\e756";
}

.icon-joomla:before {
  content: "\e757";
}

.icon-html5:before {
  content: "\e758";
}

.icon-flickr-alt:before {
  content: "\e759";
}

.icon-email:before {
  content: "\e75a";
}

.icon-drupal:before {
  content: "\e75b";
}

.icon-dropbox-alt:before {
  content: "\e75c";
}

.icon-css3:before {
  content: "\e75d";
}

.icon-rss:before {
  content: "\e75e";
}

.icon-rss-alt:before {
  content: "\e75f";
}
@charset "UTF-8";
.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-es-ct {
  background-image: url(../../fonts/flag-icon/es-ct.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/es-ct.svg);
}

.flag-icon-eu {
  background-image: url(../../fonts/flag-icon/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(../../fonts/flag-icon/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(../../fonts/flag-icon/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(../../fonts/flag-icon/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(../../fonts/flag-icon/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(../../fonts/flag-icon/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/un.svg);
}

.flag-icon-ad {
  background-image: url(../../fonts/flag-icon/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ad.svg);
}

.flag-icon-ae {
  background-image: url(../../fonts/flag-icon/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ae.svg);
}

.flag-icon-af {
  background-image: url(../../fonts/flag-icon/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/af.svg);
}

.flag-icon-ag {
  background-image: url(../../fonts/flag-icon/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ag.svg);
}

.flag-icon-ai {
  background-image: url(../../fonts/flag-icon/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ai.svg);
}

.flag-icon-al {
  background-image: url(../../fonts/flag-icon/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/al.svg);
}

.flag-icon-am {
  background-image: url(../../fonts/flag-icon/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/am.svg);
}

.flag-icon-ao {
  background-image: url(../../fonts/flag-icon/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ao.svg);
}

.flag-icon-aq {
  background-image: url(../../fonts/flag-icon/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/aq.svg);
}

.flag-icon-ar {
  background-image: url(../../fonts/flag-icon/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ar.svg);
}

.flag-icon-as {
  background-image: url(../../fonts/flag-icon/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/as.svg);
}

.flag-icon-at {
  background-image: url(../../fonts/flag-icon/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/at.svg);
}

.flag-icon-au {
  background-image: url(../../fonts/flag-icon/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/au.svg);
}

.flag-icon-aw {
  background-image: url(../../fonts/flag-icon/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/aw.svg);
}

.flag-icon-ax {
  background-image: url(../../fonts/flag-icon/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ax.svg);
}

.flag-icon-az {
  background-image: url(../../fonts/flag-icon/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/az.svg);
}

.flag-icon-ba {
  background-image: url(../../fonts/flag-icon/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ba.svg);
}

.flag-icon-bb {
  background-image: url(../../fonts/flag-icon/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bb.svg);
}

.flag-icon-bd {
  background-image: url(../../fonts/flag-icon/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bd.svg);
}

.flag-icon-be {
  background-image: url(../../fonts/flag-icon/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/be.svg);
}

.flag-icon-bf {
  background-image: url(../../fonts/flag-icon/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bf.svg);
}

.flag-icon-bg {
  background-image: url(../../fonts/flag-icon/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bg.svg);
}

.flag-icon-bh {
  background-image: url(../../fonts/flag-icon/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bh.svg);
}

.flag-icon-bi {
  background-image: url(../../fonts/flag-icon/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bi.svg);
}

.flag-icon-bj {
  background-image: url(../../fonts/flag-icon/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bj.svg);
}

.flag-icon-bl {
  background-image: url(../../fonts/flag-icon/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bl.svg);
}

.flag-icon-bm {
  background-image: url(../../fonts/flag-icon/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bm.svg);
}

.flag-icon-bn {
  background-image: url(../../fonts/flag-icon/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bn.svg);
}

.flag-icon-bo {
  background-image: url(../../fonts/flag-icon/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bo.svg);
}

.flag-icon-bq {
  background-image: url(../../fonts/flag-icon/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bq.svg);
}

.flag-icon-br {
  background-image: url(../../fonts/flag-icon/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/br.svg);
}

.flag-icon-bs {
  background-image: url(../../fonts/flag-icon/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bs.svg);
}

.flag-icon-bt {
  background-image: url(../../fonts/flag-icon/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bt.svg);
}

.flag-icon-bv {
  background-image: url(../../fonts/flag-icon/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bv.svg);
}

.flag-icon-bw {
  background-image: url(../../fonts/flag-icon/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bw.svg);
}

.flag-icon-by {
  background-image: url(../../fonts/flag-icon/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/by.svg);
}

.flag-icon-bz {
  background-image: url(../../fonts/flag-icon/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/bz.svg);
}

.flag-icon-ca {
  background-image: url(../../fonts/flag-icon/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ca.svg);
}

.flag-icon-cc {
  background-image: url(../../fonts/flag-icon/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cc.svg);
}

.flag-icon-cd {
  background-image: url(../../fonts/flag-icon/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cd.svg);
}

.flag-icon-cf {
  background-image: url(../../fonts/flag-icon/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cf.svg);
}

.flag-icon-cg {
  background-image: url(../../fonts/flag-icon/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cg.svg);
}

.flag-icon-ch {
  background-image: url(../../fonts/flag-icon/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ch.svg);
}

.flag-icon-ci {
  background-image: url(../../fonts/flag-icon/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ci.svg);
}

.flag-icon-ck {
  background-image: url(../../fonts/flag-icon/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ck.svg);
}

.flag-icon-cl {
  background-image: url(../../fonts/flag-icon/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cl.svg);
}

.flag-icon-cm {
  background-image: url(../../fonts/flag-icon/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cm.svg);
}

.flag-icon-cn {
  background-image: url(../../fonts/flag-icon/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cn.svg);
}

.flag-icon-co {
  background-image: url(../../fonts/flag-icon/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/co.svg);
}

.flag-icon-cr {
  background-image: url(../../fonts/flag-icon/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cr.svg);
}

.flag-icon-cu {
  background-image: url(../../fonts/flag-icon/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cu.svg);
}

.flag-icon-cv {
  background-image: url(../../fonts/flag-icon/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cv.svg);
}

.flag-icon-cw {
  background-image: url(../../fonts/flag-icon/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cw.svg);
}

.flag-icon-cx {
  background-image: url(../../fonts/flag-icon/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cx.svg);
}

.flag-icon-cy {
  background-image: url(../../fonts/flag-icon/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cy.svg);
}

.flag-icon-cz {
  background-image: url(../../fonts/flag-icon/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/cz.svg);
}

.flag-icon-de {
  background-image: url(../../fonts/flag-icon/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/de.svg);
}

.flag-icon-dj {
  background-image: url(../../fonts/flag-icon/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/dj.svg);
}

.flag-icon-dk {
  background-image: url(../../fonts/flag-icon/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/dk.svg);
}

.flag-icon-dm {
  background-image: url(../../fonts/flag-icon/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/dm.svg);
}

.flag-icon-do {
  background-image: url(../../fonts/flag-icon/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/do.svg);
}

.flag-icon-dz {
  background-image: url(../../fonts/flag-icon/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/dz.svg);
}

.flag-icon-ec {
  background-image: url(../../fonts/flag-icon/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ec.svg);
}

.flag-icon-ee {
  background-image: url(../../fonts/flag-icon/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ee.svg);
}

.flag-icon-eg {
  background-image: url(../../fonts/flag-icon/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/eg.svg);
}

.flag-icon-eh {
  background-image: url(../../fonts/flag-icon/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/eh.svg);
}

.flag-icon-er {
  background-image: url(../../fonts/flag-icon/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/er.svg);
}

.flag-icon-es {
  background-image: url(../../fonts/flag-icon/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/es.svg);
}

.flag-icon-et {
  background-image: url(../../fonts/flag-icon/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/et.svg);
}

.flag-icon-fi {
  background-image: url(../../fonts/flag-icon/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fi.svg);
}

.flag-icon-fj {
  background-image: url(../../fonts/flag-icon/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fj.svg);
}

.flag-icon-fk {
  background-image: url(../../fonts/flag-icon/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fk.svg);
}

.flag-icon-fm {
  background-image: url(../../fonts/flag-icon/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fm.svg);
}

.flag-icon-fo {
  background-image: url(../../fonts/flag-icon/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fo.svg);
}

.flag-icon-fr {
  background-image: url(../../fonts/flag-icon/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/fr.svg);
}

.flag-icon-ga {
  background-image: url(../../fonts/flag-icon/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ga.svg);
}

.flag-icon-gb {
  background-image: url(../../fonts/flag-icon/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gb.svg);
}

.flag-icon-gd {
  background-image: url(../../fonts/flag-icon/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gd.svg);
}

.flag-icon-ge {
  background-image: url(../../fonts/flag-icon/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ge.svg);
}

.flag-icon-gf {
  background-image: url(../../fonts/flag-icon/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gf.svg);
}

.flag-icon-gg {
  background-image: url(../../fonts/flag-icon/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gg.svg);
}

.flag-icon-gh {
  background-image: url(../../fonts/flag-icon/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gh.svg);
}

.flag-icon-gi {
  background-image: url(../../fonts/flag-icon/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gi.svg);
}

.flag-icon-gl {
  background-image: url(../../fonts/flag-icon/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gl.svg);
}

.flag-icon-gm {
  background-image: url(../../fonts/flag-icon/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gm.svg);
}

.flag-icon-gn {
  background-image: url(../../fonts/flag-icon/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gn.svg);
}

.flag-icon-gp {
  background-image: url(../../fonts/flag-icon/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gp.svg);
}

.flag-icon-gq {
  background-image: url(../../fonts/flag-icon/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gq.svg);
}

.flag-icon-gr {
  background-image: url(../../fonts/flag-icon/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gr.svg);
}

.flag-icon-gs {
  background-image: url(../../fonts/flag-icon/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gs.svg);
}

.flag-icon-gt {
  background-image: url(../../fonts/flag-icon/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gt.svg);
}

.flag-icon-gu {
  background-image: url(../../fonts/flag-icon/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gu.svg);
}

.flag-icon-gw {
  background-image: url(../../fonts/flag-icon/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gw.svg);
}

.flag-icon-gy {
  background-image: url(../../fonts/flag-icon/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/gy.svg);
}

.flag-icon-hk {
  background-image: url(../../fonts/flag-icon/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/hk.svg);
}

.flag-icon-hm {
  background-image: url(../../fonts/flag-icon/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/hm.svg);
}

.flag-icon-hn {
  background-image: url(../../fonts/flag-icon/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/hn.svg);
}

.flag-icon-hr {
  background-image: url(../../fonts/flag-icon/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/hr.svg);
}

.flag-icon-ht {
  background-image: url(../../fonts/flag-icon/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ht.svg);
}

.flag-icon-hu {
  background-image: url(../../fonts/flag-icon/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/hu.svg);
}

.flag-icon-id {
  background-image: url(../../fonts/flag-icon/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/id.svg);
}

.flag-icon-ie {
  background-image: url(../../fonts/flag-icon/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ie.svg);
}

.flag-icon-il {
  background-image: url(../../fonts/flag-icon/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/il.svg);
}

.flag-icon-im {
  background-image: url(../../fonts/flag-icon/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/im.svg);
}

.flag-icon-in {
  background-image: url(../../fonts/flag-icon/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/in.svg);
}

.flag-icon-io {
  background-image: url(../../fonts/flag-icon/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/io.svg);
}

.flag-icon-iq {
  background-image: url(../../fonts/flag-icon/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/iq.svg);
}

.flag-icon-ir {
  background-image: url(../../fonts/flag-icon/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ir.svg);
}

.flag-icon-is {
  background-image: url(../../fonts/flag-icon/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/is.svg);
}

.flag-icon-it {
  background-image: url(../../fonts/flag-icon/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/it.svg);
}

.flag-icon-je {
  background-image: url(../../fonts/flag-icon/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/je.svg);
}

.flag-icon-jm {
  background-image: url(../../fonts/flag-icon/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/jm.svg);
}

.flag-icon-jo {
  background-image: url(../../fonts/flag-icon/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/jo.svg);
}

.flag-icon-jp {
  background-image: url(../../fonts/flag-icon/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/jp.svg);
}

.flag-icon-ke {
  background-image: url(../../fonts/flag-icon/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ke.svg);
}

.flag-icon-kg {
  background-image: url(../../fonts/flag-icon/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kg.svg);
}

.flag-icon-kh {
  background-image: url(../../fonts/flag-icon/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kh.svg);
}

.flag-icon-ki {
  background-image: url(../../fonts/flag-icon/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ki.svg);
}

.flag-icon-km {
  background-image: url(../../fonts/flag-icon/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/km.svg);
}

.flag-icon-kn {
  background-image: url(../../fonts/flag-icon/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kn.svg);
}

.flag-icon-kp {
  background-image: url(../../fonts/flag-icon/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kp.svg);
}

.flag-icon-kr {
  background-image: url(../../fonts/flag-icon/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kr.svg);
}

.flag-icon-kw {
  background-image: url(../../fonts/flag-icon/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kw.svg);
}

.flag-icon-ky {
  background-image: url(../../fonts/flag-icon/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ky.svg);
}

.flag-icon-kz {
  background-image: url(../../fonts/flag-icon/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/kz.svg);
}

.flag-icon-la {
  background-image: url(../../fonts/flag-icon/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/la.svg);
}

.flag-icon-lb {
  background-image: url(../../fonts/flag-icon/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lb.svg);
}

.flag-icon-lc {
  background-image: url(../../fonts/flag-icon/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lc.svg);
}

.flag-icon-li {
  background-image: url(../../fonts/flag-icon/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/li.svg);
}

.flag-icon-lk {
  background-image: url(../../fonts/flag-icon/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lk.svg);
}

.flag-icon-lr {
  background-image: url(../../fonts/flag-icon/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lr.svg);
}

.flag-icon-ls {
  background-image: url(../../fonts/flag-icon/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ls.svg);
}

.flag-icon-lt {
  background-image: url(../../fonts/flag-icon/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lt.svg);
}

.flag-icon-lu {
  background-image: url(../../fonts/flag-icon/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lu.svg);
}

.flag-icon-lv {
  background-image: url(../../fonts/flag-icon/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/lv.svg);
}

.flag-icon-ly {
  background-image: url(../../fonts/flag-icon/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ly.svg);
}

.flag-icon-ma {
  background-image: url(../../fonts/flag-icon/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ma.svg);
}

.flag-icon-mc {
  background-image: url(../../fonts/flag-icon/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mc.svg);
}

.flag-icon-md {
  background-image: url(../../fonts/flag-icon/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/md.svg);
}

.flag-icon-me {
  background-image: url(../../fonts/flag-icon/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/me.svg);
}

.flag-icon-mf {
  background-image: url(../../fonts/flag-icon/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mf.svg);
}

.flag-icon-mg {
  background-image: url(../../fonts/flag-icon/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mg.svg);
}

.flag-icon-mh {
  background-image: url(../../fonts/flag-icon/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mh.svg);
}

.flag-icon-mk {
  background-image: url(../../fonts/flag-icon/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mk.svg);
}

.flag-icon-ml {
  background-image: url(../../fonts/flag-icon/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ml.svg);
}

.flag-icon-mm {
  background-image: url(../../fonts/flag-icon/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mm.svg);
}

.flag-icon-mn {
  background-image: url(../../fonts/flag-icon/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mn.svg);
}

.flag-icon-mo {
  background-image: url(../../fonts/flag-icon/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mo.svg);
}

.flag-icon-mp {
  background-image: url(../../fonts/flag-icon/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mp.svg);
}

.flag-icon-mq {
  background-image: url(../../fonts/flag-icon/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mq.svg);
}

.flag-icon-mr {
  background-image: url(../../fonts/flag-icon/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mr.svg);
}

.flag-icon-ms {
  background-image: url(../../fonts/flag-icon/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ms.svg);
}

.flag-icon-mt {
  background-image: url(../../fonts/flag-icon/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mt.svg);
}

.flag-icon-mu {
  background-image: url(../../fonts/flag-icon/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mu.svg);
}

.flag-icon-mv {
  background-image: url(../../fonts/flag-icon/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mv.svg);
}

.flag-icon-mw {
  background-image: url(../../fonts/flag-icon/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mw.svg);
}

.flag-icon-mx {
  background-image: url(../../fonts/flag-icon/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mx.svg);
}

.flag-icon-my {
  background-image: url(../../fonts/flag-icon/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/my.svg);
}

.flag-icon-mz {
  background-image: url(../../fonts/flag-icon/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/mz.svg);
}

.flag-icon-na {
  background-image: url(../../fonts/flag-icon/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/na.svg);
}

.flag-icon-nc {
  background-image: url(../../fonts/flag-icon/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nc.svg);
}

.flag-icon-ne {
  background-image: url(../../fonts/flag-icon/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ne.svg);
}

.flag-icon-nf {
  background-image: url(../../fonts/flag-icon/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nf.svg);
}

.flag-icon-ng {
  background-image: url(../../fonts/flag-icon/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ng.svg);
}

.flag-icon-ni {
  background-image: url(../../fonts/flag-icon/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ni.svg);
}

.flag-icon-nl {
  background-image: url(../../fonts/flag-icon/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nl.svg);
}

.flag-icon-no {
  background-image: url(../../fonts/flag-icon/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/no.svg);
}

.flag-icon-np {
  background-image: url(../../fonts/flag-icon/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/np.svg);
}

.flag-icon-nr {
  background-image: url(../../fonts/flag-icon/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nr.svg);
}

.flag-icon-nu {
  background-image: url(../../fonts/flag-icon/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nu.svg);
}

.flag-icon-nz {
  background-image: url(../../fonts/flag-icon/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/nz.svg);
}

.flag-icon-om {
  background-image: url(../../fonts/flag-icon/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/om.svg);
}

.flag-icon-pa {
  background-image: url(../../fonts/flag-icon/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pa.svg);
}

.flag-icon-pe {
  background-image: url(../../fonts/flag-icon/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pe.svg);
}

.flag-icon-pf {
  background-image: url(../../fonts/flag-icon/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pf.svg);
}

.flag-icon-pg {
  background-image: url(../../fonts/flag-icon/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pg.svg);
}

.flag-icon-ph {
  background-image: url(../../fonts/flag-icon/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ph.svg);
}

.flag-icon-pk {
  background-image: url(../../fonts/flag-icon/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pk.svg);
}

.flag-icon-pl {
  background-image: url(../../fonts/flag-icon/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pl.svg);
}

.flag-icon-pm {
  background-image: url(../../fonts/flag-icon/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pm.svg);
}

.flag-icon-pn {
  background-image: url(../../fonts/flag-icon/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pn.svg);
}

.flag-icon-pr {
  background-image: url(../../fonts/flag-icon/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pr.svg);
}

.flag-icon-ps {
  background-image: url(../../fonts/flag-icon/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ps.svg);
}

.flag-icon-pt {
  background-image: url(../../fonts/flag-icon/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pt.svg);
}

.flag-icon-pw {
  background-image: url(../../fonts/flag-icon/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/pw.svg);
}

.flag-icon-py {
  background-image: url(../../fonts/flag-icon/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/py.svg);
}

.flag-icon-qa {
  background-image: url(../../fonts/flag-icon/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/qa.svg);
}

.flag-icon-re {
  background-image: url(../../fonts/flag-icon/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/re.svg);
}

.flag-icon-ro {
  background-image: url(../../fonts/flag-icon/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ro.svg);
}

.flag-icon-rs {
  background-image: url(../../fonts/flag-icon/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/rs.svg);
}

.flag-icon-ru {
  background-image: url(../../fonts/flag-icon/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ru.svg);
}

.flag-icon-rw {
  background-image: url(../../fonts/flag-icon/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/rw.svg);
}

.flag-icon-sa {
  background-image: url(../../fonts/flag-icon/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sa.svg);
}

.flag-icon-sb {
  background-image: url(../../fonts/flag-icon/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sb.svg);
}

.flag-icon-sc {
  background-image: url(../../fonts/flag-icon/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sc.svg);
}

.flag-icon-sd {
  background-image: url(../../fonts/flag-icon/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sd.svg);
}

.flag-icon-se {
  background-image: url(../../fonts/flag-icon/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/se.svg);
}

.flag-icon-sg {
  background-image: url(../../fonts/flag-icon/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sg.svg);
}

.flag-icon-sh {
  background-image: url(../../fonts/flag-icon/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sh.svg);
}

.flag-icon-si {
  background-image: url(../../fonts/flag-icon/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/si.svg);
}

.flag-icon-sj {
  background-image: url(../../fonts/flag-icon/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sj.svg);
}

.flag-icon-sk {
  background-image: url(../../fonts/flag-icon/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sk.svg);
}

.flag-icon-sl {
  background-image: url(../../fonts/flag-icon/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sl.svg);
}

.flag-icon-sm {
  background-image: url(../../fonts/flag-icon/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sm.svg);
}

.flag-icon-sn {
  background-image: url(../../fonts/flag-icon/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sn.svg);
}

.flag-icon-so {
  background-image: url(../../fonts/flag-icon/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/so.svg);
}

.flag-icon-sr {
  background-image: url(../../fonts/flag-icon/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sr.svg);
}

.flag-icon-ss {
  background-image: url(../../fonts/flag-icon/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ss.svg);
}

.flag-icon-st {
  background-image: url(../../fonts/flag-icon/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/st.svg);
}

.flag-icon-sv {
  background-image: url(../../fonts/flag-icon/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sv.svg);
}

.flag-icon-sx {
  background-image: url(../../fonts/flag-icon/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sx.svg);
}

.flag-icon-sy {
  background-image: url(../../fonts/flag-icon/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sy.svg);
}

.flag-icon-sz {
  background-image: url(../../fonts/flag-icon/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/sz.svg);
}

.flag-icon-tc {
  background-image: url(../../fonts/flag-icon/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tc.svg);
}

.flag-icon-td {
  background-image: url(../../fonts/flag-icon/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/td.svg);
}

.flag-icon-tf {
  background-image: url(../../fonts/flag-icon/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tf.svg);
}

.flag-icon-tg {
  background-image: url(../../fonts/flag-icon/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tg.svg);
}

.flag-icon-th {
  background-image: url(../../fonts/flag-icon/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/th.svg);
}

.flag-icon-tj {
  background-image: url(../../fonts/flag-icon/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tj.svg);
}

.flag-icon-tk {
  background-image: url(../../fonts/flag-icon/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tk.svg);
}

.flag-icon-tl {
  background-image: url(../../fonts/flag-icon/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tl.svg);
}

.flag-icon-tm {
  background-image: url(../../fonts/flag-icon/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tm.svg);
}

.flag-icon-tn {
  background-image: url(../../fonts/flag-icon/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tn.svg);
}

.flag-icon-to {
  background-image: url(../../fonts/flag-icon/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/to.svg);
}

.flag-icon-tr {
  background-image: url(../../fonts/flag-icon/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tr.svg);
}

.flag-icon-tt {
  background-image: url(../../fonts/flag-icon/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tt.svg);
}

.flag-icon-tv {
  background-image: url(../../fonts/flag-icon/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tv.svg);
}

.flag-icon-tw {
  background-image: url(../../fonts/flag-icon/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tw.svg);
}

.flag-icon-tz {
  background-image: url(../../fonts/flag-icon/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/tz.svg);
}

.flag-icon-ua {
  background-image: url(../../fonts/flag-icon/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ua.svg);
}

.flag-icon-ug {
  background-image: url(../../fonts/flag-icon/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ug.svg);
}

.flag-icon-um {
  background-image: url(../../fonts/flag-icon/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/um.svg);
}

.flag-icon-us {
  background-image: url(../../fonts/flag-icon/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/us.svg);
}

.flag-icon-uy {
  background-image: url(../../fonts/flag-icon/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/uy.svg);
}

.flag-icon-uz {
  background-image: url(../../fonts/flag-icon/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/uz.svg);
}

.flag-icon-va {
  background-image: url(../../fonts/flag-icon/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/va.svg);
}

.flag-icon-vc {
  background-image: url(../../fonts/flag-icon/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/vc.svg);
}

.flag-icon-ve {
  background-image: url(../../fonts/flag-icon/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ve.svg);
}

.flag-icon-vg {
  background-image: url(../../fonts/flag-icon/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/vg.svg);
}

.flag-icon-vi {
  background-image: url(../../fonts/flag-icon/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/vi.svg);
}

.flag-icon-vn {
  background-image: url(../../fonts/flag-icon/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/vn.svg);
}

.flag-icon-vu {
  background-image: url(../../fonts/flag-icon/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/vu.svg);
}

.flag-icon-wf {
  background-image: url(../../fonts/flag-icon/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/wf.svg);
}

.flag-icon-ws {
  background-image: url(../../fonts/flag-icon/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ws.svg);
}

.flag-icon-ye {
  background-image: url(../../fonts/flag-icon/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/ye.svg);
}

.flag-icon-yt {
  background-image: url(../../fonts/flag-icon/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/yt.svg);
}

.flag-icon-za {
  background-image: url(../../fonts/flag-icon/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/za.svg);
}

.flag-icon-zm {
  background-image: url(../../fonts/flag-icon/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/zm.svg);
}

.flag-icon-zw {
  background-image: url(../../fonts/flag-icon/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../../fonts/flag-icon/zw.svg);
}
button, hr, input {
  overflow: visible;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress, sub, sup {
  vertical-align: baseline;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

menu, article, aside, details, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, select {
  text-transform: none;
}

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url("../../fonts/slick/slick.eot");
  src: url("../../fonts/slick/slick.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/slick/slick.woff") format("woff"),
    url("../../fonts/slick/slick.ttf") format("truetype"),
    url("../../fonts/slick/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: "•";
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 30px;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.bounceIn {
  animation-duration: 0.75s;
}
.animated.bounceOut {
  animation-duration: 0.75s;
}
.animated.flipOutX {
  animation-duration: 0.75s;
}
.animated.flipOutY {
  animation-duration: 0.75s;
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes bounce {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  53% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translateZ(0);
  }
  10% {
    transform: translate3d(-10px, 0, 0);
  }
  30% {
    transform: translate3d(-10px, 0, 0);
  }
  50% {
    transform: translate3d(-10px, 0, 0);
  }
  70% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20% {
    transform: translate3d(10px, 0, 0);
  }
  40% {
    transform: translate3d(10px, 0, 0);
  }
  60% {
    transform: translate3d(10px, 0, 0);
  }
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0);
  }
  0.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  1.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  2.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  3.5% {
    transform: translateX(2px) rotateY(3deg);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes jello {
  0% {
    transform: none;
  }
  to {
    transform: none;
  }
  0.1% {
    transform: none;
  }
  1.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  2.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  3.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  4.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  5.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  6.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  7.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 5px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(5px, 0, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -5px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
code[class*=language-], pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*=language-] ::selection, code[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
pre[class*=language-] ::selection, pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-], pre[class*=language-] {
    text-shadow: none;
  }
}
:not(pre) > code[class*=language-], pre[class*=language-] {
  background: #f6f7fb;
}

:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #708090;
}
.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
  color: #905;
}
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
  color: #690;
}

.language-css .token.string, .style .token.string {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}

.token.entity, .token.operator, .token.url {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule, .token.attr-value, .token.keyword {
  color: #07a;
}
.token.function {
  color: #DD4A68;
}
.token.important, .token.regex, .token.variable {
  color: #e90;
}
.token.bold, .token.important {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}


.code-box-copy {
  position: relative;
  font-size: 16px;
  display: none;
}
.code-box-copy pre[class*=language-] {
  border: 1px solid #dee3f9;
  border-radius: 2px;
}

.code-box-copy__btn {
  opacity: 0;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 36px;
  height: 36px;
  background-color: #e5eaff;
  border: 1px solid #dee3f9;
  color: #333;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.code-box-copy:hover .code-box-copy__btn {
  opacity: 1;
}

.code-box-copy__btn:disabled {
  background-color: #eee;
  border-color: #ccc;
  color: #333;
  pointer-events: none;
}
.code-box-copy__btn:hover {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}
.code-box-copy__btn:focus, .code-box-copy__btn:active {
  outline: 0;
}

.code-box-copy__tooltip {
  display: none;
  position: absolute;
  bottom: -webkit-calc(100% + 11px);
  bottom: calc(100% + 11px);
  right: 0;
  width: 80px;
  padding: 6px 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-size: 13px;
}
.code-box-copy__tooltip::after {
  display: block;
  position: absolute;
  right: 13px;
  bottom: -5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
}

.card-body.show-source .code-box-copy {
  display: block;
}
@charset "UTF-8";
/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #adb5bd;
  --bs-body-color-rgb: 173, 181, 189;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(173, 181, 189, 0.75);
  --bs-secondary-color-rgb: 173, 181, 189;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
  --bs-tertiary-color-rgb: 173, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

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

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

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

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

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

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

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

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

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

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

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

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS

    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS 

 */
:root {
  --theme-deafult: #006666;
  --theme-secondary: #FE6A49;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #E6E9EB;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --bs-heading-color: #051A1A;
  --bs-card-color: #051A1A;
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */
}
:root .customLook {
  --tag-bg: var(--theme-deafult);
  --tag-hover: var(--theme-secondary);
  --tag-text-color: var(--white);
  --tags-border-color: silver;
  --tag-border-radius: 25px;
  --tag-text-color--edit: #111;
  --tag-remove-bg: var(--tag-hover);
  --tag-pad: .6em 1em;
  --tag-inset-shadow-size: 1.35em;
  --tag-remove-btn-bg--hover: #000;
  --tagify-dd-color-primary: var(var(--theme-deafult));
  --tagify-dd-bg-color: var(--course-light-btn);
}

.table {
  --bs-body-bg: auto;
}

body[class=dark-only] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7);
}

body[class="rtl dark-only"] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7);
}

body[class="dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26;
}

body[class="rtl dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26;
}

body.dark-only.box-layout {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --chart-text-color: #86909C;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255 , 0.7);
}

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C;
}

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8;
}

.light-card {
  background-color: var(--light-background);
}

.light-background {
  background-color: var(--light-bg);
}

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
}

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-l-50 {
  padding-left: 50px;
}

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

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

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-r-50 {
  padding-right: 50px;
}

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-r-50 {
  margin-right: 50px;
}

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-r-21 {
  border-radius: 21px !important;
}

.b-r-22 {
  border-radius: 22px !important;
}

.b-r-23 {
  border-radius: 23px !important;
}

.b-r-24 {
  border-radius: 24px !important;
}

.b-r-25 {
  border-radius: 25px !important;
}

.b-r-26 {
  border-radius: 26px !important;
}

.b-r-27 {
  border-radius: 27px !important;
}

.b-r-28 {
  border-radius: 28px !important;
}

.b-r-29 {
  border-radius: 29px !important;
}

.b-r-30 {
  border-radius: 30px !important;
}

.b-r-31 {
  border-radius: 31px !important;
}

.b-r-32 {
  border-radius: 32px !important;
}

.b-r-33 {
  border-radius: 33px !important;
}

.b-r-34 {
  border-radius: 34px !important;
}

.b-r-35 {
  border-radius: 35px !important;
}

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-26 {
  font-size: 26px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-32 {
  font-size: 32px !important;
}

.f-34 {
  font-size: 34px !important;
}

.f-36 {
  font-size: 36px !important;
}

.f-38 {
  font-size: 38px !important;
}

.f-40 {
  font-size: 40px !important;
}

.f-42 {
  font-size: 42px !important;
}

.f-44 {
  font-size: 44px !important;
}

.f-46 {
  font-size: 46px !important;
}

.f-48 {
  font-size: 48px !important;
}

.f-50 {
  font-size: 50px !important;
}

.f-52 {
  font-size: 52px !important;
}

.f-54 {
  font-size: 54px !important;
}

.f-56 {
  font-size: 56px !important;
}

.f-58 {
  font-size: 58px !important;
}

.f-60 {
  font-size: 60px !important;
}

.f-62 {
  font-size: 62px !important;
}

.f-64 {
  font-size: 64px !important;
}

.f-66 {
  font-size: 66px !important;
}

.f-68 {
  font-size: 68px !important;
}

.f-70 {
  font-size: 70px !important;
}

.f-72 {
  font-size: 72px !important;
}

.f-74 {
  font-size: 74px !important;
}

.f-76 {
  font-size: 76px !important;
}

.f-78 {
  font-size: 78px !important;
}

.f-80 {
  font-size: 80px !important;
}

.f-82 {
  font-size: 82px !important;
}

.f-84 {
  font-size: 84px !important;
}

.f-86 {
  font-size: 86px !important;
}

.f-88 {
  font-size: 88px !important;
}

.f-90 {
  font-size: 90px !important;
}

.f-92 {
  font-size: 92px !important;
}

.f-94 {
  font-size: 94px !important;
}

.f-96 {
  font-size: 96px !important;
}

.f-98 {
  font-size: 98px !important;
}

.f-100 {
  font-size: 100px !important;
}

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100;
}

.f-w-300 {
  font-weight: 300;
}

.f-w-500 {
  font-weight: 500;
}

.f-w-400 {
  font-weight: 400;
}

.f-w-600 {
  font-weight: 600;
}

.f-w-700 {
  font-weight: 700;
}

.f-w-900 {
  font-weight: 900;
}

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal;
}

.f-s-italic {
  font-style: italic;
}

.f-s-oblique {
  font-style: oblique;
}

.f-s-initial {
  font-style: initial;
}

.f-s-inherit {
  font-style: inherit;
}

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline;
}

.text-line-through {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

.text-dashed {
  -webkit-text-decoration: dashed;
          text-decoration: dashed;
}

.text-blink {
  text-decoration: blink;
}

.text-dotted {
  -webkit-text-decoration: dotted;
          text-decoration: dotted;
}

.text-initial {
  text-decoration: initial;
}

.text-none {
  text-decoration: none;
}

.text-solid {
  -webkit-text-decoration: solid;
          text-decoration: solid;
}

.text-wavy {
  -webkit-text-decoration: wavy;
          text-decoration: wavy;
}

.text-inherit {
  text-decoration: inherit;
}

.text-double {
  -webkit-text-decoration: double;
          text-decoration: double;
}

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline;
}

.sub {
  vertical-align: sub;
}

.super {
  vertical-align: super;
}

.top {
  vertical-align: top;
}

.text-top {
  vertical-align: text-top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

.text-bottom {
  vertical-align: text-bottom;
}

.initial {
  vertical-align: initial;
}

.inherit {
  vertical-align: inherit;
}

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static;
}

.p-absolute {
  position: absolute;
}

.p-fixed {
  position: fixed;
}

.p-relative {
  position: relative;
}

.p-initial {
  position: initial;
}

.p-inherit {
  position: inherit;
}

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left;
}

.f-right {
  float: right;
}

.f-none {
  float: none;
}

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden;
}

.o-visible {
  overflow: visible;
}

.o-auto {
  overflow: auto;
}

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important;
}

.img-h-10 {
  height: 10px !important;
}

.img-20 {
  width: 20px !important;
}

.img-h-20 {
  height: 20px !important;
}

.img-30 {
  width: 30px !important;
}

.img-h-30 {
  height: 30px !important;
}

.img-40 {
  width: 40px !important;
}

.img-h-40 {
  height: 40px !important;
}

.img-50 {
  width: 50px !important;
}

.img-h-50 {
  height: 50px !important;
}

.img-60 {
  width: 60px !important;
}

.img-h-60 {
  height: 60px !important;
}

.img-70 {
  width: 70px !important;
}

.img-h-70 {
  height: 70px !important;
}

.img-80 {
  width: 80px !important;
}

.img-h-80 {
  height: 80px !important;
}

.img-90 {
  width: 90px !important;
}

.img-h-90 {
  height: 90px !important;
}

.img-100 {
  width: 100px !important;
}

.img-h-100 {
  height: 100px !important;
}

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important;
}

.font-secondary {
  color: #FE6A49 !important;
}

.font-success {
  color: #00AC46 !important;
}

.font-danger {
  color: #FE6A49 !important;
}

.font-info {
  color: #173878 !important;
}

.font-light {
  color: #E6E9EB !important;
}

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

.font-warning {
  color: #FFAE1A !important;
}

.font-primary {
  color: var(--theme-deafult) !important;
}

.font-secondary {
  color: var(--theme-secondary) !important;
}

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize;
}

.label-theme {
  background-color: #006666;
}

.label-primary {
  background-color: #006666;
}

.label-secondary {
  background-color: #FE6A49;
}

.label-success {
  background-color: #00AC46;
}

.label-danger {
  background-color: #FE6A49;
}

.label-info {
  background-color: #173878;
}

.label-light {
  background-color: #E6E9EB;
}

.label-dark {
  background-color: #2c323f;
}

.label-warning {
  background-color: #FFAE1A;
}

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666;
}

.badge-secondary {
  background-color: #FE6A49;
}

.badge-success {
  background-color: #00AC46;
}

.badge-danger {
  background-color: #FE6A49;
}

.badge-info {
  background-color: #173878;
}

.badge-light {
  background-color: #E6E9EB;
}

.badge-dark {
  background-color: #2c323f;
}

.badge-warning {
  background-color: #FFAE1A;
}

.badge-primary {
  background-color: var(--theme-deafult) !important;
}

.badge-secondary {
  background-color: var(--theme-secondary) !important;
}

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff;
}

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff;
}

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important;
}

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff;
}

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff;
}

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important;
}

.bg-success {
  background-color: #00AC46 !important;
  color: #fff;
}

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff;
}

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important;
}

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff;
}

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff;
}

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important;
}

.bg-info {
  background-color: #173878 !important;
  color: #fff;
}

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff;
}

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important;
}

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff;
}

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff;
}

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important;
}

.bg-dark {
  background-color: #2c323f !important;
  color: #fff;
}

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff;
}

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important;
}

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff;
}

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff;
}

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important;
}

.bg-primary {
  background-color: var(--theme-deafult) !important;
}

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6);
}

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3);
}

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

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important;
}

.txt-secondary {
  color: #FE6A49 !important;
}

.txt-success {
  color: #00AC46 !important;
}

.txt-danger {
  color: #FE6A49 !important;
}

.txt-info {
  color: #173878 !important;
}

.txt-light {
  color: #E6E9EB !important;
}

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

.txt-warning {
  color: #FFAE1A !important;
}

.txt-google-plus {
  color: #c64e40 !important;
}

.txt-twitter {
  color: #6fa2d8 !important;
}

.txt-linkedin {
  color: #0077B5 !important;
}

.txt-fb {
  color: #50598e !important;
}

.txt-primary {
  color: var(--theme-deafult) !important;
}

.txt-secondary {
  color: var(--theme-secondary) !important;
}

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes push {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #006666 !important;
  border-color: #006666 !important;
}
.btn-primary:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
}
.btn-secondary:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-success.disabled, .btn-success:disabled {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
}
.btn-success:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-danger.disabled, .btn-danger:disabled {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
}
.btn-danger:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: #fff;
}
.btn-info.disabled, .btn-info:disabled {
  background-color: #173878 !important;
  border-color: #173878 !important;
}
.btn-info:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-light.disabled, .btn-light:disabled {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
}
.btn-light:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-dark.disabled, .btn-dark:disabled {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
}
.btn-dark:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.btn-warning.disabled, .btn-warning:disabled {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
}
.btn-warning:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important;
}
.btn-light:hover {
  background-color: rgba(0, 102, 102, 0.1) !important;
  border-color: rgba(0, 102, 102, 0.1) !important;
}

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
}

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
}

.btn-hover-effect:hover {
  -webkit-animation: push 0.5s linear 1;
          animation: push 0.5s linear 1;
}

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent;
}
.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
  color: white !important;
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent;
}
.btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
  color: white !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent;
}
.btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
  color: white !important;
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent;
}
.btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
  color: white !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent;
}
.btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
  color: white !important;
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
}
.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: white !important;
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent;
}
.btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
  color: white !important;
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent;
}
.btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
  color: white !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important;
}

.btn-check {
  color: #006666 !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #006666 !important;
}
.btn-check:checked + .btn-outline-primary {
  color: white !important;
  background-color: #006666 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-primary {
  border-color: #006666 !important;
  color: #006666 !important;
  background-color: transparent;
}
.btn-check + .btn-outline-primary.disabled {
  color: #006666;
}
.btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
  color: white !important;
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent;
}
.btn-outline-primary.disabled {
  color: #006666;
  border-color: #006666;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
  color: #fff !important;
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #FE6A49 !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #FE6A49 !important;
}
.btn-check:checked + .btn-outline-secondary {
  color: white !important;
  background-color: #FE6A49 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-secondary {
  border-color: #FE6A49 !important;
  color: #FE6A49 !important;
  background-color: transparent;
}
.btn-check + .btn-outline-secondary.disabled {
  color: #FE6A49;
}
.btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
  color: white !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent;
}
.btn-outline-secondary.disabled {
  color: #FE6A49;
  border-color: #FE6A49;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #00AC46 !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #00AC46 !important;
}
.btn-check:checked + .btn-outline-success {
  color: white !important;
  background-color: #00AC46 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-success {
  border-color: #00AC46 !important;
  color: #00AC46 !important;
  background-color: transparent;
}
.btn-check + .btn-outline-success.disabled {
  color: #00AC46;
}
.btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
  color: white !important;
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent;
}
.btn-outline-success.disabled {
  color: #00AC46;
  border-color: #00AC46;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #FE6A49 !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #FE6A49 !important;
}
.btn-check:checked + .btn-outline-danger {
  color: white !important;
  background-color: #FE6A49 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-danger {
  border-color: #FE6A49 !important;
  color: #FE6A49 !important;
  background-color: transparent;
}
.btn-check + .btn-outline-danger.disabled {
  color: #FE6A49;
}
.btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
  color: white !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent;
}
.btn-outline-danger.disabled {
  color: #FE6A49;
  border-color: #FE6A49;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #173878 !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #173878 !important;
}
.btn-check:checked + .btn-outline-info {
  color: white !important;
  background-color: #173878 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-info {
  border-color: #173878 !important;
  color: #173878 !important;
  background-color: transparent;
}
.btn-check + .btn-outline-info.disabled {
  color: #173878;
}
.btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
  color: white !important;
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent;
}
.btn-outline-info.disabled {
  color: #173878;
  border-color: #173878;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #E6E9EB !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #E6E9EB !important;
}
.btn-check:checked + .btn-outline-light {
  color: white !important;
  background-color: #E6E9EB !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-light {
  border-color: #E6E9EB !important;
  color: #E6E9EB !important;
  background-color: transparent;
  color: #051A1A;
}
.btn-check + .btn-outline-light.disabled {
  color: #E6E9EB;
}
.btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
  color: white !important;
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A;
}
.btn-outline-light.disabled {
  color: #E6E9EB;
  border-color: #E6E9EB;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
  color: #fff !important;
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #2c323f !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #2c323f !important;
}
.btn-check:checked + .btn-outline-dark {
  color: white !important;
  background-color: #2c323f !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-dark {
  border-color: #2c323f !important;
  color: #2c323f !important;
  background-color: transparent;
}
.btn-check + .btn-outline-dark.disabled {
  color: #2c323f;
}
.btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
  color: white !important;
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent;
}
.btn-outline-dark.disabled {
  color: #2c323f;
  border-color: #2c323f;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-check {
  color: #FFAE1A !important;
}
.btn-check:checked {
  color: white !important;
  background-color: #FFAE1A !important;
}
.btn-check:checked + .btn-outline-warning {
  color: white !important;
  background-color: #FFAE1A !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.btn-check + .btn-outline-warning {
  border-color: #FFAE1A !important;
  color: #FFAE1A !important;
  background-color: transparent;
}
.btn-check + .btn-outline-warning.disabled {
  color: #FFAE1A;
}
.btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
  color: white !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent;
}
.btn-outline-warning.disabled {
  color: #FFAE1A;
  border-color: #FFAE1A;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.btn-primary:not([disabled]):not(.disabled).active {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #003333;
  border-color: #003333;
}

.btn-secondary:not([disabled]):not(.disabled).active {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active:active, .btn-secondary:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #fe4016;
  border-color: #fe4016;
}

.btn-success:not([disabled]):not(.disabled).active {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active:active, .btn-success:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #007931;
  border-color: #007931;
}

.btn-danger:not([disabled]):not(.disabled).active {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active:active, .btn-danger:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #fe4016;
  border-color: #fe4016;
}

.btn-info:not([disabled]):not(.disabled).active {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-info:not([disabled]):not(.disabled).active:hover, .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled).active:active, .btn-info:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #0f244d;
  border-color: #0f244d;
}

.btn-light:not([disabled]):not(.disabled).active {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-light:not([disabled]):not(.disabled).active:hover, .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled).active:active, .btn-light:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #cad0d4;
  border-color: #cad0d4;
}

.btn-dark:not([disabled]):not(.disabled).active {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active:active, .btn-dark:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #171a21;
  border-color: #171a21;
}

.btn-warning:not([disabled]):not(.disabled).active {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active:active, .btn-warning:not([disabled]):not(.disabled).active.active {
  color: white;
  background-color: #e69500;
  border-color: #e69500;
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
  background-color: #006666;
  border-color: #006666;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #006666 !important;
  border-color: #006666 !important;
}

.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
  background-color: #FE6A49;
  border-color: #FE6A49;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
}

.btn-outline-success-2x:not([disabled]):not(.disabled).active {
  background-color: #00AC46;
  border-color: #00AC46;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-success-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-success-2x:not([disabled]):not(.disabled).active:active, .btn-outline-success-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
}

.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
  background-color: #FE6A49;
  border-color: #FE6A49;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:active, .btn-outline-danger-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
}

.btn-outline-info-2x:not([disabled]):not(.disabled).active {
  background-color: #173878;
  border-color: #173878;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-info-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-info-2x:not([disabled]):not(.disabled).active:active, .btn-outline-info-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #173878 !important;
  border-color: #173878 !important;
}

.btn-outline-light-2x:not([disabled]):not(.disabled).active {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-light-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-light-2x:not([disabled]):not(.disabled).active:active, .btn-outline-light-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
}

.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
  background-color: #2c323f;
  border-color: #2c323f;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:active, .btn-outline-dark-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #2c323f !important;
  border-color: #2c323f !important;
}

.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:active, .btn-outline-warning-2x:not([disabled]):not(.disabled).active.active {
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
}

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important;
}

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important;
}

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important;
}

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important;
}

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important;
}

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important;
}

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important;
}

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important;
}

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666;
}
.table-styling .table-primary thead,
.table-styling.table-primary thead {
  background-color: #003333;
  border: 3px solid #003333;
}
.table-styling .table-primary th,
.table-styling .table-primary td,
.table-styling.table-primary th,
.table-styling.table-primary td {
  background-color: transparent;
}

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49;
}
.table-styling .table-secondary thead,
.table-styling.table-secondary thead {
  background-color: #fe4016;
  border: 3px solid #fe4016;
}
.table-styling .table-secondary th,
.table-styling .table-secondary td,
.table-styling.table-secondary th,
.table-styling.table-secondary td {
  background-color: transparent;
}

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46;
}
.table-styling .table-success thead,
.table-styling.table-success thead {
  background-color: #007931;
  border: 3px solid #007931;
}
.table-styling .table-success th,
.table-styling .table-success td,
.table-styling.table-success th,
.table-styling.table-success td {
  background-color: transparent;
}

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49;
}
.table-styling .table-danger thead,
.table-styling.table-danger thead {
  background-color: #fe4016;
  border: 3px solid #fe4016;
}
.table-styling .table-danger th,
.table-styling .table-danger td,
.table-styling.table-danger th,
.table-styling.table-danger td {
  background-color: transparent;
}

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878;
}
.table-styling .table-info thead,
.table-styling.table-info thead {
  background-color: #0f244d;
  border: 3px solid #0f244d;
}
.table-styling .table-info th,
.table-styling .table-info td,
.table-styling.table-info th,
.table-styling.table-info td {
  background-color: transparent;
}

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB;
}
.table-styling .table-light thead,
.table-styling.table-light thead {
  background-color: #cad0d4;
  border: 3px solid #cad0d4;
}
.table-styling .table-light th,
.table-styling .table-light td,
.table-styling.table-light th,
.table-styling.table-light td {
  background-color: transparent;
}

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f;
}
.table-styling .table-dark thead,
.table-styling.table-dark thead {
  background-color: #171a21;
  border: 3px solid #171a21;
}
.table-styling .table-dark th,
.table-styling .table-dark td,
.table-styling.table-dark th,
.table-styling.table-dark td {
  background-color: transparent;
}

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A;
}
.table-styling .table-warning thead,
.table-styling.table-warning thead {
  background-color: #e69500;
  border: 3px solid #e69500;
}
.table-styling .table-warning th,
.table-styling .table-warning td,
.table-styling.table-warning th,
.table-styling.table-warning td {
  background-color: transparent;
}

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important;
}

.stroke-secondary {
  stroke: #FE6A49 !important;
}

.stroke-success {
  stroke: #00AC46 !important;
}

.stroke-danger {
  stroke: #FE6A49 !important;
}

.stroke-info {
  stroke: #173878 !important;
}

.stroke-light {
  stroke: #E6E9EB !important;
}

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

.stroke-warning {
  stroke: #FFAE1A !important;
}

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666;
}

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46;
}

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878;
}

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
}

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f;
}

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
}

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important;
}

.b-t-primary {
  border-top: 1px solid #006666 !important;
}

.border-t-primary {
  border-top: 1px solid #006666 !important;
}

.b-b-primary {
  border-bottom: 1px solid #006666 !important;
}

.border-b-primary {
  border-bottom: 1px solid #006666 !important;
}

.b-l-primary {
  border-left: 1px solid #006666 !important;
}

.border-l-primary {
  border-left: 1px solid #006666 !important;
}

.b-r-primary {
  border-right: 1px solid #006666 !important;
}

.border-r-primary {
  border-right: 1px solid #006666 !important;
}

.b-secondary {
  border: 1px solid #FE6A49 !important;
}

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important;
}

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important;
}

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important;
}

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important;
}

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important;
}

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important;
}

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important;
}

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important;
}

.b-success {
  border: 1px solid #00AC46 !important;
}

.b-t-success {
  border-top: 1px solid #00AC46 !important;
}

.border-t-success {
  border-top: 1px solid #00AC46 !important;
}

.b-b-success {
  border-bottom: 1px solid #00AC46 !important;
}

.border-b-success {
  border-bottom: 1px solid #00AC46 !important;
}

.b-l-success {
  border-left: 1px solid #00AC46 !important;
}

.border-l-success {
  border-left: 1px solid #00AC46 !important;
}

.b-r-success {
  border-right: 1px solid #00AC46 !important;
}

.border-r-success {
  border-right: 1px solid #00AC46 !important;
}

.b-danger {
  border: 1px solid #FE6A49 !important;
}

.b-t-danger {
  border-top: 1px solid #FE6A49 !important;
}

.border-t-danger {
  border-top: 1px solid #FE6A49 !important;
}

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important;
}

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important;
}

.b-l-danger {
  border-left: 1px solid #FE6A49 !important;
}

.border-l-danger {
  border-left: 1px solid #FE6A49 !important;
}

.b-r-danger {
  border-right: 1px solid #FE6A49 !important;
}

.border-r-danger {
  border-right: 1px solid #FE6A49 !important;
}

.b-info {
  border: 1px solid #173878 !important;
}

.b-t-info {
  border-top: 1px solid #173878 !important;
}

.border-t-info {
  border-top: 1px solid #173878 !important;
}

.b-b-info {
  border-bottom: 1px solid #173878 !important;
}

.border-b-info {
  border-bottom: 1px solid #173878 !important;
}

.b-l-info {
  border-left: 1px solid #173878 !important;
}

.border-l-info {
  border-left: 1px solid #173878 !important;
}

.b-r-info {
  border-right: 1px solid #173878 !important;
}

.border-r-info {
  border-right: 1px solid #173878 !important;
}

.b-light {
  border: 1px solid #E6E9EB !important;
}

.b-t-light {
  border-top: 1px solid #E6E9EB !important;
}

.border-t-light {
  border-top: 1px solid #E6E9EB !important;
}

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important;
}

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important;
}

.b-l-light {
  border-left: 1px solid #E6E9EB !important;
}

.border-l-light {
  border-left: 1px solid #E6E9EB !important;
}

.b-r-light {
  border-right: 1px solid #E6E9EB !important;
}

.border-r-light {
  border-right: 1px solid #E6E9EB !important;
}

.b-dark {
  border: 1px solid #2c323f !important;
}

.b-t-dark {
  border-top: 1px solid #2c323f !important;
}

.border-t-dark {
  border-top: 1px solid #2c323f !important;
}

.b-b-dark {
  border-bottom: 1px solid #2c323f !important;
}

.border-b-dark {
  border-bottom: 1px solid #2c323f !important;
}

.b-l-dark {
  border-left: 1px solid #2c323f !important;
}

.border-l-dark {
  border-left: 1px solid #2c323f !important;
}

.b-r-dark {
  border-right: 1px solid #2c323f !important;
}

.border-r-dark {
  border-right: 1px solid #2c323f !important;
}

.b-warning {
  border: 1px solid #FFAE1A !important;
}

.b-t-warning {
  border-top: 1px solid #FFAE1A !important;
}

.border-t-warning {
  border-top: 1px solid #FFAE1A !important;
}

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important;
}

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important;
}

.b-l-warning {
  border-left: 1px solid #FFAE1A !important;
}

.border-l-warning {
  border-left: 1px solid #FFAE1A !important;
}

.b-r-warning {
  border-right: 1px solid #FFAE1A !important;
}

.border-r-warning {
  border-right: 1px solid #FFAE1A !important;
}

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important;
}

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

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

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

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

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

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

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

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

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

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px;
}

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa;
}
.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3);
}

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f;
}
.line pre {
  font-size: 100%;
}

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important;
}

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.options > div {
  color: #86909C;
  padding: 2px 10px;
  border: 1px solid;
}
.options > div:hover {
  background-color: #006666;
  color: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/**====== Animation css Ends ======**/
.modal-footer {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0;
}
.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0;
}
.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px;
}

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666;
}
.dropzone .dz-preview .dz-error-message:after {
  border-bottom: 6px solid #006666 !important;
}

.typeahead .theme-form .form-group {
  margin-bottom: 0;
}

.primary .svg-fill {
  fill: var(--theme-deafult);
}
.primary .svg-fill:not(.half-circle) {
  stroke: var(--theme-deafult);
}
.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important;
}

.secondary .svg-fill {
  fill: var(--theme-secondary);
}
.secondary .svg-fill:not(.half-circle) {
  stroke: var(--theme-secondary);
}
.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important;
}

.success .svg-fill {
  fill: #00AC46;
}
.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important;
}

.warning .svg-fill {
  fill: #FFAE1A;
}
.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important;
}

.dotted {
  border-style: dotted;
}

.dashed {
  border-style: dashed;
}

.double {
  border-style: double;
}

.groove {
  border-style: groove;
}

.ridge {
  border-style: ridge;
}

.inset {
  border-style: inset;
}

.outset {
  border-style: outset;
}

@-webkit-keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px;
  }
  75% {
    opacity: 0.6;
    top: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px;
  }
  75% {
    opacity: 0.6;
    top: 0;
  }
  100% {
    opacity: 1;
  }
}
.code-box-copy {
  width: 100%;
  overflow: auto;
}

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%;
  }
  .custom-rs-12 {
    width: 100%;
  }
}
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px;
}
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none;
}

.bg-gray {
  background-color: var(--text-gray);
}

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

.common-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common-space {
  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;
}

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2);
}

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3);
}

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3);
}

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3);
}

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3);
}

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important;
}

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important;
}

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666;
}

.badge-light-secondary {
  background-color: white;
  color: #FE6A49;
}

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46;
}

.badge-light-danger {
  background-color: white;
  color: #FE6A49;
}

.badge-light-info {
  background-color: #6e96e3;
  color: #173878;
}

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c;
}

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f;
}

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A;
}

.badge-light-light {
  background-color: #e9e9ee;
}

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1);
}

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15);
}

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3);
}

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3);
}

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08);
}

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1);
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult) 0.2) !important;
          box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult) 0.2) !important;
}

.fc-daygrid-event-dot {
  margin: 0 4px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

.balance-box {
  text-align: center;
  background-image: url(../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover;
}
.balance-box .balance-img {
  display: inline-block;
  padding: 5px;
  border: 2px solid var(--chart-border);
  border-left-color: #00AC46;
  border-bottom-color: #00AC46;
  border-radius: 100%;
  position: relative;
  margin-bottom: 15px;
}
.balance-box .balance-img img {
  background-color: var(--balance-profie-bg);
  border-radius: 100%;
  margin-left: 0px;
}
.balance-box .balance-img .edit-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  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: 2px solid var(--white);
  background-color: #DFDFF4;
  right: 0;
  bottom: 0;
  border-radius: 100%;
}
.balance-box .balance-img .edit-icon svg {
  width: 11px;
  height: 11px;
  fill: #006666;
}

.balance-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.balance-item .balance-icon-wrap {
  width: 40px;
  min-width: 40px;
  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;
  border-radius: 10px;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 8px;
  }
}
.balance-item .balance-icon-wrap .balance-icon {
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap .balance-icon {
    width: 14px;
    height: 14px;
  }
}
.balance-item .balance-icon-wrap .balance-icon svg {
  color: #fff;
  width: 14px;
  height: 14px;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap .balance-icon svg {
    width: 12px;
    height: 12px;
    vertical-align: text-top;
  }
}
.balance-item .invoice-table-data {
  background-color: #f9f9fa;
}
.balance-item .badge {
  padding: 8px 10px;
}
.balance-item.danger .balance-icon-wrap {
  background-color: rgba(254, 106, 73, 0.1);
}
.balance-item.danger .balance-icon-wrap .balance-icon {
  background-color: #FE6A49;
}
.balance-item.success .balance-icon-wrap {
  background-color: rgba(0, 172, 70, 0.1);
}
.balance-item.success .balance-icon-wrap .balance-icon {
  background-color: #00AC46;
}

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  font-size: 28px;
  font-weight: 600;
}

h2 {
  font-size: 26px;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  font-weight: 600;
}

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0;
}

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px;
}

.f-m-light {
  margin: 0;
}

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult);
}
a:hover {
  color: var(--theme-deafult);
}
a:focus-visible {
  outline: none;
}

.btn {
  font-size: 14px;
}

*.btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

button:focus {
  outline: none !important;
}

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px;
}

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.media .media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

blockquote {
  border-left: 4px solid #006666;
  padding: 18px;
}

.figure.text-center blockquote {
  border: none !important;
}
.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666;
}

.row > div {
  position: relative;
}

:focus {
  outline-color: var(--theme-deafult);
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

svg {
  vertical-align: baseline;
}

input:focus {
  outline-color: transparent;
}

label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.media-widgets .media-body {
  margin-bottom: 30px;
}

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0;
}
.typography h1:last-child,
.typography .h1:last-child,
.typography h2:last-child,
.typography .h2:last-child,
.typography h3:last-child,
.typography .h3:last-child,
.typography h4:last-child,
.typography .h4:last-child,
.typography h5:last-child,
.typography .h5:last-child,
.typography h6:last-child,
.typography .h6:last-child {
  margin-bottom: 0;
}
.typography small {
  padding-left: 10px;
  color: #2c323f;
}

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0;
}

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult);
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px;
}

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px;
}

.note-editor.note-frame {
  border-color: #E6E9EB;
}
.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important;
}

.note-editor.note-frame {
  border-color: #E6E9EB;
}

.modal .modal-body .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0;
}

.notify-alert .close {
  color: #fff;
}
[dir=rtl] .notify-alert .close {
  right: unset !important;
  left: 10px !important;
}
.notify-alert.alert-light .close {
  color: #051A1A;
}

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult);
}
[dir=rtl] .alert-theme button {
  right: unset !important;
  left: 20px !important;
}
.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
}
.alert-theme .close {
  color: var(--theme-deafult);
}
.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important;
}
.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%;
}
.alert-theme .progress .progress-bar {
  background-color: var(--theme-deafult);
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.d-flex .flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult);
}
.alert-copy .close {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  line-height: 1.4;
  font-weight: 100;
  top: -15px;
}
[dir=rtl] .alert-copy .close {
  right: unset !important;
  left: 10px !important;
}
.alert-copy .close:focus {
  outline: none;
}

.ace-editor {
  height: 400px;
  width: 100%;
}

.editor-toolbar {
  width: 100% !important;
}
.editor-toolbar.fullscreen {
  z-index: 100;
}

.CodeMirror {
  top: 0 !important;
}

.CodeMirror-fullscreen {
  top: 50px !important;
}

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult);
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-top-color: var(--theme-deafult);
}

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult);
}

.swal-button {
  background-color: var(--theme-deafult);
}
.swal-button:active {
  background-color: #004d4d;
}

.swal-button--cancel {
  background-color: #EFEFEE !important;
}

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px;
}

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: 0.4rem 0.75rem;
}
fieldset .input-group-lg .touchspin {
  height: 50px;
}

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px;
}

.form-inline .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-text i {
  line-height: 1.5;
}

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.card-wrapper {
  padding: 14px;
}
.card-wrapper dl dt {
  font-weight: 500;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle;
}

.typography-table thead tr th {
  font-size: 16px;
}
.typography-table tbody tr td:last-child {
  min-width: 280px;
}
.typography-table tbody tr td:first-child {
  min-width: 100px;
}

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0;
}
.default-according .card {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.default-according .card + .card {
  margin-top: 10px;
}
.default-according .card .btn-link {
  font-weight: 500;
  color: #051A1A;
  text-decoration: none;
}
.default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
  text-decoration: none;
}
.default-according .card .card-header {
  padding: 0.75rem 1.25rem;
  border: 1px solid #ecf3fa;
}
.default-according .card .card-header i {
  position: absolute;
  left: 18px;
  font-size: 20px;
  top: 20px;
}
.default-according .card .card-header h5 {
  margin-top: 2px;
}
.default-according .card .card-body {
  border: 1px solid #ecf3fa;
  border-top: none;
}

.default-according.style-1 button {
  width: 100%;
  text-align: left;
}
.default-according.style-1 button:before {
  right: 20px;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .default-according.style-1 button:before {
    right: 15px;
  }
}
.default-according.style-1 button[aria-expanded=true]:before {
  content: "\eb73";
  font-family: IcoFont;
}
.default-according.style-1 button[aria-expanded=false]:before {
  content: "\eb7a";
  font-family: IcoFont;
}

.accordion-button .svg-color {
  position: absolute;
  right: 20px;
}
[dir=rtl] .accordion-button .svg-color {
  left: 20px;
  right: unset;
}
.accordion-button .svg-color::after {
  content: "";
  background-image: unset;
}
.accordion-button:not(.collapsed) {
  background-color: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: unset;
}
.accordion-button::after {
  background-image: unset;
}
.accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2);
}
.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important;
}

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3);
}
.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important;
}

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3);
}
.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important;
}

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3);
}
.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important;
}

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3);
}
.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important;
}

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB;
}
.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important;
}

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3);
}
.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important;
}

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2;
}
.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB;
}

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important;
}

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px;
}

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important;
}

.accordion-border .accordion-item {
  border: 0;
}

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important;
}

.accordions-content li {
  color: #2c323f;
}

.collapse-accordion .btn-dark.show {
  border-radius: 15px;
}

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px;
}
[dir=rtl] .notify-alert .close {
  right: unset !important;
  left: 10px !important;
}
.notify-alert.alert-light .close {
  color: #051A1A;
}

.alert {
  border-radius: 0.15rem;
  padding: 15px;
}
.alert svg {
  vertical-align: middle;
}
.alert .progress {
  margin-top: 15px;
}
.alert [data-notify=icon] {
  margin-right: 10px;
  line-height: 20px;
  position: absolute;
}
.alert [data-notify=message] {
  display: inline-block;
  width: 100%;
}
.alert i {
  margin-right: 5px;
  font-size: 16px;
}
.alert p {
  margin-bottom: 0;
}
.alert .close {
  opacity: 1;
}
.alert .close span {
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  border-radius: 3px;
  text-shadow: none;
  padding: 0 5px;
  padding-right: 0;
}

.alert-dismissible {
  padding-right: 2.5rem;
}
[dir=rtl] .alert-dismissible {
  padding-right: 15px;
  padding-left: 2.5rem;
}
.alert-dismissible .close {
  padding: 10px 1.25rem;
  top: 4px;
  padding-right: 13px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-dismissible .close:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  color: inherit;
}

.card-body button:focus {
  outline: none;
}
.card-body .alert:last-child {
  margin-bottom: 0;
}
.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px;
}
.card-body .alert svg ~ p {
  padding-left: 20px;
}

strong {
  display: inline-block;
}
strong ~ p {
  display: inline-block;
}

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff;
}
.alert-primary .progress {
  height: 5px;
  background-color: #006161;
  border-radius: 0;
}
.alert-primary .progress-bar {
  background-color: #66ffff;
}
.alert-primary .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-primary .alert-link {
  color: #006666;
}
.alert-primary hr {
  border-top-color: #006666;
}

.border-primary {
  border-color: #006666 !important;
}

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666;
}

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666;
}
.touchspin-wrapper input[type=number].spin-outline-primary {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff;
}

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666;
}

.payment-second .mega-icons.stroke-primary {
  stroke: #006666;
}

.toast-primary {
  color: #006666 !important;
}

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666;
}

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55);
          box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55);
}

.fill-radios .radio.radio-primary input[type=radio]:checked + label::before {
  border: 10px solid #006666;
}
.fill-radios .radio.radio-primary input[type=radio]:checked + label::after {
  background-color: #006666;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-primary,
.list-group [type=radio].checkbox-primary {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-primary:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-primary:active, .list-group .form-check-input:checked[type=checkbox].checkbox-primary.active,
.list-group [type=radio].checkbox-primary:focus,
.list-group [type=radio].checkbox-primary:active,
.list-group [type=radio].checkbox-primary.active {
  border-color: #006666;
  outline: 0;
  background-color: #006666;
}
.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7);
}
.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa;
}
.list-group .alert-primary.dark .alert-link {
  color: #fff;
}
.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666;
}
.list-group .alert-primary.outline .btn-close,
.list-group .alert-primary.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A;
}
.list-group .alert-primary.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #006666;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-primary.inverse:before {
    left: 45px;
  }
}
.list-group .alert-primary.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #006666;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-primary.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff;
}
.alert-secondary .progress {
  height: 5px;
  background-color: #fe6644;
  border-radius: 0;
}
.alert-secondary .progress-bar {
  background-color: white;
}
.alert-secondary .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-secondary .alert-link {
  color: #FE6A49;
}
.alert-secondary hr {
  border-top-color: #FE6A49;
}

.border-secondary {
  border-color: #FE6A49 !important;
}

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49;
}

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49;
}
.touchspin-wrapper input[type=number].spin-outline-secondary {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff;
}

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49;
}

.toast-secondary {
  color: #FE6A49 !important;
}

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49;
}

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55);
          box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55);
}

.fill-radios .radio.radio-secondary input[type=radio]:checked + label::before {
  border: 10px solid #FE6A49;
}
.fill-radios .radio.radio-secondary input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-secondary,
.list-group [type=radio].checkbox-secondary {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-secondary:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-secondary:active, .list-group .form-check-input:checked[type=checkbox].checkbox-secondary.active,
.list-group [type=radio].checkbox-secondary:focus,
.list-group [type=radio].checkbox-secondary:active,
.list-group [type=radio].checkbox-secondary.active {
  border-color: #FE6A49;
  outline: 0;
  background-color: #FE6A49;
}
.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7);
}
.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa;
}
.list-group .alert-secondary.dark .alert-link {
  color: #fff;
}
.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49;
}
.list-group .alert-secondary.outline .btn-close,
.list-group .alert-secondary.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A;
}
.list-group .alert-secondary.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #FE6A49;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-secondary.inverse:before {
    left: 45px;
  }
}
.list-group .alert-secondary.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #FE6A49;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-secondary.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff;
}
.alert-success .progress {
  height: 5px;
  background-color: #00a744;
  border-radius: 0;
}
.alert-success .progress-bar {
  background-color: #acffce;
}
.alert-success .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-success .alert-link {
  color: #00AC46;
}
.alert-success hr {
  border-top-color: #00AC46;
}

.border-success {
  border-color: #00AC46 !important;
}

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46;
}

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46;
}
.touchspin-wrapper input[type=number].spin-outline-success {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
}

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46;
}

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46;
}

.toast-success {
  color: #00AC46 !important;
}

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46;
}

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55);
          box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55);
}

.fill-radios .radio.radio-success input[type=radio]:checked + label::before {
  border: 10px solid #00AC46;
}
.fill-radios .radio.radio-success input[type=radio]:checked + label::after {
  background-color: #00AC46;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-success,
.list-group [type=radio].checkbox-success {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-success:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-success:active, .list-group .form-check-input:checked[type=checkbox].checkbox-success.active,
.list-group [type=radio].checkbox-success:focus,
.list-group [type=radio].checkbox-success:active,
.list-group [type=radio].checkbox-success.active {
  border-color: #00AC46;
  outline: 0;
  background-color: #00AC46;
}
.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7);
}
.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa;
}
.list-group .alert-success.dark .alert-link {
  color: #fff;
}
.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46;
}
.list-group .alert-success.outline .btn-close,
.list-group .alert-success.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A;
}
.list-group .alert-success.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #00AC46;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-success.inverse:before {
    left: 45px;
  }
}
.list-group .alert-success.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #00AC46;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-success.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff;
}
.alert-danger .progress {
  height: 5px;
  background-color: #fe6644;
  border-radius: 0;
}
.alert-danger .progress-bar {
  background-color: white;
}
.alert-danger .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-danger .alert-link {
  color: #FE6A49;
}
.alert-danger hr {
  border-top-color: #FE6A49;
}

.border-danger {
  border-color: #FE6A49 !important;
}

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49;
}

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49;
}
.touchspin-wrapper input[type=number].spin-outline-danger {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff;
}

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49;
}

.toast-danger {
  color: #FE6A49 !important;
}

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49;
}

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55);
          box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55);
}

.fill-radios .radio.radio-danger input[type=radio]:checked + label::before {
  border: 10px solid #FE6A49;
}
.fill-radios .radio.radio-danger input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-danger,
.list-group [type=radio].checkbox-danger {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-danger:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-danger:active, .list-group .form-check-input:checked[type=checkbox].checkbox-danger.active,
.list-group [type=radio].checkbox-danger:focus,
.list-group [type=radio].checkbox-danger:active,
.list-group [type=radio].checkbox-danger.active {
  border-color: #FE6A49;
  outline: 0;
  background-color: #FE6A49;
}
.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7);
}
.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa;
}
.list-group .alert-danger.dark .alert-link {
  color: #fff;
}
.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49;
}
.list-group .alert-danger.outline .btn-close,
.list-group .alert-danger.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A;
}
.list-group .alert-danger.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #FE6A49;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-danger.inverse:before {
    left: 45px;
  }
}
.list-group .alert-danger.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #FE6A49;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-danger.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff;
}
.alert-warning .progress {
  height: 5px;
  background-color: #ffac15;
  border-radius: 0;
}
.alert-warning .progress-bar {
  background-color: white;
}
.alert-warning .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-warning .alert-link {
  color: #FFAE1A;
}
.alert-warning hr {
  border-top-color: #FFAE1A;
}

.border-warning {
  border-color: #FFAE1A !important;
}

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A;
}

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A;
}
.touchspin-wrapper input[type=number].spin-outline-warning {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff;
}

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
}

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A;
}

.toast-warning {
  color: #FFAE1A !important;
}

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A;
}

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55);
          box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55);
}

.fill-radios .radio.radio-warning input[type=radio]:checked + label::before {
  border: 10px solid #FFAE1A;
}
.fill-radios .radio.radio-warning input[type=radio]:checked + label::after {
  background-color: #FFAE1A;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-warning,
.list-group [type=radio].checkbox-warning {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-warning:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-warning:active, .list-group .form-check-input:checked[type=checkbox].checkbox-warning.active,
.list-group [type=radio].checkbox-warning:focus,
.list-group [type=radio].checkbox-warning:active,
.list-group [type=radio].checkbox-warning.active {
  border-color: #FFAE1A;
  outline: 0;
  background-color: #FFAE1A;
}
.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7);
}
.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa;
}
.list-group .alert-warning.dark .alert-link {
  color: #fff;
}
.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A;
}
.list-group .alert-warning.outline .btn-close,
.list-group .alert-warning.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A;
}
.list-group .alert-warning.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #FFAE1A;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-warning.inverse:before {
    left: 45px;
  }
}
.list-group .alert-warning.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #FFAE1A;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-warning.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff;
}
.alert-info .progress {
  height: 5px;
  background-color: #163674;
  border-radius: 0;
}
.alert-info .progress-bar {
  background-color: #a1bbed;
}
.alert-info .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-info .alert-link {
  color: #173878;
}
.alert-info hr {
  border-top-color: #173878;
}

.border-info {
  border-color: #173878 !important;
}

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878;
}

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878;
}
.touchspin-wrapper input[type=number].spin-outline-info {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff;
}

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878;
}

.payment-second .mega-icons.stroke-info {
  stroke: #173878;
}

.toast-info {
  color: #173878 !important;
}

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878;
}

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55);
          box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55);
}

.fill-radios .radio.radio-info input[type=radio]:checked + label::before {
  border: 10px solid #173878;
}
.fill-radios .radio.radio-info input[type=radio]:checked + label::after {
  background-color: #173878;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-info,
.list-group [type=radio].checkbox-info {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-info:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-info:active, .list-group .form-check-input:checked[type=checkbox].checkbox-info.active,
.list-group [type=radio].checkbox-info:focus,
.list-group [type=radio].checkbox-info:active,
.list-group [type=radio].checkbox-info.active {
  border-color: #173878;
  outline: 0;
  background-color: #173878;
}
.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7);
}
.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa;
}
.list-group .alert-info.dark .alert-link {
  color: #fff;
}
.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878;
}
.list-group .alert-info.outline .btn-close,
.list-group .alert-info.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A;
}
.list-group .alert-info.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #173878;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-info.inverse:before {
    left: 45px;
  }
}
.list-group .alert-info.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #173878;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-info.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB;
}
.alert-light .progress {
  height: 5px;
  background-color: #e3e7e9;
  border-radius: 0;
}
.alert-light .progress-bar {
  background-color: white;
}
.alert-light .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-light .alert-link {
  color: #E6E9EB;
  color: #2c323f;
}
.alert-light .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.alert-light hr {
  border-top-color: #E6E9EB;
}

.border-light {
  border-color: #E6E9EB !important;
}

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB;
}

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB;
}
.touchspin-wrapper input[type=number].spin-outline-light {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff;
}

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
}

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB;
}

.toast-light {
  color: #E6E9EB !important;
}

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB;
}

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55);
          box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55);
}

.fill-radios .radio.radio-light input[type=radio]:checked + label::before {
  border: 10px solid #E6E9EB;
}
.fill-radios .radio.radio-light input[type=radio]:checked + label::after {
  background-color: #E6E9EB;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-light,
.list-group [type=radio].checkbox-light {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-light:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-light:active, .list-group .form-check-input:checked[type=checkbox].checkbox-light.active,
.list-group [type=radio].checkbox-light:focus,
.list-group [type=radio].checkbox-light:active,
.list-group [type=radio].checkbox-light.active {
  border-color: #E6E9EB;
  outline: 0;
  background-color: #E6E9EB;
}
.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7);
}
.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f;
}
.list-group .alert-light.dark .alert-link {
  color: #fff;
  color: #2c323f;
}
.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f;
}
.list-group .alert-light.outline .btn-close,
.list-group .alert-light.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A;
}
.list-group .alert-light.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #E6E9EB;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-light.inverse:before {
    left: 45px;
  }
}
.list-group .alert-light.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #E6E9EB;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-light.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff;
}
.alert-dark .progress {
  height: 5px;
  background-color: #2a303c;
  border-radius: 0;
}
.alert-dark .progress-bar {
  background-color: #a8b0c2;
}
.alert-dark .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.alert-dark .alert-link {
  color: #2c323f;
}
.alert-dark hr {
  border-top-color: #2c323f;
}

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

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f;
}

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f;
}
.touchspin-wrapper input[type=number].spin-outline-dark {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff;
}

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f;
}

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f;
}

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

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f;
}

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  -webkit-box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55);
          box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55);
}

.fill-radios .radio.radio-dark input[type=radio]:checked + label::before {
  border: 10px solid #2c323f;
}
.fill-radios .radio.radio-dark input[type=radio]:checked + label::after {
  background-color: #2c323f;
}

.list-group .form-check-input:checked[type=checkbox].checkbox-dark,
.list-group [type=radio].checkbox-dark {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset;
}
.list-group .form-check-input:checked[type=checkbox].checkbox-dark:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-dark:active, .list-group .form-check-input:checked[type=checkbox].checkbox-dark.active,
.list-group [type=radio].checkbox-dark:focus,
.list-group [type=radio].checkbox-dark:active,
.list-group [type=radio].checkbox-dark.active {
  border-color: #2c323f;
  outline: 0;
  background-color: #2c323f;
}
.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7);
}
.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa;
}
.list-group .alert-dark.dark .alert-link {
  color: #fff;
}
.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f;
}
.list-group .alert-dark.outline .btn-close,
.list-group .alert-dark.outline-2x .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A;
}
.list-group .alert-dark.inverse:before {
  top: 16px;
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #2c323f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media (max-width: 576px) {
  .list-group .alert-dark.inverse:before {
    left: 45px;
  }
}
.list-group .alert-dark.inverse i {
  padding: 17px 20px;
  display: inline-block;
  background-color: #2c323f;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 576px) {
  .list-group .alert-dark.inverse i {
    padding: 17px 14px;
  }
}
.list-group .btn-close {
  -webkit-filter: unset;
          filter: unset;
  top: -3px;
}

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem;
}

.alert-icons.outline-2x {
  padding: 15px;
}
.alert-icons svg {
  position: absolute !important;
  top: 18px !important;
}

.alert-dark .btn-close,
.alert-info .btn-close {
  -webkit-filter: none;
          filter: none;
}

.border-left-wrapper {
  border-left: 4px solid #2c323f;
}

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2);
}

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3);
}

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3);
}

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3);
}

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3);
}

.alert-light-light {
  background-color: #F9F9FB;
}

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3);
}

.alert-light-dark {
  background-color: #EAEBF2;
}

.alert-arrow {
  min-width: 55px;
  height: 55px;
  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;
  position: relative;
}
.alert-arrow i {
  margin-right: 0;
}

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px;
  }
}
@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px;
  }
}

.alert-dismissible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.alert.notify-alert.alert-copy {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto;
}
.avatars .avatar:last-child {
  margin-right: 0;
}
.avatars .avatar.ratio img {
  width: auto;
}
.avatars .avatar .status {
  position: absolute;
  height: 18%;
  width: 18%;
  border-radius: 100%;
  bottom: 12%;
  right: 4%;
  border: 1px solid;
}

.customers ul {
  display: inline-block;
}
.customers ul li img {
  border: 2px solid var(--white);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.customers ul li img:hover {
  -webkit-transform: translateY(-4px) scale(1.02);
          transform: translateY(-4px) scale(1.02);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.customers ul li + li {
  margin-left: -7%;
}
.customers ul li:last-child p {
  color: #051A1A !important;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  border: 2px solid #E6E9EB !important;
}
.customers.avatar-group {
  margin-right: 30px;
}
.customers.avatar-group:last-child {
  margin-right: 0;
}

.avatar-showcase {
  margin-bottom: -10px;
}
.avatar-showcase .avatars .avatar {
  margin-bottom: 10px;
}
.avatar-showcase .avatar-group {
  margin-bottom: 10px;
}
.avatar-showcase .ratio > * {
  position: relative;
  top: unset;
  left: unset;
}

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.badge-spacing .badge {
  padding: 6px 12px;
  font-size: 12px;
}
.badge-spacing .badge.badge svg {
  padding-top: 0px;
}
.badge-spacing .badge.rounded-circle {
  padding: 10px 14px;
  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;
}
.badge-spacing .badge.badge-p-space {
  padding: 10px 13px;
}
.badge-spacing .badge + .badge {
  margin-left: 0px;
}
.badge-spacing .badge.btn-p-space {
  padding: 8px 10px;
}

a.badge:hover {
  color: inherit;
}
a.badge:hover.badge-dark:hover {
  color: #fff;
}

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500;
}
.badge + .badge {
  margin-left: 5px;
}
.badge svg {
  width: 16px;
  height: 16px;
  padding-top: 3px;
}

.b-ln-height {
  line-height: 5px;
}

.pill-badge-primary {
  background-color: var(--theme-deafult);
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-secondary {
  background-color: #FE6A49;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-success {
  background-color: #00AC46;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-danger {
  background-color: #FE6A49;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-info {
  background-color: #173878;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-light {
  background-color: #E6E9EB;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-dark {
  background-color: #2c323f;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-warning {
  background-color: #FFAE1A;
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
          box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0;
}

.pill-badge-primary {
  background-color: var(--theme-deafult);
}

.pill-badge-secondary {
  background-color: var(--theme-secondary);
}

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important;
}

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important;
}

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important;
}

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important;
}

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important;
}

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important;
}

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important;
}

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  -webkit-box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
          box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important;
}

.round-badge-primary {
  background-color: var(--theme-deafult);
}

.round-badge-secondary {
  background-color: var(--theme-secondary);
}

.badge-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px;
}

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block;
}
.bookmark ul li .search-form {
  position: absolute;
  bottom: 53px;
  z-index: 1;
}
.bookmark ul li .search-form .form-control-search {
  top: 65px;
  position: absolute;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  right: -20px;
  -webkit-transform: translateY(-35px) scaleY(0);
          transform: translateY(-35px) scaleY(0);
  opacity: 0;
  visibility: hidden;
}
.bookmark ul li .search-form .form-control-search input {
  width: 240px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1);
}
.bookmark ul li .search-form .form-control-search.open {
  -webkit-transform: translateY(0px) scaleY(1);
          transform: translateY(0px) scaleY(1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  z-index: 100;
}
.bookmark ul li .search-form .form-control-search:after {
  top: 12px;
  left: 20px;
  z-index: 1;
}
.bookmark ul li .search-form .form-control-search:before {
  left: 50px;
  top: 9px;
  z-index: 2;
}
.bookmark ul li a {
  position: relative;
  color: #051A1A;
}
.bookmark ul li a svg {
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.bookmark ul li + li {
  margin-left: 10px;
}
.bookmark ul li:last-child {
  padding-right: 0;
}
.bookmark ul li:last-child a {
  border-radius: 5px;
}
.bookmark ul li:last-child a svg {
  color: #ff9f40;
}

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5);
}
.offcanvas-bookmark:before {
  position: fixed;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0;
}

body.modal-open .select2-container--open {
  width: unset !important;
  display: block;
}
body.modal-open .select2-container--open .select2-dropdown {
  z-index: 1076;
}

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px;
}
.breadcrumb-colored li a {
  color: #fff;
}
.breadcrumb-colored li.active {
  color: #fff;
  opacity: 0.7;
}
.breadcrumb-colored .breadcrumb-item:before {
  color: #fff;
}
.breadcrumb-colored .breadcrumb-item.txt-dark:before {
  color: #000;
}

.breadcrumb-icon {
  --bs-breadcrumb-divider: ">";
}
.breadcrumb-icon li {
  display: inline-block;
}

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: "";
}

.breadcrumb-item.active {
  text-transform: capitalize;
}

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0;
}

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666;
}
.dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
  color: #006666 !important;
}
.dark-color-header ul li i {
  color: #E6E9EB !important;
}

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult);
}

.purchase-btn {
  background: -webkit-gradient(linear, left top, right top, color-stop(-18.33%, var(--theme-deafult)), color-stop(62.78%, #006666));
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.purchase-btn:hover {
  background: -webkit-gradient(linear, left top, right top, color-stop(-18.33%, #006666), color-stop(62.78%, var(--theme-deafult)));
  background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .purchase-btn {
    min-width: 160px;
  }
}
@media (max-width: 767px) {
  .purchase-btn {
    min-width: 140px;
    padding: 10px 17px;
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .purchase-btn {
    font-size: 14px;
  }
}

.btn-light:not([disabled]):not(.disabled).active.active {
  color: #051A1A !important;
  background-color: #e0e4e6 !important;
}

.btn-primary-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#008f8f), color-stop(51%, #003d3d), to(#008f8f));
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#008f8f), color-stop(0%), color-stop(#003d3d), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important;
}

.btn-secondary-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#fe8b72), color-stop(51%, #fe4920), to(#fe8b72));
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#fe8b72), color-stop(0%), color-stop(#fe4920), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important;
}

.btn-success-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#00d557), color-stop(51%, #008335), to(#00d557));
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#00d557), color-stop(0%), color-stop(#008335), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important;
}

.btn-danger-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#fe8b72), color-stop(51%, #fe4920), to(#fe8b72));
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#fe8b72), color-stop(0%), color-stop(#fe4920), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important;
}

.btn-warning-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffbc43), color-stop(51%, #f09b00), to(#ffbc43));
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffbc43), color-stop(0%), color-stop(#f09b00), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important;
}

.btn-info-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#1e489a), color-stop(51%, #102856), to(#1e489a));
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#1e489a), color-stop(0%), color-stop(#102856), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important;
}

.btn-light-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#fdfdfd), color-stop(51%, #cfd5d9), to(#fdfdfd));
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#fdfdfd), color-stop(0%), color-stop(#cfd5d9), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important;
}

.btn-dark-gradien {
  background-image: -webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(51%, #1b1f27), to(#3d4557));
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background-position: right center;
  background-image: -webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(0%), color-stop(#1b1f27), color-stop(100%), to(#fff)) !important;
  background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important;
}

.btn {
  padding: 0.375rem 1.75rem;
}
.btn.bg-light-primary:hover {
  background: #006666 !important;
  color: #fff !important;
}

.btn-lg {
  font-size: 18px;
}

.btn-sm {
  font-size: 12px;
}

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px;
}

.large-btn {
  margin-bottom: -20px;
}
.large-btn .btn {
  margin-right: 5px;
  margin-bottom: 15px;
}

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff;
}
.btn-outline-white:hover, .btn-outline-white:focus {
  background: #fff;
  color: var(--theme-deafult);
}

.btn-air-primary {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
  background-color: #006666;
  border-color: #006666;
}

.input-air-primary {
  -webkit-box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important;
}
.input-air-primary:focus {
  border-color: #006666;
}

.btn-air-secondary {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.input-air-secondary {
  -webkit-box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important;
}
.input-air-secondary:focus {
  border-color: #FE6A49;
}

.btn-air-success {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
  background-color: #00AC46;
  border-color: #00AC46;
}

.input-air-success {
  -webkit-box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important;
}
.input-air-success:focus {
  border-color: #00AC46;
}

.btn-air-danger {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
  background-color: #FE6A49;
  border-color: #FE6A49;
}

.input-air-danger {
  -webkit-box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important;
}
.input-air-danger:focus {
  border-color: #FE6A49;
}

.btn-air-info {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
  background-color: #173878;
  border-color: #173878;
}

.input-air-info {
  -webkit-box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important;
}
.input-air-info:focus {
  border-color: #173878;
}

.btn-air-light {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
}

.input-air-light {
  -webkit-box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important;
}
.input-air-light:focus {
  border-color: #E6E9EB;
}

.btn-air-dark {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
  background-color: #2c323f;
  border-color: #2c323f;
}

.input-air-dark {
  -webkit-box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important;
}
.input-air-dark:focus {
  border-color: #2c323f;
}

.btn-air-warning {
  -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
          box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
}
.btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
}

.input-air-warning {
  -webkit-box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important;
          box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important;
}
.input-air-warning:focus {
  border-color: #FFAE1A;
}

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem;
}
.btn-gradient:hover {
  background-size: 100% !important;
}

.btn-warning {
  color: #fff;
}
.btn-warning:hover, .btn-warning.disabled {
  color: #fff;
}

[class*=-gradien]:hover {
  background-size: 50% 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}

.btn-square {
  border-radius: 0px;
}

.btn-pill {
  border-radius: 60px;
}

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px;
}
.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0;
}

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px;
}
.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0;
}

.btn-showcase {
  margin-bottom: -10px;
}
.btn-showcase .btn {
  margin-bottom: 10px;
  margin-right: 10px;
}

.btn-dropdown-showcase {
  margin-bottom: -10px;
}
.btn-dropdown-showcase .dropdown {
  margin-bottom: 10px;
  margin-right: 18px;
}
.btn-dropdown-showcase .btn-group {
  margin-bottom: 10px;
  margin-right: 18px;
}

.btn-group .radio label::before {
  top: 2px;
}
.btn-group .radio label::after {
  top: 7px;
}
.btn-group .checkbox label {
  margin-top: 3px;
}

.btn-group-showcase > div {
  margin-bottom: -20px;
}
.btn-group-showcase > div label {
  margin-bottom: 0;
}
.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px;
}
.btn-group-showcase .checkbox input[type=checkbox] {
  display: none;
}

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult);
}
.card-header-right-icon .btn.btn-light-primary:hover {
  color: var(--white);
  background-color: var(--theme-deafult);
}

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult);
}
.btn.button-primary:hover,
button.button-primary:hover {
  background-color: var(--theme-deafult);
  color: var(--white);
}

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}
.card:hover {
  -webkit-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
          box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card .card-header {
  background-color: #fff;
  padding: 20px;
  border-bottom: 1px solid #ecf3fa;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}
.card .card-header.card-no-border {
  border-bottom: none !important;
}
.card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
  margin-bottom: 0;
  text-transform: capitalize;
}
.card .card-header > span {
  font-size: 12px;
  color: var(--body-font-color);
  margin-top: 5px;
  display: block;
  letter-spacing: 1px;
}
.card .card-header .card-header-right {
  border-radius: 0 0 0 7px;
  right: 20px;
  top: 12px;
  display: inline-block;
  float: right;
  padding: 8px 0;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.card .card-header .card-header-right .card-option {
  text-align: right;
  width: 35px;
  height: 20px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card .card-header .card-header-right .card-option li {
  display: inline-block;
}
.card .card-header .card-header-right .card-option li:first-child i {
  -webkit-transition: 1s;
  transition: 1s;
  font-size: 16px;
  color: var(--theme-deafult);
}
.card .card-header .card-header-right .card-option li:first-child i.icofont {
  color: unset;
}
.card .card-header .card-header-right i {
  margin: 0 5px;
  cursor: pointer;
  color: #2c323f;
  line-height: 20px;
}
.card .card-header .card-header-right i.icofont-refresh {
  font-size: 13px;
}
.card .card-body {
  padding: 20px;
  background-color: transparent;
}
.card .card-body p:last-child {
  margin-bottom: 0;
}
.card .sub-title {
  padding-bottom: 12px;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}
.card .card-footer {
  background-color: #fff;
  border-top: 1px solid #ecf3fa;
  padding: 20px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.card.card-load .card-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-load .card-loader i {
  margin: 0 auto;
  color: var(--theme-deafult);
  font-size: 20px;
}
.card.full-card {
  position: fixed;
  top: 0;
  z-index: 99999;
  -webkit-box-shadow: none;
          box-shadow: none;
  right: 0;
  border-radius: 0;
  border: 1px solid #efefef;
  width: calc(100vw - 12px);
  height: 100vh;
}
.card.full-card .card-body {
  overflow: auto;
}

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A;
}

.card-absolute {
  margin-top: 20px;
}
.card-absolute .card-header {
  position: absolute;
  top: -20px;
  left: 15px;
  border-radius: 0.25rem;
  padding: 10px 15px;
}
.card-absolute .card-header h5 {
  font-size: 17px;
}
.card-absolute .card-body {
  margin-top: 10px;
}

.card-header .border-tab {
  margin-bottom: -13px;
}

.custom-card {
  overflow: hidden;
  padding: 30px;
}
.custom-card .card-header {
  padding: 0;
}
.custom-card .card-header img {
  border-radius: 50%;
  margin-top: -100px;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.custom-card .card-profile {
  text-align: center;
}
.custom-card .card-profile img {
  height: 110px;
  padding: 7px;
  background-color: #fff;
  z-index: 1;
  position: relative;
}
.custom-card .card-social {
  text-align: center;
}
.custom-card .card-social li {
  display: inline-block;
  padding: 15px 0;
}
.custom-card .card-social li:last-child a {
  margin-right: 0;
}
.custom-card .card-social li a {
  padding: 0;
  margin-right: 15px;
  color: rgb(188, 198, 222);
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-card .card-social li a:hover {
  color: var(--theme-deafult);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-card .profile-details h6 {
  margin-bottom: 30px;
  margin-top: 10px;
  color: #FFFFFF;
  font-size: 14px;
}
.custom-card .card-footer {
  padding: 0;
}
.custom-card .card-footer > div {
  padding: 15px;
  text-align: center;
}
.custom-card .card-footer > div + div {
  border-left: 1px solid #efefef;
}
.custom-card .card-footer > div h3 {
  margin-bottom: 0;
  font-size: 24px;
}
.custom-card .card-footer > div h6 {
  font-size: 14px;
  color: #FFFFFF;
}
.custom-card .card-footer > div h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.custom-card .card-footer > div i {
  font-size: 24px;
  display: inline-block;
  margin-bottom: 15px;
}
.custom-card .card-footer > div .m-b-card {
  margin-bottom: 10px;
}

.social-profile {
  text-align: center;
  background-image: url(../images/dashboard-3/profile-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.social-profile .card-body {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1399px) {
  .social-profile .card-body {
    padding: 23px 15px;
  }
}
.social-details {
  margin-top: 15px;
}
.social-details h5 a {
  color: var(--body-font-color);
  font-weight: 700;
}
.social-details .social-follow {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .social-details .social-follow {
    -webkit-column-gap: 23px;
       -moz-column-gap: 23px;
            column-gap: 23px;
  }
}
.social-details .social-follow li {
  position: relative;
}
.social-details .social-follow li + li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background-color: var(--recent-dashed-border);
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[dir=rtl] .social-details .social-follow li + li::before {
  left: unset;
  right: -15px;
}
.social-details .card-social {
  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: 10px;
  margin-top: 15px;
}
.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative;
}
.social-img-wrap .edit-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.social-img-wrap .edit-icon svg {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid var(--white);
  background: var(--white);
}
.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%;
}
.social-img img {
  height: 68px;
  border-radius: 100%;
}

.dependent-profile {
  text-align: center;
  background-image: url(../images/dashboard-3/dependent-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.dependent-profile .card-body {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1399px) {
  .dependent-profile .card-body {
    padding: 23px 15px;
  }
}
.dependent-details {
  margin-top: 15px;
}
.dependent-details h5 a {
  color: var(--body-font-color);
  font-weight: 700;
}
.dependent-details .social-follow {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .dependent-details .social-follow {
    -webkit-column-gap: 23px;
       -moz-column-gap: 23px;
            column-gap: 23px;
  }
}
.dependent-details .social-follow li {
  position: relative;
}
.dependent-details .social-follow li + li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background-color: var(--recent-dashed-border);
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[dir=rtl] .dependent-details .social-follow li + li::before {
  left: unset;
  right: -15px;
}
.dependent-details .card-social {
  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: 10px;
  margin-top: 15px;
}
.dependent-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative;
}
.dependent-img-wrap .edit-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.dependent-img-wrap .edit-icon svg {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid var(--white);
  background: var(--white);
}
.dependent-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%;
}
.dependent-img img {
  height: 68px;
  border-radius: 100%;
}

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px;
}
.color-box button {
  margin-bottom: 10px;
}
.color-box button + button {
  margin-left: 5px;
}

.light-font {
  color: #FFFFFF;
}

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important;
}
div.DTS div.dataTables_scrollBody table {
  z-index: 1;
}
div .table-avtar {
  height: 32px;
  margin-right: 10px;
}
[dir=rtl] div .table-avtar {
  margin-right: unset;
  margin-left: 10px;
}
div .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div .action i {
  font-size: 16px;
}
div .action .pdf i {
  font-size: 20px;
  color: #FE6A49;
}
div .action .edit {
  margin-right: 5px;
}
div .action .edit i {
  color: #00AC46;
}
[dir=rtl] div .action .edit {
  margin-left: 5px;
}
div .action .delete i {
  color: #FE6A49;
}

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult);
}

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ecf3fa;
}
.dataTables_wrapper .dt-buttons .btn {
  border-radius: 0.25rem !important;
}
.dataTables_wrapper .btn-group button {
  margin-right: 5px;
}
.dataTables_wrapper button {
  font-weight: 400;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  border-radius: 0.25rem;
  color: #fff;
}
.dataTables_wrapper + .dataTables_wrapper {
  margin-top: 20px;
}
.dataTables_wrapper .dataTables_paginate {
  margin-left: 15px !important;
  border: 1px solid #E6E9EB;
  border-radius: 0.25rem;
  padding-top: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: var(--theme-deafult);
  color: #fff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid var(--theme-deafult);
  color: #2c323f !important;
  background: transparent !important;
}
.dataTables_wrapper .dataTables_length {
  margin-bottom: 30px;
}
.dataTables_wrapper .dataTables_length select {
  border-color: #E6E9EB;
  color: #2c323f;
  padding: 0 10px;
  margin: 0 10px;
  height: 2.7142em;
  background-color: #fff;
}
.dataTables_wrapper table.dataTable {
  border: 1px solid #efefef;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,
.dataTables_wrapper table.dataTable tbody th.select-checkbox {
  padding-right: 40px !important;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
  right: 20px;
  top: 22px;
  left: unset;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-top: -5px;
  margin-left: 21px;
}
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
  border-bottom: 2px solid #efefef;
}
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
  padding: 0.75rem;
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 25px;
  margin-left: 15px;
}
.dataTables_wrapper .dataTables_filter input[type=search] {
  border: 1px solid #efefef;
  padding: 0 10px;
  margin-left: 10px;
  height: 37px;
  border-radius: 0;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff;
}
table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px;
}
table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important;
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important;
}
table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 12px !important;
}
table.dataTable input,
table.dataTable select {
  border: 1px solid #efefef;
  height: 37px;
}

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px;
}

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px;
}
.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px;
}
.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px;
}
.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px;
}
.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px;
}

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px;
}

code.option {
  color: #FE6A49 !important;
}
code.api {
  color: #00AC46 !important;
}

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff;
}
.dt-ext .dataTables_wrapper .dataTables_paginate {
  border: none;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
  border: none;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  border: none !important;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult);
}
.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px;
}
.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46;
}
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49;
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult);
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff;
}
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff;
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff;
}
.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff;
}

td.highlight {
  background-color: #E6E9EB !important;
}

td.details-control {
  background: url("../images/details_open.png") no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url("../images/details_close.png") no-repeat center center;
}

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important;
}

.product-table th:last-child {
  min-width: 120px;
}
.product-table h6 {
  font-weight: 600;
  color: #2c323f;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff;
}
table.dataTable.display tbody tr.odd .badge {
  line-height: 15px;
}
table.dataTable.display tbody tr.even .badge {
  line-height: 15px;
}

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important;
}

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult);
}

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult);
}

.datepicker {
  z-index: 99;
}

.datepicker--day-name {
  color: #006666;
  font-weight: bold;
}

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult);
}
.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff;
}
.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important;
}
.datepicker--cell-day {
  width: 14.2857142857%;
}

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7;
}

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}
.datetime-picker .input-group-text i {
  line-height: 1.3;
}

.clockpicker-popover {
  border: none;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7;
}
.clockpicker-popover .popover-content {
  background-color: rgba(0, 102, 102, 0.05);
}

.clockpicker-canvas-bg {
  fill: #29ffff;
}

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff;
}

.calendar-basic .md-sidebar-aside {
  background-color: #fff;
}
.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9;
}
.calendar-basic #external-events h4 {
  margin-bottom: 14px;
}
.calendar-basic #external-events p {
  margin-top: 12px;
}
.calendar-basic #external-events .fc-h-event {
  padding: 12px;
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
}
.calendar-basic #external-events .fc-h-event + .fc-h-event {
  margin-top: 10px;
}
.calendar-basic #external-events .fc-h-event .fc-event-main {
  font-size: 13px;
}
.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis;
}
.calendar-basic .calendar-default .fc td[role=presentation] {
  border: 0;
}
.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A;
}
.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px;
}
.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666;
}
.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px;
}

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult);
}

.fc .fc-toolbar {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.fc .fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5);
}

.main-inline-calender.input-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-inline-calender.input-group .form-control {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-calendar.inline {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-innerContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
  width: 100%;
  max-width: none;
  min-width: unset;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  border-radius: 5px;
  width: 100%;
  max-width: unset;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
  color: var(--body-font-color);
}

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}
.flatpickr-day.selected:hover,
.flatpickr-day .endRange:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.main-flatpickr .form-control:-moz-read-only {
  background-color: unset;
}

.main-flatpickr .form-control:read-only {
  background-color: unset;
}

.flatpickr-months {
  font-size: calc(12px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 30px;
}
.flatpickr-months .flatpickr-month {
  margin-top: 16px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  top: 10px;
}

.flatpickr-current-month {
  font-size: calc(14px + 5 * (100vw - 320px) / 1600);
}

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.flatpickr-calendar .flatpickr-days {
  width: unset;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  width: unset;
  min-width: unset;
  max-width: unset;
}

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px;
  }
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.timepicker-wrapper .row {
  margin-bottom: 16px;
}
.timepicker-wrapper .row:last-child {
  margin-bottom: 0;
}

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: "";
  display: none;
}

.dropdown-auto {
  overflow: auto;
}

.dropdown-divider {
  margin: 0;
}

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left;
}
.dropdown .dropdown-toggle:focus {
  border: 1px solid #E6E9EB;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dropdown .dropdown-toggle:after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  font-size: 18px;
  margin: 0;
}
.dropdown .dropdown-toggle.btn-primary {
  color: #fff;
}
.dropdown .dropdown-toggle-store {
  width: 130px;
}
.dropdown .dropdown-toggle-calendar {
  width: 218px;
}
.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4;
}

.docs-toggles .dropdown .dropdown-toggle {
  width: auto;
}
.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important;
}

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px;
}
@media only screen and (max-width: 575.98px) {
  .nav-tabs .dropdown .dropdown-toggle {
    width: 100%;
    text-align: center;
  }
}

.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto;
}
.icon-dropdown .dropdown-toggle i {
  font-size: 16px;
}
.icon-dropdown .dropdown-toggle::after {
  display: none;
}
.icon-dropdown .dropdown-item {
  line-height: 1.5;
}

.dropdown-basic {
  margin-bottom: -10px;
}
.dropdown-basic .btn-group .btn-round {
  border-radius: 50px;
}
.dropdown-basic .separated-btn {
  margin-left: -6px;
}
[dir=rtl] .dropdown-basic .separated-btn {
  margin-left: unset;
  margin-right: -6px;
}
.dropdown-basic .separated-btn .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px;
}
.dropdown-basic .separated-btn.dropdown {
  margin-bottom: 0;
}
.dropdown-basic button {
  max-height: 43px;
}
.dropdown-basic .dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.dropdown-basic .dropdown .dropbtn {
  color: white;
  padding: 12px 35px;
  border: none;
  cursor: pointer;
}
.dropdown-basic .dropdown .dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 175px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 0;
  top: 45px;
}
.dropdown-basic .dropdown .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 12px 16px;
}
.dropdown-basic .dropdown-content a:hover {
  background-color: #f1f1f1;
}
.dropdown-basic .dropdown:hover .dropdown-content {
  display: block;
}

.dropup-basic .dropup {
  position: relative;
  display: inline-block;
}
.dropup-basic .dropup .dropbtn {
  color: white;
  padding: 12px;
  border: none;
}
.dropup-basic .dropup .dropup-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 170px;
  bottom: 45px;
  z-index: 999;
  left: 0;
}
.dropup-basic .dropup .dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa;
}
.dropup-basic .dropup:hover .dropup-content {
  display: block;
}
.dropup-basic .dropup:hover .dropup-content a.active {
  background-color: #ecf3fa;
}

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB;
}
.dropdown-block li .helper-truncate:hover {
  background-color: unset !important;
}

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important;
}

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6;
}
.dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
  background-color: #E6E9EB;
}
.dropdown-menu .input-group .input-group-text {
  background-color: unset;
  border: none;
}

.dark-form .form-label {
  color: var(--text-gray);
}
.dark-form .form-control {
  border: 1px solid var(--text-gray) !important;
}
.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray);
}
.dark-form .form-check .form-check-label {
  color: var(--text-gray);
}
.dark-form h6 {
  color: var(--text-gray);
}
.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border);
}
.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: "";
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
[dir=rtl] .dropdown-toggle::after {
  margin-left: unset;
  margin-right: 8px;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: "";
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent;
}
[dir=rtl] .dropstart .dropdown-toggle::before {
  margin-left: 8px;
  margin-right: unset;
}

.dropup .dropdown-toggle::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent;
}
[dir=rtl] .dropup .dropdown-toggle::after {
  margin-left: unset;
  margin-right: 8px;
}

.dropend .dropdown-toggle::after {
  content: "";
  display: inline-block;
  content: "";
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px;
}
[dir=rtl] .dropend .dropdown-toggle::after {
  margin-left: unset;
  margin-right: 8px;
}

.form-wrapper {
  width: 260px;
}

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff;
}

btn-group .dropdown-wrapper {
  z-index: 2;
}
btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0px 8px 0px 0px;
}
[dir=rtl] btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0px 0px 0px 8px;
}

[dir=rtl] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right;
}
[dir=rtl] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right;
}

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9;
}

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer;
}
.component label {
  padding-top: 8px;
}
.component .form-group input,
.component .form-group textarea,
.component .form-group select {
  border-radius: 4px;
}

input {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

.popover .controls {
  margin-left: 0;
}
.popover .control-label {
  text-align: left;
}
.popover form {
  width: 100%;
}
.popover .fade.left.in {
  left: -215px;
}

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 0 30px #ecf3fa;
          box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden;
}
.drag form input {
  border-radius: 5px;
}

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px;
}

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px;
}

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px;
}

.input-group-air {
  -webkit-box-shadow: 0 3px 20px 0 #efefef;
          box-shadow: 0 3px 20px 0 #efefef;
}

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block;
}
.icon-addon:after {
  display: table;
  content: "";
  clear: both;
}
.icon-addon:before {
  display: table;
  content: "";
}
.icon-addon .addon-md .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}
.icon-addon .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}
.input-group-wrapper .input-group {
  margin-bottom: 16px;
}
.input-group-wrapper .input-group .form-control {
  font-size: 16px;
}
.input-group-wrapper .input-group .form-control:focus {
  border-color: var(--recent-border);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.input-group-wrapper .input-group:last-child {
  margin-bottom: 0;
}
.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main-custom-form label {
  margin-bottom: 0;
}
.main-custom-form .form-select:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--recent-border);
}
.main-custom-form .dropdown-menu {
  z-index: 3;
}
.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}
.main-custom-form .input-group-text {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px;
  }
}

.main-segment-btn .dropdown-toggle::after {
  content: "";
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px;
}
.main-segment-btn .dropdown-menu {
  z-index: 3;
}

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none;
}

.form-control-color {
  max-width: 70rem;
}

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px;
}

.input-radius .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--recent-border);
}
.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.floating-wrapper .form-floating .form-control {
  height: 54px;
}

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none;
}
.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.form-wizard .step.active {
  opacity: 1;
}
.form-wizard .step.finish {
  background-color: var(--theme-secondary);
}

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
[dir=rtl] .wizard-4 .action-bar {
  right: unset;
  left: 50px;
}
.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult);
}
.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text;
}
.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%;
}
.wizard-4 .step-container div.content {
  display: block;
  position: absolute;
  float: left;
  text-align: left;
  overflow: auto;
  z-index: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}
[dir=rtl] .wizard-4 .step-container div.content {
  text-align: unset;
  text-align: right;
}
.wizard-4 .step-container div.content .wizard-title {
  width: 450px;
  margin: 0 auto;
}
.wizard-4 .loader {
  display: none;
}
.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px;
}
.wizard-4 .msg-box .content {
  padding: 0;
  float: left;
  padding-top: 3px;
  color: #fff;
}
.wizard-4 .msg-box .close {
  color: #fff;
  margin-left: 10px;
  opacity: 1;
  font-size: 18px;
  line-height: 1.4;
}
[dir=rtl] .wizard-4 .msg-box .close {
  margin-right: 10px;
  margin-left: unset;
}
.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto;
}
.wizard-4 ul.anchor .disabled {
  opacity: 0.7;
  color: #59667a;
}
.wizard-4 ul.anchor .disabled h4 {
  background-color: rgba(89, 102, 122, 0.15);
}
.wizard-4 ul.anchor .logo {
  padding-bottom: 20px;
}
.wizard-4 ul.anchor li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  padding-bottom: 19px;
  float: left;
  clear: both;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 0;
}
.wizard-4 ul.anchor li + li a {
  padding-left: 80px;
}
[dir=rtl] .wizard-4 ul.anchor li + li a {
  padding-left: unset;
  padding-right: 80px;
}
.wizard-4 ul.anchor li:last-child {
  position: absolute;
  bottom: 0;
  width: auto;
  padding-bottom: 0;
  left: 9%;
}
[dir=rtl] .wizard-4 ul.anchor li:last-child {
  left: unset;
  right: 9%;
}
.wizard-4 ul.anchor li:last-child img {
  height: 300px;
}
@media (max-width: 1199px) {
  .wizard-4 ul.anchor li:last-child img {
    height: 220px;
  }
}
.wizard-4 ul.anchor li h4 {
  display: inline-block;
  background-color: rgba(0, 102, 102, 0.2);
  padding: 16px 23px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 6px;
  width: 60px;
  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;
}
[dir=rtl] .wizard-4 ul.anchor li h4 {
  left: unset;
  right: 0;
}
.wizard-4 ul.anchor li a {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  outline-style: none;
  z-index: 1;
  font-size: 18px;
}
.wizard-4 ul.anchor li a small {
  display: block;
  font-size: 14px;
}
.wizard-4 ul.anchor li a .stepNumber {
  position: relative;
  float: left;
  width: 30px;
  text-align: center;
  padding: 5px;
  padding-top: 0;
}
.wizard-4 ul.anchor li a.done h4 {
  color: #fff;
  background: var(--theme-deafult);
}
.wizard-4 ul.anchor li a.done h4:before {
  font-size: 12px;
  position: absolute;
  left: 5px;
  top: -3px;
  content: "\e64c";
  font-family: "themify";
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 15px;
  padding: 2px;
  border: 1px solid;
}
.wizard-4 ul.anchor li a.error {
  color: #898989;
  background: #fe8a7d;
  border: 1px solid #FE6A49;
}
.wizard-4 ul.anchor li a.error:hover {
  color: #000;
}

.wizard {
  max-width: 670px;
  margin: 0 auto;
}
.wizard .wizard-content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #fff;
  border-radius: 5px;
}

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset;
}
.vertical-main-wizard .header-vertical-wizard .nav-link {
  border-bottom: 1px solid var(--recent-border);
  border-radius: 0;
  padding: 20px;
}
.vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
  border-bottom: 0;
}
.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent;
}
.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent;
}
.vertical-main-wizard .nav-link .vertical-wizard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
  width: 33px;
  height: 33px;
  background-color: var(--white);
  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: 50%;
  position: relative;
  border: 1px solid #52526c;
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
  margin-right: 0;
  color: #52526c;
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
  font-weight: 400;
  line-height: 1;
  color: var(--body-font-color);
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
  color: var(--text-gray);
}
.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset;
}
.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
}
.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
  color: #fff;
  font-size: 18px;
}
.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #006666;
}
.vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
  color: var(--theme-deafult);
}
.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0;
}
.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.basic-wizard .stepper-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px;
}
.basic-wizard .stepper-horizontal .step {
  position: relative;
  padding-inline: 24px;
  z-index: 2;
  width: 100%;
}
.basic-wizard .stepper-horizontal .step:first-child {
  padding-left: 0;
}
.basic-wizard .stepper-horizontal .step:last-child {
  padding-right: 0;
}
.basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
  display: none;
}
.basic-wizard .stepper-horizontal .step .step-circle {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
  z-index: 2;
  border: 2px solid #E6E9EB;
  background: var(--white);
}
.basic-wizard .stepper-horizontal .step.done .step-circle {
  background-color: var(--white);
  border: 2px solid #52526c;
  color: #006666;
  z-index: 4;
  position: relative;
}
.basic-wizard .stepper-horizontal .step.done .step-circle:before {
  font-family: "FontAwesome";
  font-weight: 100;
  content: "\f00c";
}
.basic-wizard .stepper-horizontal .step.done .step-circle * {
  display: none;
}
.basic-wizard .stepper-horizontal .step.done .step-title {
  color: #52526c;
}
.basic-wizard .stepper-horizontal .step.editing .step-circle {
  background: var(--white);
  border-color: #52526c;
  color: var(--theme-deafult);
}
.basic-wizard .stepper-horizontal .step .step-title {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--chart-text-color);
}
.basic-wizard .stepper-horizontal .step .step-title,
.basic-wizard .stepper-horizontal .step .step-optional {
  text-align: center;
}
.basic-wizard .stepper-horizontal .step .step-bar-left,
.basic-wizard .stepper-horizontal .step .step-bar-right {
  position: absolute;
  top: 14px;
  height: 4px;
  background-color: rgba(0, 102, 102, 0.2);
  border: solid rgba(0, 102, 102, 0.2);
  border-width: 2px 0;
}
.basic-wizard .stepper-horizontal .step .step-bar-left {
  width: 100%;
  left: 50%;
  z-index: -1;
}
[dir=rtl] .basic-wizard .stepper-horizontal .step .step-bar-left {
  left: unset;
  right: 50%;
  margin-left: unset;
  margin-right: 1rem;
}
.basic-wizard .stepper-horizontal .step .step-bar-right {
  width: 0;
  left: 50%;
  z-index: -1;
  -webkit-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
}
[dir=rtl] .basic-wizard .stepper-horizontal .step .step-bar-right {
  right: 50%;
  left: unset;
}
.basic-wizard .stepper-horizontal .step.done .step-bar-right {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  z-index: 3;
  width: 100%;
}
.basic-wizard form.none {
  display: none;
}
.basic-wizard form.block {
  display: block;
}
.basic-wizard form .form-check-label {
  margin-bottom: 0;
}

.important-validation .form-label span {
  color: #FE6A49;
}

.select-size.form-select {
  font-size: 14px;
}

.wizard-footer button.disabled {
  background-color: #EAEBF2;
}
.wizard-footer button.back {
  background-color: #FFAE1A;
}

.successful-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: 24px;
}
.successful-form img {
  width: 100px;
  height: 100px;
}

.inquiries-form h6 {
  margin-bottom: 14px;
}
.inquiries-form .choose-option {
  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;
}
.inquiries-form .choose-option .form-check:last-child {
  margin-bottom: 0;
}

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block;
}
.form-completed h6 {
  text-align: center;
  margin-top: 24px;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
}
@media (max-width: 1182px) {
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
  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;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
  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;
  color: var(--body-font-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
  font-size: 18px;
  color: var(--body-font-color);
}
[dir=rtl] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
  margin-right: unset;
  margin-left: 10px;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
  color: var(--white);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
  color: var(--white);
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
  color: var(--white);
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
  color: #fff;
}
.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0;
}
.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .horizontal-wizard-wrapper .bank-search {
    margin-bottom: 0;
  }
}
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0;
}
@media (max-width: 401px) {
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
  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;
  height: 100%;
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
  margin-bottom: 0;
  padding: 6px;
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
  height: calc(45px + 7 * (100vw - 320px) / 1600);
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
  font-size: 14px;
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px;
}
@media (max-width: 1400px) {
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
  color: var(--body-font-color);
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
  gap: 10px;
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 102, 102, 0.2);
  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: 6px;
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
  margin-right: 0;
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
  background-color: unset;
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
  color: var(--body-font-color);
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
  color: var(--theme-deafult);
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
  background-color: var(--theme-deafult);
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
  margin-right: 0;
  color: var(--white);
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  max-width: unset;
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
  font-size: 13px;
}
@media (max-width: 400px) {
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
    display: none;
  }
}

.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0;
}
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
}

.authentication-options .radio-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.authentication-options .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  max-width: unset;
}
.authentication-options .radio-wrapper li .form-check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 14px;
}
@media (max-width: 400px) {
  .authentication-options .radio-wrapper li .form-check-label {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.authentication-options .radio-wrapper li .form-check-label i {
  padding: 0;
}
[dir=rtl] .authentication-options .radio-wrapper li .form-check-label i {
  padding: 0;
}
.authentication-options .radio-wrapper li .form-check-label span > span {
  font-size: 16px;
  color: #1f2533;
  font-weight: 500;
}
.authentication-options .radio-wrapper li .form-check-label span > span + span {
  color: var(--text-gray);
  font-size: 14px;
}

.main-qr-code .modal-toggle-wrapper .modal-img {
  -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;
  margin-bottom: 22px;
}
@media (max-width: 480px) {
  .main-qr-code .modal-toggle-wrapper .modal-img {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
@media (max-width: 480px) {
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
    text-align: center;
  }
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
  height: 100px;
  width: 100px;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
  margin-top: 16px;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
  word-break: break-word;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
  font-size: 20px;
  margin-right: 0;
}
.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px;
}

.authentication-body {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  text-align: center;
}
.authentication-body img {
  height: calc(200px + 220 * (100vw - 320px) / 1600);
}

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border);
}
@media (max-width: 1200px) {
  .shopping-wizard .shipping-form .shipping-border {
    border-right: unset;
  }
}
.shopping-wizard .shipping-form .shipping-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .shipping-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.shopping-wizard .shipping-form .shipping-options .nav-link {
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    padding: calc(8px + 0 * (100vw - 300px) / 1620) calc(6px + 10 * (100vw - 300px) / 1620);
  }
}
.shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
  color: var(--white);
}
.shopping-wizard .shipping-form .shipping-options .cart-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}
.shopping-wizard .shipping-form .shipping-options .cart-options i {
  font-size: 18px;
  color: var(--white);
  width: 40px;
  height: 40px;
  background-color: var(--theme-deafult);
  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: 50%;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .shopping-wizard .shipping-form .shipping-options .cart-options i {
    font-size: calc(14px + 4 * (100vw - 1200px) / 720);
    width: calc(30px + 10 * (100vw - 1200px) / 720);
    height: calc(30px + 10 * (100vw - 1200px) / 720);
  }
}
.shopping-wizard .shipping-form .shipping-options .cart-options h6 {
  color: var(--theme-deafult);
}
.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap;
}
.shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray);
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
  white-space: nowrap;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
  max-width: 370px;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
  min-width: 0;
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
  font-weight: 500;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
  font-weight: 600;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
  border-bottom: 0;
}
.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
  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;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
  background: none !important;
  border: 0;
  padding: 0 28px;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
  color: var(--theme-deafult);
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
  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;
  margin-bottom: 8px;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
  font-size: 16px;
  color: var(--theme-deafult);
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
  font-size: 15px;
  font-weight: 500;
}
.shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
  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: calc(100% - 55px - 18px);
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    height: unset;
  }
}
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray);
}
[dir=rtl] .shopping-wizard .shipping-form .shipping-method p {
  padding-right: 25px;
  padding-left: unset;
}
.shopping-wizard .shipping-form .proceed-next {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-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;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
  height: 50px;
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block;
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.shopping-wizard .shipping-form .order-confirm {
  text-align: center;
}
@media (max-width: 1200px) {
  .shopping-wizard .shipping-form .order-confirm {
    margin-bottom: 18px;
  }
}
.shopping-wizard .shipping-form .order-confirm img {
  height: calc(95px + 45 * (100vw - 320px) / 1600);
}

.avatar-upload {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.avatar-upload div:first-child {
  position: relative;
  max-width: 205px;
  margin: auto;
}
.avatar-upload div:first-child .avatar-edit {
  position: absolute;
  right: 25px;
  z-index: 1;
  top: 4px;
}
.avatar-upload div:first-child .avatar-edit input {
  display: none;
}
.avatar-upload div:first-child .avatar-edit label {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-bottom: 0;
  border-radius: 100%;
  background: var(--light-bg);
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.avatar-upload div:first-child .avatar-edit label::after {
  content: "\f040";
  font-family: "FontAwesome";
  color: var(--body-font-color);
  position: absolute;
  top: 8px;
  left: 3px;
  right: 0;
  text-align: center;
  margin: auto;
}
[dir=rtl] .avatar-upload div:first-child .avatar-edit label::after {
  right: 3px;
  left: 0;
}
.avatar-upload div:first-child .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  margin: auto;
}
.avatar-upload div:first-child .avatar-preview > div {
  background-image: url("../images/forms/user.png");
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.avatar-upload h6 {
  text-align: center;
  padding-top: 14px;
}

.email-verify .card-wrapper {
  display: grid;
  place-content: center;
}
.email-verify .card-wrapper > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.authenticate {
  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;
}
.authenticate span:nth-of-type(1) {
  margin-top: 12px;
}
.authenticate h4 {
  margin-bottom: 12px;
}
.authenticate img {
  height: calc(145px + 55 * (100vw - 320px) / 1600);
}
.authenticate form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.authenticate form .otp-generate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin: 14px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.authenticate form .form-control {
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: calc(25px + 10 * (100vw - 320px) / 1600);
  border-radius: 5px;
  text-align: center;
  padding: 0;
  display: block;
  min-width: 0;
}
.authenticate form div {
  display: inline-grid;
  gap: 2px;
  margin-top: 12px;
}

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color);
}

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px;
}

.col-form-label {
  padding-bottom: 4px;
}

.form-space {
  margin-bottom: -10px;
}
.form-space > div {
  margin-bottom: 10px;
}

.theme-form .form-control :focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05);
          box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05);
}
.theme-form textarea {
  border-color: #efefef;
}
.theme-form textarea::-webkit-input-placeholder {
  color: #898989;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 100;
}
.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.theme-form input[type=text]::-webkit-input-placeholder, .theme-form input[type=email]::-webkit-input-placeholder, .theme-form input[type=search]::-webkit-input-placeholder, .theme-form input[type=password]::-webkit-input-placeholder, .theme-form input[type=number]::-webkit-input-placeholder, .theme-form input[type=tel]::-webkit-input-placeholder, .theme-form input[type=date]::-webkit-input-placeholder, .theme-form input[type=datetime-local]::-webkit-input-placeholder, .theme-form input[type=time]::-webkit-input-placeholder, .theme-form input[type=datetime-local]::-webkit-input-placeholder, .theme-form input[type=month]::-webkit-input-placeholder, .theme-form input[type=week]::-webkit-input-placeholder, .theme-form input[type=url]::-webkit-input-placeholder, .theme-form input[type=file]::-webkit-input-placeholder, .theme-form textarea::-webkit-input-placeholder, .theme-form select::-webkit-input-placeholder {
  color: #898989;
  font-weight: 500;
}
.theme-form input[type=text]::-moz-placeholder, .theme-form input[type=email]::-moz-placeholder, .theme-form input[type=search]::-moz-placeholder, .theme-form input[type=password]::-moz-placeholder, .theme-form input[type=number]::-moz-placeholder, .theme-form input[type=tel]::-moz-placeholder, .theme-form input[type=date]::-moz-placeholder, .theme-form input[type=datetime-local]::-moz-placeholder, .theme-form input[type=time]::-moz-placeholder, .theme-form input[type=datetime-local]::-moz-placeholder, .theme-form input[type=month]::-moz-placeholder, .theme-form input[type=week]::-moz-placeholder, .theme-form input[type=url]::-moz-placeholder, .theme-form input[type=file]::-moz-placeholder, .theme-form textarea::-moz-placeholder, .theme-form select::-moz-placeholder {
  color: #898989;
  font-weight: 500;
}
.theme-form input[type=text]:-ms-input-placeholder, .theme-form input[type=email]:-ms-input-placeholder, .theme-form input[type=search]:-ms-input-placeholder, .theme-form input[type=password]:-ms-input-placeholder, .theme-form input[type=number]:-ms-input-placeholder, .theme-form input[type=tel]:-ms-input-placeholder, .theme-form input[type=date]:-ms-input-placeholder, .theme-form input[type=datetime-local]:-ms-input-placeholder, .theme-form input[type=time]:-ms-input-placeholder, .theme-form input[type=datetime-local]:-ms-input-placeholder, .theme-form input[type=month]:-ms-input-placeholder, .theme-form input[type=week]:-ms-input-placeholder, .theme-form input[type=url]:-ms-input-placeholder, .theme-form input[type=file]:-ms-input-placeholder, .theme-form textarea:-ms-input-placeholder, .theme-form select:-ms-input-placeholder {
  color: #898989;
  font-weight: 500;
}
.theme-form input[type=text]::-ms-input-placeholder, .theme-form input[type=email]::-ms-input-placeholder, .theme-form input[type=search]::-ms-input-placeholder, .theme-form input[type=password]::-ms-input-placeholder, .theme-form input[type=number]::-ms-input-placeholder, .theme-form input[type=tel]::-ms-input-placeholder, .theme-form input[type=date]::-ms-input-placeholder, .theme-form input[type=datetime-local]::-ms-input-placeholder, .theme-form input[type=time]::-ms-input-placeholder, .theme-form input[type=datetime-local]::-ms-input-placeholder, .theme-form input[type=month]::-ms-input-placeholder, .theme-form input[type=week]::-ms-input-placeholder, .theme-form input[type=url]::-ms-input-placeholder, .theme-form input[type=file]::-ms-input-placeholder, .theme-form textarea::-ms-input-placeholder, .theme-form select::-ms-input-placeholder {
  color: #898989;
  font-weight: 500;
}
.theme-form input[type=text]::placeholder,
.theme-form input[type=email]::placeholder,
.theme-form input[type=search]::placeholder,
.theme-form input[type=password]::placeholder,
.theme-form input[type=number]::placeholder,
.theme-form input[type=tel]::placeholder,
.theme-form input[type=date]::placeholder,
.theme-form input[type=datetime-local]::placeholder,
.theme-form input[type=time]::placeholder,
.theme-form input[type=datetime-local]::placeholder,
.theme-form input[type=month]::placeholder,
.theme-form input[type=week]::placeholder,
.theme-form input[type=url]::placeholder,
.theme-form input[type=file]::placeholder,
.theme-form textarea::placeholder,
.theme-form select::placeholder {
  color: #898989;
  font-weight: 500;
}
.theme-form input[type=text]::-webkit-input-placeholder,
.theme-form input[type=email]::-webkit-input-placeholder,
.theme-form input[type=search]::-webkit-input-placeholder,
.theme-form input[type=password]::-webkit-input-placeholder,
.theme-form input[type=number]::-webkit-input-placeholder,
.theme-form input[type=tel]::-webkit-input-placeholder,
.theme-form input[type=date]::-webkit-input-placeholder,
.theme-form input[type=datetime-local]::-webkit-input-placeholder,
.theme-form input[type=time]::-webkit-input-placeholder,
.theme-form input[type=datetime-local]::-webkit-input-placeholder,
.theme-form input[type=month]::-webkit-input-placeholder,
.theme-form input[type=week]::-webkit-input-placeholder,
.theme-form input[type=url]::-webkit-input-placeholder,
.theme-form input[type=file]::-webkit-input-placeholder,
.theme-form textarea::-webkit-input-placeholder,
.theme-form select::-webkit-input-placeholder {
  color: #86909C;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 100;
}
.theme-form input[type=text]::-webkit-input-placeholder {
  color: #86909C;
  font-size: 14px;
}
.theme-form input[type=text]::-moz-placeholder {
  color: #86909C;
  font-size: 14px;
}
.theme-form input[type=text]:-ms-input-placeholder {
  color: #86909C;
  font-size: 14px;
}
.theme-form input[type=text]::-ms-input-placeholder {
  color: #86909C;
  font-size: 14px;
}
.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px;
}
.theme-form input[type=file] {
  height: auto;
}
.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px;
}
.theme-form .checkbox label {
  padding-left: 10px;
}
[dir=rtl] .theme-form .checkbox label {
  padding-right: 10px;
  padding-left: unset;
}
.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef;
}
.theme-form .form-divider:before {
  position: absolute;
  top: -11px;
  left: 40%;
  margin-left: -10px;
  padding: 0 5px;
  content: "Or Signup With";
  color: #242934;
  background: #fff;
}
[dir=rtl] .theme-form .form-divider:before {
  left: unset;
  right: 40%;
  margin-left: unset;
  margin-right: -10px;
}
.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef;
}
.theme-form .login-divider:before {
  position: absolute;
  top: -11px;
  left: 40%;
  margin-left: -10px;
  padding: 0 5px;
  color: #242934;
  background: #fff;
  content: "Or Login With";
}
[dir=rtl] .theme-form .login-divider:before {
  left: unset;
  right: 40%;
  margin-left: unset;
  margin-right: -10px;
}
.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%;
}
.theme-form .btn-fb {
  background-color: #50598e;
}
.theme-form .btn-twitter {
  background-color: #6fa2d8;
}
.theme-form .btn-google {
  background-color: #c64e40;
}
.theme-form .btn-linkedin {
  background-color: #0077B5;
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}
.form-inline .col-form-label {
  margin-right: 5px;
}
[dir=rtl] .form-inline .col-form-label {
  margin-left: 5px;
  margin-right: unset;
}

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px;
}
[dir=rtl] .search-form .form-group:before {
  left: unset;
  right: 82px;
}
.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e;
}
[dir=rtl] .search-form .form-group:after {
  left: unset;
  right: 53px;
}
.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3);
}
[dir=rtl] .search-form input {
  padding: 10px 70px 10px 10px;
}
.search-form input:focus {
  outline: none !important;
}

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500;
}

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46;
}
.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49;
}
.custom-input .valid-tooltip {
  background-color: #00AC46;
}
.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8);
}
.custom-input .invalid-feedback {
  color: #FE6A49 !important;
}
.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46;
}
.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49;
}
.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49;
}
.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46;
}
.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46;
}
.custom-input .form-check .invalid-feedback {
  color: #FE6A49;
}
.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB;
}
.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important;
}
.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important;
}
[dir=rtl] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px;
}

.form-check-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}
.form-check-reverse .form-check-input {
  float: left;
  margin-right: 0;
  margin-left: 10px;
}

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px;
}
.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666;
}
.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25);
          box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25);
}
.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0;
}
.checkbox-checked .card-wrapper .form-check:last-child label {
  margin-bottom: 0;
}

.form-check-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-check-size .form-check-inline {
  margin: 0;
  min-height: 0;
}
[dir=rtl] .form-check-size .form-check-inline {
  margin: 0;
}
.form-check-size .form-check-inline .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 0;
}
.form-check-size .form-check-inline .check-size {
  width: 36px;
  height: 18px;
  margin-top: 0;
}
.form-check-size .form-check-inline label {
  margin: 0;
}

.main-img-checkbox .img-checkbox {
  position: relative;
  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;
}
.main-img-checkbox .img-checkbox .main-img-cover {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 24px;
  height: 24px;
}
[dir=rtl] .main-img-checkbox .img-checkbox .main-img-cover {
  left: unset;
  right: 15px;
}
.main-img-checkbox .img-checkbox .form-check-label {
  width: 100%;
}
.main-img-checkbox .img-checkbox img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-icon-checkbox.checkbox label {
  margin-top: 0;
}
.main-icon-checkbox.checkbox label::before {
  content: "";
  width: 100%;
  height: 100%;
  margin-left: 1px;
  background-color: transparent;
  top: 0;
  display: block;
}
[dir=rtl] .main-icon-checkbox.checkbox label::before {
  margin-left: unset;
  margin-right: 1px;
}
.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666;
}
.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1;
}
.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB;
}
.main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main-icon-checkbox.checkbox-primary .form-check-input:checked[type=checkbox] {
  background-image: none;
}

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0;
}

.radio-wrapper,
.checkbox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1200px) {
  .radio-wrapper,
  .checkbox-wrapper {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
.radio-wrapper li,
.checkbox-wrapper li {
  position: relative;
  width: 100%;
  padding: 12px;
  border: none;
  text-align: center;
  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;
  max-width: 130px;
}
@media (max-width: 1335px) {
  .radio-wrapper li,
  .checkbox-wrapper li {
    max-width: 113px;
  }
}
@media (max-width: 1232px) {
  .radio-wrapper li,
  .checkbox-wrapper li {
    padding: 10px;
    max-width: 105px;
  }
}
.radio-wrapper li .form-check-input,
.checkbox-wrapper li .form-check-input {
  position: absolute;
  width: 100%;
  height: 100%;
  float: none;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #E6E9EB;
}
.radio-wrapper li .form-check-input:focus,
.checkbox-wrapper li .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.radio-wrapper li .form-check-input[type=radio],
.checkbox-wrapper li .form-check-input[type=radio] {
  opacity: 1;
}
.radio-wrapper li .form-check-input:checked,
.checkbox-wrapper li .form-check-input:checked {
  border: 2px solid #006666;
  background-color: transparent;
}
.radio-wrapper li .form-check-input:checked[type=radio],
.checkbox-wrapper li .form-check-input:checked[type=radio] {
  background-image: none;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.radio-wrapper li .form-check-label,
.checkbox-wrapper li .form-check-label {
  position: unset;
  padding: 0;
  margin-bottom: 0;
}
.radio-wrapper li .form-check-label:after,
.checkbox-wrapper li .form-check-label:after {
  content: none;
}
.radio-wrapper li .form-check-label::before,
.checkbox-wrapper li .form-check-label::before {
  content: none;
}
.radio-wrapper li .form-check-label i,
.checkbox-wrapper li .form-check-label i {
  font-size: 18px;
  padding-right: 8px;
}
[dir=rtl] .radio-wrapper li .form-check-label i,
[dir=rtl] .checkbox-wrapper li .form-check-label i {
  padding-right: 0;
  padding-left: 8px;
}
.radio-wrapper li .form-check-label span,
.checkbox-wrapper li .form-check-label span {
  font-size: 16px;
}

[dir=rtl] .rtl-input .form-check.form-check-inline {
  padding: 0;
}
[dir=rtl] .rtl-input .form-check.form-switch {
  padding-right: 40px;
}
[dir=rtl] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right;
}

.radio-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-form .form-check {
  min-height: 0;
  margin-bottom: 0;
}
.radio-form .form-check .form-check-label {
  margin-bottom: 0;
}

.basic-form {
  position: relative;
}
.basic-form svg {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[dir=rtl] .basic-form svg {
  right: 0;
  left: 12px;
}
.basic-form svg.stroke-icon {
  width: 25px;
  height: 25px;
  stroke: #2c323f;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[dir=rtl] .basic-form svg.stroke-icon {
  right: unset;
  left: 12px;
}

.form-check {
  margin-bottom: 0;
}

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0;
}
.theme-form.dark-inputs input::-webkit-file-upload-button {
  border-radius: 30px;
}
.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px;
}
[dir=rtl] .theme-form .form-floating > label {
  left: unset;
  right: 0;
}

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon-lists div:hover {
  background-color: var(--light-background);
}
.icon-lists div i {
  margin: 0 15px 0 10px;
  font-size: 24px;
}
.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px;
}
.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px;
}
.icon-lists .feather-icon .icon-first h6 {
  display: none;
}

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px;
}
.flag-icons div,
.feather-icons div {
  line-height: 1;
  word-wrap: break-word;
  overflow: auto;
}
.flag-icons div .flag-icon,
.feather-icons div .flag-icon {
  height: 50px;
  width: 50px;
}
.flag-icons div .media,
.feather-icons div .media {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}
.flag-icons div .media-body h6,
.feather-icons div .media-body h6 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.flag-icons div .media-body h5,
.feather-icons div .media-body h5 {
  background-color: var(--theme-deafult);
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-right: 5px;
  color: #fff;
}
[dir=rtl] .flag-icons div .media-body h5,
[dir=rtl] .feather-icons div .media-body h5 {
  margin-left: 5px;
  margin-right: unset;
}

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 1px 1px #E6E9EB;
          box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999;
}
.icon-hover-bottom .icon-popup {
  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: 100%;
  padding: 20px;
}
.icon-hover-bottom .icon-popup .close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #E6E9EB;
  cursor: pointer;
}
[dir=rtl] .icon-hover-bottom .icon-popup .close-icon {
  right: unset;
  left: 10px;
}
.icon-hover-bottom .icon-popup > div {
  display: inline-block;
}
.icon-hover-bottom .icon-popup > div .flag-icon {
  width: 60px;
  height: 60px;
}
.icon-hover-bottom .icon-popup .icon-class {
  margin: 0 20px;
  cursor: pointer;
}
.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
  display: initial;
}
.icon-hover-bottom .icon-title {
  display: block;
  color: #2c323f;
  text-transform: uppercase;
  font-weight: 500;
}
.icon-hover-bottom span,
.icon-hover-bottom label,
.icon-hover-bottom .btn {
  font-family: "Montserrat", sans-serif;
}
.icon-hover-bottom .form-group input {
  display: inline-block;
  width: 300px;
  background-color: #fff;
  font-family: "Montserrat", sans-serif;
}

.fa-fa-icon-show-div,
.icons-show-div {
  display: none;
}

.icon-first i {
  color: #898989;
}
.icon-first h6 {
  display: none;
}

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.list-group i {
  margin-right: 10px;
}
.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2);
}
.list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
  border: none;
  outline: unset;
  background-color: rgba(0, 102, 102, 0.2) !important;
}

.list-hover-primary {
  background-color: unset;
}
.list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
  background-color: rgba(0, 102, 102, 0.2);
  color: #2c323f;
  z-index: 0;
}

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3);
}
.list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
  border: none;
  outline: unset;
  background-color: rgba(254, 106, 73, 0.3) !important;
}

.list-hover-secondary {
  background-color: unset;
}
.list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
  background-color: rgba(254, 106, 73, 0.3);
  color: #2c323f;
  z-index: 0;
}

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3);
}
.list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
  border: none;
  outline: unset;
  background-color: rgba(0, 172, 70, 0.3) !important;
}

.list-hover-success {
  background-color: unset;
}
.list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
  background-color: rgba(0, 172, 70, 0.3);
  color: #2c323f;
  z-index: 0;
}

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3);
}
.list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
  border: none;
  outline: unset;
  background-color: rgba(255, 174, 26, 0.3) !important;
}

.list-hover-warning {
  background-color: unset;
}
.list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
  background-color: rgba(255, 174, 26, 0.3);
  color: #2c323f;
  z-index: 0;
}

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3);
}
.list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
  border: none;
  outline: unset;
  background-color: rgba(23, 56, 120, 0.3) !important;
}

.list-hover-info {
  background-color: unset;
}
.list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
  background-color: rgba(23, 56, 120, 0.3);
  color: #2c323f;
  z-index: 0;
}

.list-light-light {
  background-color: #F9F9FB;
}
.list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
  border: none;
  outline: unset;
  background-color: #F9F9FB !important;
}

.list-hover-light {
  background-color: unset;
}
.list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
  background-color: #F9F9FB;
  color: #2c323f;
  z-index: 0;
}

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3);
}
.list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
  border: none;
  outline: unset;
  background-color: rgba(254, 106, 73, 0.3) !important;
}

.list-hover-danger {
  background-color: unset;
}
.list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
  background-color: rgba(254, 106, 73, 0.3);
  color: #2c323f;
  z-index: 0;
}

.list-light-dark {
  background-color: #EAEBF2;
}
.list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
  border: none;
  outline: unset;
  background-color: #EAEBF2 !important;
}

.list-hover-dark {
  background-color: unset;
}
.list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
  background-color: #EAEBF2;
  color: #2c323f;
  z-index: 0;
}

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px;
}

.list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 414px) {
  .list-wrapper {
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    word-break: break-word;
  }
}
@media (max-width: 366px) {
  .list-wrapper {
    padding-bottom: 8px;
  }
}
.list-wrapper .list-img {
  width: calc(40px + 15 * (100vw - 320px) / 1600);
  height: calc(40px + 15 * (100vw - 320px) / 1600);
  margin-bottom: 10px;
  border-radius: 50%;
}
.list-wrapper .list-content p {
  margin-bottom: 0;
}

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto;
}

@media (max-width: 480px) {
  .main-lists-content small {
    display: none;
  }
}

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px;
  }
}
@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px;
  }
}
@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px;
  }
}
.list-behavior-1 .flex-grow-1 {
  margin-left: 16px;
}
@media (max-width: 1199px) {
  .list-behavior-1 .flex-grow-1 {
    margin-left: 0;
  }
  .list-behavior-1 .flex-grow-1 p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
[dir=rtl] .list-behavior-1 .flex-grow-1 {
  margin-right: 16px;
  margin-left: unset;
}

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-left: unset;
  margin-right: 16px;
}
@media (max-width: 1199px) {
  .list-behaviors > div:nth-child(even) .flex-grow-1 {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}

.list-group .list-group-item {
  padding: 11px 16px;
}
.list-group .list-group-item .form-check-input:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
[dir=rtl] .list-group .list-group-item i {
  margin-left: 10px;
  margin-right: unset;
}

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset;
  }
  .contact-profile.list-light-dark:hover {
    background-color: unset;
  }
}

.badge-list .list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.badge-list .list-group-item div {
  margin-right: auto;
  margin-left: 8px;
}
[dir=rtl] .badge-list .list-group-item div {
  margin-left: auto;
  margin-right: 8px;
}

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  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: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0;
}
.loader-wrapper .loader4 {
  position: relative;
  color: var(--theme-deafult);
  font-size: 50px;
  text-indent: -9999em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loader4 1.7s infinite ease, loader4Round 1.7s infinite ease;
          animation: loader4 1.7s infinite ease, loader4Round 1.7s infinite ease;
  overflow: hidden;
}

@-webkit-keyframes loader4 {
  0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes loader4 {
  0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes loader4Round {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader4Round {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::-webkit-input-placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .form-control::-moz-placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .form-control:-ms-input-placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .form-control::-ms-input-placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .modal-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-toggle-wrapper .modal-img img {
  width: 200px;
  height: 200px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img img {
    width: calc(136px + 64 * (100vw - 320px) / 672);
    height: calc(136px + 64 * (100vw - 320px) / 672);
  }
}
.modal-toggle-wrapper .modal-img li img {
  width: 100px;
  height: 100px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img li img {
    width: calc(75px + 25 * (100vw - 320px) / 672);
    height: calc(75px + 25 * (100vw - 320px) / 672);
  }
}
.modal-toggle-wrapper .modal-img li + li {
  margin-left: -39px;
}
.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px;
}

.large-modal-header,
.large-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2c323f;
}
.large-modal-header svg,
.large-modal-body svg {
  width: 20px;
  height: 20px;
}

.modal-padding-space {
  padding-left: 20px;
}

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle;
}

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + 3 * (100vw - 320px) / 1080);
}
@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.modal-footer .btn {
  margin: 0 4px;
}

.modal-content .modal-header .btn-close:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.modal-details h6 {
  padding-bottom: 12px;
}
.modal-details .web-content {
  margin-bottom: 16px;
}
.modal-details .web-content .d-flex p {
  padding-bottom: 8px;
}
.modal-details .web-content .d-flex:last-child p {
  padding-bottom: 0;
}
.modal-details .web-content:last-child {
  margin-bottom: 0;
}

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff;
}

.popover-main .btn-showcase a {
  color: #fff;
}
.popover-main .btn-showcase button:last-child {
  margin-right: 0;
}

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none;
  }
  .page-body {
    margin: 0 !important;
  }
  .page-wrapper .page-title {
    visibility: hidden;
  }
  .page-wrapper .page-body-wrapper .page-title {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0;
  }
  .customizer-links {
    display: none;
  }
  table.fixedHeader-floating {
    display: none;
  }
  .email-left-aside {
    display: none;
  }
  .footer {
    display: none;
  }
}
.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px;
}

.invoice .text-right input {
  margin-top: 6px;
}
.invoice .media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer;
}
.animate-chk label:last-child {
  margin-bottom: 0;
}

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0;
}
.checkbox_animated:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
          transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.225rem;
  z-index: 1;
  width: 0.75rem;
  height: 0.375rem;
  border: 2px solid var(--theme-deafult);
  border-top-style: none;
  border-right-style: none;
}
.checkbox_animated:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  background: #fff;
  border: 2px solid #ecf3fa;
  cursor: pointer;
}
.checkbox_animated:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
          transform: rotate(-45deg) scale(1, 1);
}

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.radio_animated:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  position: absolute;
  top: 0;
  left: 0.125rem;
  z-index: 1;
  width: 0.75rem;
  height: 0.75rem;
  background: var(--theme-deafult);
  border-radius: 50%;
}
.radio_animated:after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: -0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border: 2px solid #ecf3fa;
  border-radius: 50%;
}
.radio_animated:checked:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  margin-left: -16px;
  border: 1px solid #efefef;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #242934;
}
.checkbox input[type=checkbox] {
  opacity: 0;
}
.checkbox input[type=checkbox]:focus {
  outline-offset: -2px;
}
.checkbox input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
}
.checkbox input[type=checkbox]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2;
}
.checkbox input[type=checkbox]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #E6E9EB;
  cursor: not-allowed;
}
.checkbox .checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox .checkbox-inline {
  margin-top: 0;
}

.m-squar label::before {
  border-radius: 0;
}
.m-squar .checkbox-circle label::before {
  border-radius: 50%;
}
.m-squar .checkbox-inline {
  margin-top: 0;
}

.checkbox-primary label::before {
  border-color: var(--theme-deafult);
}
.checkbox-primary input[type=checkbox]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult);
}
.checkbox-primary input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff;
}
.checkbox-solid-primary input[type=checkbox]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff;
}
.checkbox-solid-primary input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-primary input[type=radio] + label::before {
  border-color: var(--theme-deafult);
}
.radio-primary input[type=radio] + label::after {
  background-color: var(--theme-deafult);
}
.radio-primary input[type=radio]:checked + label::before {
  border-color: var(--theme-deafult);
}
.radio-primary input[type=radio]:checked + label::after {
  background-color: var(--theme-deafult);
}

.checkbox-secondary label::before {
  border-color: #FE6A49;
}
.checkbox-secondary input[type=checkbox]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49;
}
.checkbox-secondary input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff;
}
.checkbox-solid-secondary input[type=checkbox]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff;
}
.checkbox-solid-secondary input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-secondary input[type=radio] + label::before {
  border-color: #FE6A49;
}
.radio-secondary input[type=radio] + label::after {
  background-color: #FE6A49;
}
.radio-secondary input[type=radio]:checked + label::before {
  border-color: #FE6A49;
}
.radio-secondary input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}

.checkbox-success label::before {
  border-color: #00AC46;
}
.checkbox-success input[type=checkbox]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46;
}
.checkbox-success input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff;
}
.checkbox-solid-success input[type=checkbox]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff;
}
.checkbox-solid-success input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-success input[type=radio] + label::before {
  border-color: #00AC46;
}
.radio-success input[type=radio] + label::after {
  background-color: #00AC46;
}
.radio-success input[type=radio]:checked + label::before {
  border-color: #00AC46;
}
.radio-success input[type=radio]:checked + label::after {
  background-color: #00AC46;
}

.checkbox-danger label::before {
  border-color: #FE6A49;
}
.checkbox-danger input[type=checkbox]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49;
}
.checkbox-danger input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff;
}
.checkbox-solid-danger input[type=checkbox]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff;
}
.checkbox-solid-danger input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-danger input[type=radio] + label::before {
  border-color: #FE6A49;
}
.radio-danger input[type=radio] + label::after {
  background-color: #FE6A49;
}
.radio-danger input[type=radio]:checked + label::before {
  border-color: #FE6A49;
}
.radio-danger input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}

.checkbox-info label::before {
  border-color: #173878;
}
.checkbox-info input[type=checkbox]:checked + label::before {
  border-color: #173878;
  color: #173878;
}
.checkbox-info input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff;
}
.checkbox-solid-info input[type=checkbox]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff;
}
.checkbox-solid-info input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-info input[type=radio] + label::before {
  border-color: #173878;
}
.radio-info input[type=radio] + label::after {
  background-color: #173878;
}
.radio-info input[type=radio]:checked + label::before {
  border-color: #173878;
}
.radio-info input[type=radio]:checked + label::after {
  background-color: #173878;
}

.checkbox-light label::before {
  border-color: #E6E9EB;
}
.checkbox-light input[type=checkbox]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB;
}
.checkbox-light input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff;
}
.checkbox-solid-light input[type=checkbox]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff;
}
.checkbox-solid-light input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-light input[type=radio] + label::before {
  border-color: #E6E9EB;
}
.radio-light input[type=radio] + label::after {
  background-color: #E6E9EB;
}
.radio-light input[type=radio]:checked + label::before {
  border-color: #E6E9EB;
}
.radio-light input[type=radio]:checked + label::after {
  background-color: #E6E9EB;
}

.checkbox-dark label::before {
  border-color: #2c323f;
}
.checkbox-dark input[type=checkbox]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f;
}
.checkbox-dark input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff;
}
.checkbox-solid-dark input[type=checkbox]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff;
}
.checkbox-solid-dark input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-dark input[type=radio] + label::before {
  border-color: #2c323f;
}
.radio-dark input[type=radio] + label::after {
  background-color: #2c323f;
}
.radio-dark input[type=radio]:checked + label::before {
  border-color: #2c323f;
}
.radio-dark input[type=radio]:checked + label::after {
  background-color: #2c323f;
}

.checkbox-warning label::before {
  border-color: #FFAE1A;
}
.checkbox-warning input[type=checkbox]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A;
}
.checkbox-warning input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff;
}
.checkbox-solid-warning input[type=checkbox]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff;
}
.checkbox-solid-warning input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio-warning input[type=radio] + label::before {
  border-color: #FFAE1A;
}
.radio-warning input[type=radio] + label::after {
  background-color: #FFAE1A;
}
.radio-warning input[type=radio]:checked + label::before {
  border-color: #FFAE1A;
}
.radio-warning input[type=radio]:checked + label::after {
  background-color: #FFAE1A;
}

.m-checkbox-inline .checkbox {
  display: inline-block;
}
.m-checkbox-inline .radio {
  display: inline-block;
}
.m-checkbox-inline label {
  margin-right: 20px;
}

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #efefef;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
[class=dark-only] .radio label::before {
  background-color: #1A1C23;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  left: 5px;
  top: 5px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #898989;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type=radio] {
  opacity: 0;
}
.radio input[type=radio]:focus + label::before {
  outline-offset: -2px;
}
.radio input[type=radio]:checked + label::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}
.radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}
.radio .radio-inline {
  margin-top: 0;
}

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*=ribbon-wrapper] {
  position: relative;
  padding: 58px 18px 28px 18px;
}

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2;
}

.ribbon-clip {
  left: -14px;
}
.ribbon-clip:before {
  position: absolute;
  top: 30px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-color: #2c323f;
  border-right-color: #2c323f;
}

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative;
}

.ribbon-vertical-right-wrapper {
  padding-right: 40px;
}

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0;
}

.ribbon-wrapper-right-bottom {
  padding-right: 40px;
}

.ribbon-space-bottom {
  top: 0px;
}

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 15px solid #2c323f;
  border-right: 10px solid transparent;
}

.ribbon-right {
  left: auto;
  right: -2px;
}

.ribbon-clip-right {
  right: -14px;
}
.ribbon-clip-right:before {
  position: absolute;
  top: 30px;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-color: #2c323f;
  border-right-color: #2c323f;
}

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto;
}
.ribbon-clip-bottom:before {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-color: #2c323f;
  border-right-color: #2c323f;
}

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto;
}
.ribbon-clip-bottom-right:before {
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-color: #2c323f;
  border-right-color: #2c323f;
}

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent;
}

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px;
}

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px;
}
[dir=rtl] .ribbon-vertical-right {
  left: auto !important;
  right: 20px !important;
}

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent;
}

.ribbon-primary {
  background: #006666;
}

.ribbon-primary {
  background: #006666;
}

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent;
}

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666;
}
.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent;
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666;
}

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333;
}

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333;
}

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333;
}

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333;
}

.ribbon-secondary {
  background: #FE6A49;
}

.ribbon-secondary {
  background: #FE6A49;
}

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent;
}

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49;
}
.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent;
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49;
}

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016;
}

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016;
}

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016;
}

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016;
}

.ribbon-success {
  background: #00AC46;
}

.ribbon-success {
  background: #00AC46;
}

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent;
}

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46;
}
.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent;
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46;
}

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931;
}

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931;
}

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931;
}

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931;
}

.ribbon-danger {
  background: #FE6A49;
}

.ribbon-danger {
  background: #FE6A49;
}

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent;
}

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49;
}
.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent;
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49;
}

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016;
}

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016;
}

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016;
}

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016;
}

.ribbon-info {
  background: #173878;
}

.ribbon-info {
  background: #173878;
}

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent;
}

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878;
}
.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent;
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878;
}

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d;
}

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d;
}

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d;
}

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d;
}

.ribbon-light {
  background: #E6E9EB;
}

.ribbon-light {
  background: #E6E9EB;
}

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent;
}

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB;
}
.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent;
}
.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB;
}

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4;
}

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4;
}

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4;
}

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4;
}

.ribbon-dark {
  background: #2c323f;
}

.ribbon-dark {
  background: #2c323f;
}

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent;
}

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f;
}
.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent;
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f;
}

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21;
}

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21;
}

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21;
}

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21;
}

.ribbon-warning {
  background: #FFAE1A;
}

.ribbon-warning {
  background: #FFAE1A;
}

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent;
}

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A;
}
.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent;
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A;
}

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500;
}

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500;
}

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500;
}

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500;
}

.vertical-lp-space {
  padding: 58px 28px 28px 50px;
}

.vertical-rp-space {
  padding: 58px 50px 28px 28px;
}

.clip-bp-space {
  padding: 28px 18px 58px 18px;
}

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666;
}
.irs--flat .irs-from::before,
.irs--flat .irs-to::before,
.irs--flat .irs-single::before,
.irs--flat .irs-bar::before {
  border-top-color: #006666;
}
.irs--flat .irs-handle i:first-child {
  background-color: #006666;
}

.irs--round .irs-single {
  background-color: #FE6A49;
}
.irs--round .irs-single::before {
  border-top-color: #FE6A49;
}
.irs--round .irs-handle {
  border: 4px solid #FE6A49;
}
.irs--round .irs-bar {
  background-color: #FE6A49;
}

.irs--square .irs-handle {
  border: 3px solid #00AC46;
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46;
}

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878;
}
.irs--sharp .irs-line {
  background-color: #E6E9EB;
}
.irs--sharp .irs-handle {
  background-color: #173878;
}
.irs--sharp .irs-handle i:first-child {
  border-top-color: #173878;
}

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset;
}
.irs--big .irs-handle {
  background: #FFAE1A;
}
.irs--big .irs-grid-pol {
  background-color: #FFAE1A;
}
.irs--big .irs-grid-text {
  color: #FFAE1A;
}

.irs--modern .irs-single {
  background-color: #FE6A49;
}
.irs--modern .irs-single::before {
  border-top-color: #FE6A49;
}
.irs--modern .irs-bar {
  background: #FE6A49;
}
.irs--modern .irs-grid-text {
  color: #FE6A49;
}

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  display: none;
}
.switch input:checked + .switch-state {
  background-color: var(--theme-deafult);
}
.switch input:checked + .switch-state:before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}
.switch input:focus + .switch-state {
  -webkit-box-shadow: 0 0 1px var(--theme-deafult);
          box-shadow: 0 0 1px var(--theme-deafult);
}

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-state:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.3;
}
.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0;
}
.switch-lg .switch .switch-state:before {
  height: 30px;
  width: 30px;
  left: 7px;
  bottom: 5px;
  top: 4px;
}
.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px;
}

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px;
}
.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px;
}
.switch-lg.icon-state .switch input:checked + .switch-state:before {
  -webkit-transform: translateX(32px);
          transform: translateX(32px);
}

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px;
}
.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px;
}
.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.switch-sm .switch .switch-state:before {
  height: 8px;
  width: 8px;
  left: 4px;
  bottom: 4px;
}
.switch-sm input:checked + .switch-state:before {
  left: -13px;
}

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-outline .switch-state:before {
  background-color: #E6E9EB;
  bottom: 3px;
  color: #fff;
}

.switch-outline .switch input {
  display: none;
}
.switch-outline .switch input:checked + .switch-state {
  background-color: transparent;
  border: 1px solid var(--theme-deafult);
}
.switch-outline .switch input:checked + .switch-state:before {
  background-color: var(--theme-deafult);
  bottom: 3px;
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}
.switch-outline .switch input:checked + .switch-state:after {
  color: #fff;
}

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult);
}
.switch-outline .switch input:checked + .switch-state.bg-primary:before {
  background-color: var(--theme-deafult);
}
.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f;
}
.switch-outline .switch input:checked + .switch-state.bg-dark:before {
  background-color: #2c323f;
}
.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A;
}
.switch-outline .switch input:checked + .switch-state.bg-warning:before {
  background-color: #FFAE1A;
}
.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46;
}
.switch-outline .switch input:checked + .switch-state.bg-success:before {
  background-color: #00AC46;
}
.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878;
}
.switch-outline .switch input:checked + .switch-state.bg-info:before {
  background-color: #173878;
}
.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49;
}
.switch-outline .switch input:checked + .switch-state.bg-danger:before {
  background-color: #FE6A49;
}
.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult);
}
.switch-outline .switch input:checked + .switch-state.bg-primary:before {
  background-color: var(--theme-deafult);
}
.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important;
}
.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary);
}
.switch-outline .switch input:checked + .switch-state.bg-secondary:before {
  background-color: var(--theme-secondary);
}

.switch-showcase {
  margin-bottom: -8px;
}
.switch-showcase .media {
  line-height: 1;
}
.switch-showcase .form-check .form-check-input {
  float: right;
}

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.tg-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #FE6A49;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: var(--white);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: #FE6A49;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #006666;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.tgl-flip + .tgl-btn {
  padding: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-perspective: 100px;
          perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #FFAE1A;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FE6A49;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  -webkit-transform: rotateY(-20deg);
          transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  left: 0;
  background: #00AC46;
}
.tgl-flip:checked + .tgl-btn:active:after {
  -webkit-transform: rotateY(20deg);
          transform: rotateY(20deg);
}

.radius-none .form-check-input {
  border-radius: 3px;
}

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: "";
  border-radius: 0;
}

.switch-wrapper .media {
  margin-right: 20px;
}
.switch-wrapper .media .col-form-label {
  padding-bottom: 0;
}
.switch-wrapper .tg-list p {
  margin: 0 8px 0 0;
}

.default-square .form-switch .form-check-input {
  background-image: url(../images/switch/square-gray.png);
}
.default-square .form-switch .form-check-input:checked {
  background-image: url(../images/switch/square.svg);
}

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult);
}

.nav i {
  margin-right: 10px;
}

.nav-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult);
}
.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff;
}

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult);
}
.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff;
}

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49;
}
.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff;
}

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46;
}
.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff;
}

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49;
}
.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff;
}

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878;
}
.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff;
}

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB;
}
.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff;
}

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f;
}
.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff;
}

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A;
}
.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff;
}

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6;
}

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px;
}

.border-tab.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}
.border-tab.nav-tabs .nav-item .nav-link {
  font-size: 16px;
  color: #2c323f;
  text-align: center;
  padding: 10px 25px;
  border: none;
  border-bottom: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 576px) and (max-width: 1920px) {
  .border-tab.nav-tabs .nav-item .nav-link {
    padding-top: 0;
  }
}
.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
  color: var(--theme-deafult);
}
.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
  border-bottom: none;
}

.border-tab.nav-left .nav-link {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #2c323f;
}
.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right;
}
.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}
.border-tab.nav-theme .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
  border-bottom: 2px solid var(--theme-deafult);
}
.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
  color: var(--theme-deafult);
}

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
}

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
}

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}
.border-tab.nav-primary .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
  border-bottom: 2px solid var(--theme-deafult);
}
.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
  color: var(--theme-deafult);
}

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
}

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
}

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent;
}
.border-tab.nav-secondary .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
  border-bottom: 2px solid #FE6A49;
}
.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
  color: #FE6A49;
}

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49;
}

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49;
}

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent;
}
.border-tab.nav-success .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
  border-bottom: 2px solid #00AC46;
}
.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
  color: #00AC46;
}

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46;
}

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46;
}

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent;
}
.border-tab.nav-danger .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
  border-bottom: 2px solid #FE6A49;
}
.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
  color: #FE6A49;
}

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49;
}

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49;
}

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent;
}
.border-tab.nav-info .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
  border-bottom: 2px solid #173878;
}
.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
  color: #173878;
}

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878;
}

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878;
}

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent;
}
.border-tab.nav-light .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
  border-bottom: 2px solid #E6E9EB;
}
.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
  color: #E6E9EB;
}

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB;
}

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB;
}

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent;
}
.border-tab.nav-dark .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
  border-bottom: 2px solid #2c323f;
}
.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
  color: #2c323f;
}

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f;
}

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f;
}

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent;
}
.border-tab.nav-warning .nav-item .nav-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
  border-bottom: 2px solid #FFAE1A;
}
.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
  color: #FFAE1A;
}

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A;
}

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A;
}

.flex-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
  .flex-space {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tab-img {
  height: 100px;
}

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important;
}

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px;
}

.designer-details {
  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;
  gap: 20px;
}
@media (max-width: 1400px) {
  .designer-details {
    gap: calc(14px + 21 * (100vw - 320px) / 1080);
  }
}
.designer-details .designer-profile {
  display: inline-block;
}
.designer-details .designer-profile .designer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.designer-details .designer-profile .designer-wrap .designer-img {
  height: 50px;
  border-radius: 100%;
}
.designer-details .designer-profile .designer-wrap .designer-content h6 {
  font-weight: 500;
}
.designer-details .designer-profile .designer-wrap .designer-content p {
  color: #999999;
}

.nav-tabs .nav-border {
  color: #000;
  border: none;
}

.ico-color {
  color: #FFAE1A;
  font-size: 16px;
}

.main-inbox .header-inbox {
  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;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px;
}
.main-inbox .header-inbox .header-left-inbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-inbox .header-inbox .header-left-inbox .inbox-img img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.main-inbox .header-inbox .header-right-inbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 560px) {
  .main-inbox .header-inbox .header-right-inbox {
    display: none;
  }
}
.main-inbox .body-inbox .body-h-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 630px) {
  .main-inbox .body-inbox .body-h-wrapper {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}

.tab-space {
  font-size: 14px;
}

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666;
}
#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666;
}

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49;
}
#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49;
}

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46;
}
#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46;
}

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49;
}
#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49;
}

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A;
}
#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A;
}

#bottom-tab .nav-border.tab-info:hover {
  color: #173878;
}
#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878;
}

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB;
}
#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB;
}

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f;
}
#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f;
}

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative;
}
#sideline-tab .nav-effect::after {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 14px;
  width: 80%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
}
#sideline-tab .nav-effect:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 576px) {
  .pills-blogger {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

::-webkit-input-placeholder {
  font-size: 14px;
}

::-moz-placeholder {
  font-size: 14px;
}

:-ms-input-placeholder {
  font-size: 14px;
}

::-ms-input-placeholder {
  font-size: 14px;
}

::placeholder {
  font-size: 14px;
}

.material-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 576px) {
  .material-wrapper {
    -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;
  }
}

/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB;
}

tbody tr:last-child {
  border-bottom: none;
}

.pills-component {
  width: 20%;
}

#row_create td.highlight {
  font-weight: 600;
  color: #006666;
}
#row_create td.danger {
  font-weight: 600;
  color: #FE6A49;
}

.table {
  margin-bottom: 0px;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #ecf3fa;
}
.table th,
.table td {
  padding: 0.75rem;
}
.table.table-primary th {
  color: #fff;
}
.table thead.bg-primary tr th {
  color: #fff;
}
.table th {
  color: #051A1A;
  font-weight: 500;
}
.table th.f-light {
  color: var(--chart-text-color);
  opacity: 0.8;
}
.table td {
  color: #051A1A;
}
.table [class*=bg-] {
  color: #fff;
}
.table .bg-light {
  color: #051A1A;
}
.table tfoot {
  font-weight: bold;
}

.table-dark th {
  color: #fff;
}

.table-inverse {
  background-color: #292b2c;
}
.table-inverse tr {
  border: 1px solid #fff;
}
.table-inverse th, .table-inverse.table-bordered {
  border: 0;
}
.table-inverse th {
  color: #fff;
  border-color: #fff;
}
.table-inverse td {
  color: #fff;
}

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6;
}
.table-hover tbody tr {
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 102, 102, 0.1);
}
.table-hover tbody tr td svg {
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 4px;
  margin-right: 10px;
}
[dir=rtl] .table-hover tbody tr td svg {
  margin-right: unset;
  margin-left: 10px;
}

.typography-table tr:last-child {
  border-bottom: none;
}
.typography-table tr:last-child td {
  border-bottom: none;
}

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6;
}
.table-double thead,
.table-double tbody,
.table-double tfoot,
.table-double tr,
.table-double td,
.table-double th {
  border-style: double;
  border-width: 4px;
  border-right: 0;
  border-left: 0;
}

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6;
}
.table-dotted thead,
.table-dotted tbody,
.table-dotted tfoot,
.table-dotted tr,
.table-dotted td,
.table-dotted th {
  border-style: dotted !important;
  border-width: 2px;
  border-right: 0;
  border-left: 0;
}

.table-dashed {
  border: 1px dashed #E6E9EB;
}
.table-dashed thead,
.table-dashed tbody,
.table-dashed tfoot,
.table-dashed tr,
.table-dashed td,
.table-dashed th {
  border-style: dashed !important;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  border-bottom: 0px !important;
}

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%;
}

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%;
}

.table-de td,
.table-de th {
  padding: 0.75rem 2rem;
}

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%;
}

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%;
}

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem;
}

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff;
}
.table-border-vertical tr td {
  border-bottom: 0;
}
.table-border-vertical tr td:last-child {
  border-right: none;
}
.table-border-vertical tbody tr th {
  border-bottom: 0;
}

.table-bordernone td {
  border: none !important;
}
.table-bordernone thead th {
  border: none !important;
}
.table-bordernone .u-s-tb {
  padding: 11px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset;
}

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3);
}

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset;
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.toast-index {
  z-index: 12;
}
.toast-index.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast-index.toast-fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.toast-index.show {
  display: block;
}

.toast-img img {
  width: 30px;
  height: 30px;
}

.bd-example-toasts {
  min-height: 400px;
}

.toast:not(.showing):not(.show) {
  opacity: 0;
}

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir=rtl] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important;
}
[dir=rtl] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset;
}

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + 0 * (100vw - 320px) / 1600) calc(4px + 24 * (100vw - 320px) / 1600);
  }
}

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px;
}
[dir=rtl] .toast-icons {
  margin-right: unset;
  margin-left: 6px;
}

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px;
}
.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem;
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
  position: absolute;
  top: 4px;
  left: 7px;
  font-size: 10px;
  font-weight: normal;
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 9px;
  margin-left: -1px;
  position: relative;
}
.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif;
}
.bootstrap-touchspin .input-group .btn {
  border-radius: 0 !important;
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px;
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999;
}

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px;
}
.touchspin-wrapper input[type=number] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px;
}

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff;
}

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0;
}
.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg);
}
.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center;
}
.pre-post-touchspin .input-group {
  width: auto;
}
@media (max-width: 768px) {
  .pre-post-touchspin .input-group .input-touchspin {
    width: 100px;
  }
}
.pre-post-touchspin.bg-touchspin button[type=button] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center;
}
.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-touchspin .btn-touchspin {
  border-radius: 50%;
}
.rounded-touchspin .touchspin-wrapper input[type=number].input-touchspin {
  border-radius: 15px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

.introjs-tooltipReferenceLayer {
  background-color: transparent;
}

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-deafult)), to(var(--theme-deafult)));
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
  border: 12px solid #fff;
}
.introjs-arrow.top {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--theme-deafult);
  border-left-color: transparent;
}
.introjs-arrow.top-right {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--theme-deafult);
  border-left-color: transparent;
}
.introjs-arrow.top-middle {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--theme-deafult);
  border-left-color: transparent;
}
.introjs-arrow.right {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: var(--theme-deafult);
}
.introjs-arrow.right-bottom {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: var(--theme-deafult);
}
.introjs-arrow.bottom {
  border-top-color: var(--theme-deafult);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left {
  border-top-color: transparent;
  border-right-color: var(--theme-deafult);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left-bottom {
  border-top-color: transparent;
  border-right-color: var(--theme-deafult);
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-tooltip {
  background-color: var(--theme-deafult);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + 35 * (100vw - 320px) / 1600);
  max-width: 400px;
  min-height: 90px;
}

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px;
}
.introjs-button:hover {
  border-color: #efefef;
}
.introjs-button:focus, .introjs-button:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ecf3fa), to(#efefef));
  background-image: linear-gradient(#ecf3fa, #efefef);
}

.introjs-skipbutton {
  color: var(--theme-deafult);
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef;
}

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef;
}
.introjs-disabled:hover, .introjs-disabled:focus {
  color: var(--theme-deafult);
  border-color: #efefef;
}

.introjs-bullets ul li a {
  background: #ecf3fa;
}
.introjs-bullets ul li a:hover {
  background: #fff;
}
.introjs-bullets ul li a.active {
  background: #fff;
}

.introjs-progress {
  background-color: #E6E9EB;
}

.introjs-progressbar {
  background-color: var(--theme-deafult);
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24);
}

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36);
}

.media-body .tour-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.media-body .tour-wrapper .tour-dot {
  font-size: 5px;
}

.tour-blog {
  height: 350px;
}
@media (max-width: 992px) {
  .tour-blog {
    height: calc(200px + 150 * (100vw - 320px) / 672);
  }
}
.tour-blog img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.info h6 {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.info span {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
}

.tour-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 576px) {
  .tour-email {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-img-style h5 {
  line-height: 25px;
}

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB;
}

.social-tour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
.social-tour .list-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(12px + 14 * (100vw - 320px) / 1600);
}
.social-tour .list-inline .list-inline-item {
  margin-right: 0;
}
.social-tour .list-inline .list-inline-item a {
  padding: 0px;
}
.social-tour .list-inline .list-inline-item a i {
  font-size: 18px;
}
@media (max-width: 599px) {
  .social-tour .list-inline {
    display: none;
  }
}
.social-tour .float-sm-end {
  min-width: 81px;
}

.tour-mb-space {
  margin-bottom: calc(2px + 6 * (100vw - 320px) / 1600);
}

.like-comment .list-inline {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 324px) {
  .like-comment .list-inline {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px;
  }
}
[dir=rtl] .like-comment .list-inline .list-inline-item {
  border-right: 0;
  border-left: 1px solid #E6E9EB;
}
[dir=rtl] .like-comment .list-inline .list-inline-item:last-child {
  border-right: 0;
  border-left: unset;
}

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir=rtl] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px;
}
[dir=rtl] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset;
}
.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important;
}
[dir=rtl] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset;
}
.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important;
}
[dir=rtl] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset;
}

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%;
}
.Typeahead * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Typeahead *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Typeahead *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Typeahead .tt-hint {
  display: none !important;
}

.u-cf:before {
  content: " ";
  display: table;
}
.u-cf:after {
  content: " ";
  display: table;
  clear: both;
}

.u-hidden {
  display: none !important;
}

.u-posRelative {
  position: relative;
}

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5;
}

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom;
}
.ProfileCard-avatar svg path {
  color: #7e7c7c !important;
}
.ProfileCard-avatar svg polygon {
  color: #7e7c7c !important;
}

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1;
}

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.Typeahead-menu.is-open {
  display: block;
}

.Typeahead-selectable {
  cursor: pointer;
}
.Typeahead-selectable + .Typeahead-selectable {
  border-top: 1px solid #ccd6dd;
}

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px;
}
.ProfileCard:hover {
  color: #414345;
  background: #f8f8f8;
}
.ProfileCard:hover .ProfileCard-avatar {
  border-color: #f5f8fa;
}
.ProfileCard:hover .ProfileCard-screenName {
  color: #fff;
}
.ProfileCard:hover .ProfileCard-stat-label {
  color: #fff;
}

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px;
}

.ProfileCard-details {
  padding-left: 35px;
  float: left;
}

.ProfileCard-realName {
  display: inline-block;
  color: #898989;
}

.ProfileCard-screenName {
  display: inline-block;
  color: #898989;
}

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}

.ProfileCard-stats {
  float: right;
  text-align: right;
}

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.ProfileCard-stat + .ProfileCard-stat {
  margin-left: 5px;
}

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500;
}

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult);
}
.ProfileCard.is-active .ProfileCard-screenName {
  color: #fff;
}
.ProfileCard.is-active .ProfileCard-stat-label {
  color: #fff;
}

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.Typeahead-spinner {
  width: 1rem;
  height: 1rem;
}

.sey-container {
  display: none;
  position: absolute;
  -webkit-box-shadow: 1px 2px 6px;
          box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  -webkit-transition: left 0.1s ease-in-out;
  transition: left 0.1s ease-in-out;
  z-index: 1;
}

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.sey-show {
  display: block;
}

.sey-hide {
  display: none;
}

.sey-empty {
  cursor: default;
  padding: 7px;
}

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px;
}
.sey-item:hover {
  background-color: #444;
  color: #fff;
}

.sey-selected {
  background-color: #333;
  color: #fff;
}

.sey-char-highlight {
  font-weight: bold;
}

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  -webkit-box-shadow: 1px 0px 1px;
          box-shadow: 1px 0px 1px;
  padding: 7px;
}

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset;
}

.simplebar-mask {
  top: 80px;
}

.simplebar-track {
  right: -2px;
}
.simplebar-track.simplebar-vertical {
  top: 100px;
  width: 10px;
}
.simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2);
}

.scrollbar-images {
  margin-bottom: 12px;
}

.visible-wrapper img {
  width: calc(230px + 100 * (100vw - 320px) / 1600) !important;
  height: calc(230px + 100 * (100vw - 320px) / 1600);
}

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px;
}
@media (max-width: 576px) {
  .horizontal-scroll .horz-scroll-content .horizontal-img {
    max-width: calc(220px + 20 * (100vw - 320px) / 256);
  }
}
.horizontal-scroll .horz-scroll-content .horizontal-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none;
}
[dir=rtl] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto;
}

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
.timeline-calendar {
  overflow: auto;
}
.timeline-calendar .custom-calendar {
  height: 345px;
}
.timeline-calendar .custom-calendar .time-line {
  overflow: auto;
}
.timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
  border: none;
}
.timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
  padding: 15px;
  font-size: 12px;
  color: #051A1A;
}
.timeline-calendar .custom-calendar .time-line .fc-scrollgrid-sync-table {
  display: none;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-divider {
  display: none;
}
.timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
  background-color: rgba(0, 102, 102, 0.1);
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  position: absolute;
  right: 0px;
  top: 8px;
  margin-top: 10px;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
  gap: 10px;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
  border-color: #E6E9EB;
  background-color: #fff;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
  color: #051A1A;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
  display: none;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
  display: none;
}
.timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk:last-child {
  display: none;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness {
  border: none;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  min-width: 230px;
  min-height: 54px;
  max-height: 54px;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
  color: var(--body-font-color);
  border-left: 3px solid #006666;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  border-right: 1px solid #E6E9EB;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky {
  color: #242934;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box .fc-task-text {
  color: #051A1A;
  font-weight: 500;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box:last-child span {
  color: var(--body-font-color);
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-event-main-frame {
  padding: 8px 12px;
}
.timeline-calendar .custom-calendar .time-line .fc-timegrid-col:nth-child(3) .fc-event-main {
  border-left: 3px solid #FFAE1A !important;
}
.timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr {
  border: none;
}
.timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-scrollgrid-shrink {
  padding: 10px;
}
.timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-timegrid-slot-minor {
  padding: 10px;
}
.timeline-calendar .fc-theme-standard td {
  border: none;
  border-bottom: 1px dashed #E6E9EB !important;
}
.timeline-calendar .fc-theme-standard td:first-child {
  border: none !important;
}

.calendar-default .fc-media-screen .fc-list-event-dot {
  border-color: #006666;
}
.calendar-default .fc-media-screen .fc-v-event {
  border-color: #006666;
  background-color: #006666;
}

@media (max-width: 1499px) {
  .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
    padding: 15px;
    font-size: 10px;
  }
}
@media (max-width: 575px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none;
  }
}
@media (max-width: 480px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none;
  }
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(4) {
    display: none;
  }
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(5) {
    display: none;
  }
}
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem;
}
.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.blog-box h6 {
  font-weight: 600;
  margin: 15px 0;
}
.blog-box .blog-details {
  padding-right: 20px;
}
.blog-box .blog-details .blog-social {
  margin-top: 30px;
}
.blog-box .blog-details .blog-social li {
  display: inline-block;
  font-size: 12px;
  color: var(--body-font-color);
}
.blog-box .blog-details .blog-social li + li {
  padding-left: 20px;
  line-height: 1;
  padding-right: 0;
}
.blog-box .blog-details .blog-social li span {
  color: var(--body-font-color);
}
.blog-box .blog-details .blog-social li i {
  padding-right: 5px;
  font-weight: 300;
}
.blog-box .blog-details .blog-social li:first-child {
  border-right: 1px solid gray;
  padding-right: 20px;
}
.blog-box .blog-details-main hr {
  background-color: #E6E9EB;
}
.blog-box .blog-details-main .blog-social {
  margin: 20px 0;
}
.blog-box .blog-details-main .blog-social li {
  display: inline-block;
  font-size: 13px;
  color: var(--body-font-color);
  padding: 0 24px;
  border-right: 1px dotted;
}
@media (max-width: 1676px) {
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px;
  }
}
.blog-box .blog-details-main .blog-social li:last-child {
  border-right: 0;
}
.blog-box .blog-details-main .blog-social li i {
  padding-right: 5px;
}
.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500;
}
.blog-box .blog-date {
  color: var(--body-font-color);
}
.blog-box .blog-date span {
  font-size: 36px;
  font-weight: 600;
  padding-right: 5px;
}

.blog-box.blog-shadow:before {
  -webkit-box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0;
}
.blog-box.blog-shadow:hover:before {
  -webkit-box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
          box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
}
.blog-box.blog-shadow .blog-details h4 {
  color: #fff;
  margin-bottom: 0;
}
.blog-box.blog-shadow .blog-details p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}
.blog-box.blog-shadow .blog-details .blog-social li {
  color: #fff;
}

.blog-list .blog-details .blog-social {
  margin-top: 0;
}
.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600;
}
.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.blog-list img {
  padding: 17px;
}

.blog-grid img {
  width: 100%;
}
.blog-grid .blog-details {
  padding: 20px;
}
.blog-grid .blog-details h6 {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.8;
}

.blog-box {
  position: relative;
  max-height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-box .blog-details h6 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.blog-box .blog-details p {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.7px;
  margin-top: 30px;
  margin-bottom: 0;
  color: var(--body-font-color);
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 1570px) {
  .blog-box .blog-details p {
    -webkit-line-clamp: 2;
  }
}
.blog-box .blog-details h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 0;
}
.blog-box .blog-details .single-blog-content-top {
  margin-top: 20px;
  border-top: 1px solid #efefef;
}
.blog-box .blog-details .blog-social li,
.blog-box .blog-details .comment-social li {
  font-size: 14px;
}

.comment-box {
  padding-top: 50px;
}
.comment-box hr {
  margin-top: 20px;
  margin-bottom: 30px;
}
.comment-box li {
  margin-bottom: 30px;
}
.comment-box li:last-child {
  margin-bottom: 0;
}
.comment-box ul ul {
  margin-left: 135px;
}
.comment-box p {
  font-size: 14px;
  line-height: 2;
  color: var(--body-font-color);
  text-align: justify;
  margin-bottom: 0;
}
.comment-box h4 {
  font-weight: 600;
}
.comment-box .media img {
  margin-right: 30px;
  border-radius: 10px;
  height: 90px;
  padding: 7px;
  width: 90px;
  border: 1px solid #efefef;
}
.comment-box .media h6 {
  font-weight: 500;
  margin-bottom: 5px;
}
.comment-box .media h6 span {
  padding-left: 10px;
  font-size: 13px;
  color: var(--body-font-color);
  font-weight: 400;
}
.comment-box .comment-social li {
  display: inline-block;
  color: var(--body-font-color);
  padding-left: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.comment-box .comment-social li:first-child {
  border-right: 1px solid #efefef;
  padding-right: 20px;
}
.comment-box .comment-social li i {
  padding-right: 10px;
}

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
  3.46 Add-product CSS Start
==========================**/
.sidebar-left-wrapper {
  border-right: 1px solid var(--recent-dashed-border);
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper {
    border-right: unset;
    margin-bottom: 25px;
  }
}
[dir=rtl] .sidebar-left-wrapper {
  border-right: unset;
  border-left: 1px solid var(--recent-dashed-border);
}
.sidebar-left-wrapper .sidebar-left-icons {
  display: block;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item {
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item {
    padding-bottom: 25px;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
  padding-top: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
  padding-bottom: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
  padding-bottom: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
  content: "";
  position: absolute;
  border: 1px dashed var(--recent-dashed-border);
  top: 58px;
  height: 50px;
  left: 20px;
}
[dir=rtl] .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
  left: unset;
  right: 20px;
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
    height: 25px;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child::before {
  content: none;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
  padding-bottom: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
  background-color: unset;
  color: unset;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded {
  border: 1px solid var(--theme-deafult);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons {
  background-color: var(--theme-deafult);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons svg, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons svg {
  stroke: #fff;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .product-tab-content h6 {
  color: var(--theme-deafult);
  font-weight: 500;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
  min-width: 42px;
  height: 42px;
  border: 1px solid var(--recent-dashed-border);
  position: relative;
  z-index: 2;
  border-radius: 100%;
  padding: 2px;
  -webkit-box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.07);
          box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.07);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
  min-width: 100%;
  height: 100%;
  background-color: var(--white);
  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: 100%;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
  width: 18px;
  height: 18px;
  stroke: var(--chart-text-color);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
  color: var(--body-font-color);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
@media (max-width: 575px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
    text-align: left;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
  color: var(--chart-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
@media (max-width: 575px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
    text-align: left;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
  border: 1px solid var(--theme-deafult);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons {
  background-color: var(--light-shade-primary, 1);
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons svg {
  stroke: var(--theme-deafult);
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .product-tab-content h6 {
  color: var(--theme-deafult);
}

.sidebar-body form .form-control:focus,
.sidebar-body form .form-select:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: unset;
}
[dir=rtl] .sidebar-body .ql-snow .ql-picker-label {
  padding-right: 8px;
  padding-left: 2px;
}
@media (max-width: 575px) {
  .sidebar-body .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
  }
}
[dir=rtl] .sidebar-body .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: unset;
  left: 0;
}
[dir=rtl] .sidebar-body .form-select {
  padding: 6px 12px 6px 36px !important;
}
.sidebar-body .ql-formats {
  border-right: 1px solid var(--recent-dashed-border);
}
[dir=rtl] .sidebar-body .ql-formats {
  border-left: 1px solid var(--recent-dashed-border);
  border-right: unset;
}
@media (max-width: 575px) {
  .sidebar-body .ql-formats {
    border-right: unset;
  }
  [dir=rtl] .sidebar-body .ql-formats {
    border-left: unset;
  }
}
.sidebar-body .ql-formats:last-of-type {
  border-right: unset;
}
[dir=rtl] .sidebar-body .ql-formats:last-of-type {
  border-left: unset;
}
.sidebar-body #editor2 {
  min-height: 250px;
}

.sidebar-body input[type=number]::-webkit-inner-spin-button,
.sidebar-body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button;
}
.sidebar-body .form-select,
.sidebar-body .form-control {
  font-size: 15px;
  color: #4c5667;
}
.sidebar-body .product-upload p {
  margin-bottom: 18px;
  line-height: 0;
}
.sidebar-body .product-upload:nth-child(1) {
  margin-bottom: 30px;
}
@media (max-width: 400px) {
  .sidebar-body .product-upload:nth-child(1) {
    margin-bottom: 26px;
  }
}
.sidebar-body .product-upload:nth-child(2) {
  margin-bottom: 65px;
}
@media (max-width: 1199px) {
  .sidebar-body .product-upload:nth-child(2) {
    margin-bottom: 0;
  }
}
.sidebar-body .product-upload form svg {
  width: 48px;
  height: 48px;
}
.sidebar-body .product-upload form h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
}
.sidebar-body .product-upload form span {
  color: var(--chart-text-color);
  font-size: 14px;
}

.product-buttons {
  margin: 15px 0 0 0;
  text-align: end;
  border-top: 1px solid var(--recent-dashed-border);
  padding: 12px 0 0 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
[dir=rtl] .product-buttons {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media (max-width: 1199px) {
  .product-buttons {
    position: unset;
    width: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  [dir=rtl] .product-buttons {
    -webkit-transform: unset;
            transform: unset;
  }
}
.product-buttons svg {
  width: 18px;
  height: 18px;
  stroke: var(--chart-text-color);
}
@media (max-width: 400px) {
  .product-buttons svg {
    width: 15px;
    height: 15px;
  }
}
.product-buttons .btn {
  border: 1px solid var(--recent-dashed-border);
  color: var(--chart-text-color);
  font-weight: 500;
}
@media (max-width: 1400px) {
  .product-buttons .btn {
    padding: 6px 16px;
  }
}
@media (max-width: 400px) {
  .product-buttons .btn {
    padding: 6px 8px;
  }
}
.product-buttons .btn:hover, .product-buttons .btn:active {
  background-color: var(--theme-deafult);
  color: #fdfeff;
}
.product-buttons .btn:hover svg, .product-buttons .btn:active svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.category-button {
  padding-bottom: 30px;
  border-bottom: 1px dashed var(--recent-dashed-border);
}
@media (max-width: 575px) {
  .category-button {
    padding-bottom: 25px;
  }
}
.category-button a {
  padding: 12px;
}

.create-category .toolbar-box {
  margin-top: 12px;
}

.product-date .form-control[readonly] {
  background-color: var(--white);
}

.price-wrapper .radio-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 4px;
}
.price-wrapper .radio-wrapper li {
  max-width: 200px;
}
.price-wrapper .radio-wrapper li .form-check-input {
  border-radius: 5px;
  background-color: var(--light-background);
}
.price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
  color: #4c5667;
  font-size: 15px;
  position: relative;
}
.price-wrapper .radio-wrapper li .form-check-input:checked {
  background-color: var(--light-background);
  border: 1px solid var(--theme-deafult);
  border-radius: 5px;
}
.price-wrapper .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
  color: var(--theme-deafult);
  position: relative;
}

.advance-options ul {
  border-bottom: 1px solid var(--recent-dashed-border);
}
.advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
  color: var(--body-font-color);
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3S ease-in-out;
  transition: all 0.3S ease-in-out;
}
.advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active, .advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid var(--theme-deafult);
  color: var(--body-font-color);
  -webkit-transition: all 0.3S ease-in-out;
  transition: all 0.3S ease-in-out;
}

.meta-body {
  padding-top: 16px;
}
.meta-body .custom-input .form-check .form-check-input:checked {
  background-color: var(--theme-deafult);
}
.meta-body .custom-input .form-check .form-check-input:valid {
  border-color: var(--theme-deafult);
}
.meta-body .custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #86909C;
}

.product-tag .tagify {
  border-radius: 4px;
  padding: 0;
  height: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tagify__tag {
  margin: 5px 0 5px 5px;
}
[dir=rtl] .tagify__tag {
  margin-right: 5px;
  margin-left: 0px;
}

.tagify__input {
  margin: 0;
}

[dir=rtl] .tagify__tag__removeBtn {
  margin-right: auto;
  margin-left: 4.6666666667px;
}

.list-product-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.list-product-header .show {
  display: block;
}
.list-product-header .hide {
  display: none;
}
.list-product-header .collapse {
  line-height: 0.2;
}
.list-product-header .light-box {
  width: 39px;
  height: 39px;
  border-radius: 5px;
  background-color: var(--light-shade-primary);
  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;
  float: right;
}
.list-product-header .light-box svg {
  width: 17px;
  height: 17px;
  color: var(--chart-text-color);
}
.list-product-header a.btn {
  float: right;
}
[dir=rtl] .list-product-header a.btn {
  float: left;
}
.list-product-header a.btn i {
  padding-right: 8px;
}
[dir=rtl] .list-product-header a.btn i {
  padding-right: unset;
  padding-left: 8px;
}
@media (max-width: 575px) {
  .list-product-header a.btn {
    float: unset;
  }
}
.list-product-header .list-product-body {
  margin-top: 20px;
  padding: 0px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: none !important;
}
.list-product-header .list-product-body .form-select {
  font-size: 14px;
  border-color: var(--recent-dashed-border);
  color: var(--text-gray);
}
.list-product-header .list-product-body .form-select:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.list-product .datatable-loading .datatable-top {
  position: absolute;
  top: 24px;
}
.list-product.list-category tr th:nth-child(2),
.list-product.list-category tr td:nth-child(2) {
  min-width: 60px;
}
.list-product.list-category tr th:nth-child(3),
.list-product.list-category tr td:nth-child(3) {
  min-width: 300px;
}
.list-product.list-category tr th:nth-child(4),
.list-product.list-category tr td:nth-child(4) {
  min-width: 150px;
}
.list-product.list-category tr th:nth-child(5),
.list-product.list-category tr td:nth-child(5) {
  min-width: 100px;
}
.list-product.list-category .datatable-bottom {
  padding-bottom: 0;
}
.list-product thead tr th:first-child .form-check {
  display: none;
}
.list-product .datatable-container {
  overflow-x: auto;
}
@media (max-width: 1445px) {
  .list-product .datatable-container thead tr th:nth-child(8) {
    display: none;
  }
}
.list-product .datatable-container tbody tr {
  cursor: pointer;
}
@media (max-width: 1445px) {
  .list-product .datatable-container tbody tr td:nth-child(8) {
    display: none;
  }
}
.list-product .datatable-dropdown {
  position: relative;
}
.list-product .datatable-dropdown label {
  color: var(--body-font-color);
}
.list-product .datatable-dropdown label:before {
  content: "\f107";
  position: absolute;
  top: 6px;
  left: 38px;
  font-family: "FontAwesome";
  font-size: 16px;
  margin: 0;
  color: var(--text-gray);
}
[dir=rtl] .list-product .datatable-dropdown label:before {
  right: 38px;
  left: unset;
}
.list-product .datatable-selector {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 55px;
}
.list-product .datatable-selector:focus, .list-product .datatable-selector:focus-visible {
  outline: none;
}
[dir=rtl] .list-product .datatable-sorter::before, [dir=rtl] .list-product .datatable-sorter::after {
  right: unset;
  left: 4px;
}
.list-product tr th,
.list-product tr td {
  text-align: left;
}
[dir=rtl] .list-product tr th,
[dir=rtl] .list-product tr td {
  text-align: right;
}
.list-product tr th:nth-child(1) .datatable-sorter::before, .list-product tr th:nth-child(1) .datatable-sorter::after {
  border: none;
}
.list-product tr th:nth-child(1),
.list-product tr td:nth-child(1) {
  min-width: 20px;
}
.list-product tr th:nth-child(2),
.list-product tr td:nth-child(2) {
  min-width: 110px;
}
@media (max-width: 1460px) {
  .list-product tr th:nth-child(2),
  .list-product tr td:nth-child(2) {
    min-width: 230px;
  }
}
.list-product tr th:nth-child(3),
.list-product tr td:nth-child(3) {
  min-width: 90px;
}
.list-product tr th:nth-child(4),
.list-product tr td:nth-child(4) {
  min-width: 120px;
}
.list-product tr th:nth-child(5),
.list-product tr td:nth-child(5) {
  min-width: 120px;
}
.list-product tr th:nth-child(6),
.list-product tr td:nth-child(6) {
  min-width: 80px;
}
.list-product tr th:nth-child(7),
.list-product tr td:nth-child(7) {
  min-width: 100px;
}
.list-product tr th:nth-child(8),
.list-product tr td:nth-child(8) {
  min-width: 140px;
}
.list-product tr th:nth-child(9),
.list-product tr td:nth-child(9) {
  min-width: 105px;
}
.list-product:focus-visible {
  outline: 0;
}
.list-product .datatable-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list-product .datatable-search {
  float: left;
}
[dir=rtl] .list-product .datatable-search {
  float: right;
}
.list-product .datatable-container:focus-visible {
  outline: 0;
}
.list-product .datatable-bottom .datatable-info {
  color: var(--body-font-color);
}
.list-product .datatable-top {
  padding: 0;
}
.list-product .datatable-pagination li.datatable-hidden {
  visibility: visible;
}
.list-product .datatable-pagination li.datatable-hidden a {
  color: var(--theme-deafult);
  font-weight: 500;
  opacity: 1;
}
.list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
  background-color: var(--theme-deafult);
  color: var(--white);
}
.list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: rgba(var(--light-shade-primary), 0.02);
  border-radius: 5px;
}

.table#project-status tbody tr td {
  vertical-align: inherit;
}

.product-names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.product-names .light-product-box {
  min-width: 49px;
  height: 49px;
  border-radius: 3px;
  background-color: var(--chart-progress-light);
  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;
}
.product-names .light-product-box img {
  height: 26px;
}

.product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.product-action svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
  fill: var(--text-gray);
}

.datatable-input,
.datatable-selector {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 5px;
  background: unset;
}

/**=====================
  3.46 Add-product CSS Start
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px;
}

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important;
}
.bookmark-wrap .left-bookmark {
  height: 700px;
}
.bookmark-wrap .left-bookmark .media .media-body p {
  color: #2c323f;
}
.bookmark-wrap .left-bookmark ul li button {
  color: #051A1A;
  border: none;
  cursor: pointer;
}
.bookmark-wrap .left-bookmark ul li button:focus {
  outline: none;
}
.bookmark-wrap .left-bookmark ul li svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.bookmark-wrap .left-bookmark ul li > .main-title {
  color: var(--theme-deafult);
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
  font-size: 16px;
}
.bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
  background-color: transparent;
}
.bookmark-wrap .left-bookmark ul li > .main-title svg {
  color: #898989;
  stroke-width: 1px;
}
.bookmark-wrap .left-bookmark ul li a > .title {
  text-transform: capitalize;
}
.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset;
}

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500;
}
.form-bookmark a:hover {
  background-color: transparent !important;
}
.form-bookmark input#index_var {
  display: none;
}
.form-bookmark input,
.form-bookmark select {
  font-size: 14px;
}
.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da;
}
.form-bookmark .select2 {
  width: 100% !important;
}
.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important;
}
.form-bookmark button {
  margin-top: 10px;
}

@-webkit-keyframes displayTransition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes displayTransition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card {
  position: relative;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  padding: 3px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 0;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
  color: #fff;
  font-size: 16px;
  vertical-align: text-bottom;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
  color: #fed112;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
  width: 100%;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
  display: none;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: left;
  padding: 15px;
  border-top: 1px solid #E6E9EB;
  position: relative;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
  -webkit-animation: displayTransition 1s;
          animation: displayTransition 1s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
  opacity: 0;
  position: absolute;
  width: 100%;
  padding: 15px;
  top: 30px;
  left: 0;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
  display: inline-block;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
  margin-left: 5px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
  width: 16px;
  height: 16px;
  color: #898989;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
  -webkit-box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
          box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
  opacity: 0;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
  opacity: 1;
  -webkit-animation: displayTransition 2s;
          animation: displayTransition 2s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
  opacity: 1;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
  display: block;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
  opacity: 1;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  position: absolute;
  right: 30px;
  opacity: 1;
  text-align: right;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
  opacity: 1;
  -webkit-animation: displayTransition 0s;
          animation: displayTransition 0s;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
  border-top: none;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
  margin-top: 0;
  display: inline-block;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
  position: relative;
  padding-right: 15px;
  margin-bottom: -5px;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
  position: absolute;
  content: "-";
  right: 0;
  color: #898989;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
  margin-top: 5px;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
  width: 68%;
  margin-right: 20px;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
  width: 20%;
}
.bookmark-tabcontent .tab-content .card .d-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bookmark-tabcontent .tab-content .card .d-flex svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li {
  display: inline-block;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li + li {
  margin-left: 5px;
}
.bookmark-tabcontent .tab-content .tab-pane > .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto;
  }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%;
  }
}
@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
    padding-left: 15px;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
    position: relative;
    right: unset;
    text-align: left;
    top: unset;
    padding: 0;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
    display: none;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
    display: block;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
    display: none;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    margin-top: 15px;
  }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px;
  }
}
/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px;
}
.cart .amount-space {
  margin-left: 40px;
}
.cart .cart-btn-transform {
  text-transform: capitalize;
}
.cart .qty-box {
  width: 25%;
  margin: 0 auto;
}
.cart .qty-box .input-group .btn {
  background-color: #ddd !important;
  border-color: #ddd !important;
  padding: 8px 12px;
}

.cart-buttons {
  margin-top: 30px;
}
.cart-buttons .cart-btn {
  float: right;
  padding-right: 85px;
}

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px;
}

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px;
}

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px;
}

.chart-block canvas {
  width: 100% !important;
}
.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center;
}

.candidcahrt {
  width: 100%;
  height: 470px;
}

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.amcharts-export-canvas .canvas-container {
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.amcharts-export-canvas.active {
  display: block;
}
.amcharts-export-canvas.dropbox .canvas-container {
  opacity: 0.5;
}

.flot-chart-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 400px;
}
.flot-chart-container #toggling-series-flot {
  width: 79% !important;
}

.all-chart .flot-chart-container {
  height: 350px;
}

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center;
}
.flot-chart-placeholder .legend table {
  border-spacing: 5px;
}

.morris-hover {
  position: absolute;
  z-index: 1;
}
.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #898989;
  background: #fff;
  border: solid 1px #ecf3fa;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px;
}
.chart-sparkline .jqsfield {
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
}

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box;
}
.radial-bar:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
  color: #455a64;
  content: attr(data-label);
  background-color: #fff;
  z-index: 1;
  width: 56px;
  height: 56px;
  margin-left: 12px;
  margin-top: 12px;
  line-height: 56px;
}
.radial-bar > img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
  color: #455a64;
  z-index: 3;
  width: 56px;
  height: 56px;
  margin-left: 12px;
  margin-top: 12px;
  line-height: 56px;
}

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef);
}

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px;
}
.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px;
}
.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px;
}
.pieLabel div {
  color: #fff !important;
}
.pieLabel div input[type=checkbox] {
  margin: 7px;
}

.knob-chart {
  min-height: 255px;
}
.knob-chart .chart-clock-main {
  position: relative;
  width: 200px;
  margin: 45px auto;
}
.knob-chart .chart-clock-main .clock-large {
  position: absolute;
  left: -48px;
  top: -45px;
}
.knob-chart .chart-clock-main .clock-medium {
  position: absolute;
  left: 2px;
  top: 5px;
}
.knob-chart .chart-clock-main .clock-small {
  position: absolute;
  left: 15px;
  top: 55px;
}

.peity-charts svg {
  width: 100%;
  height: 250px;
}
.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2);
}
.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult);
}

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult);
}
.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary);
}

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult);
}
.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary);
}

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult);
}
.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef;
}

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary);
}

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46;
}

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878;
}

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A;
}

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49;
}

p.data-attributes svg {
  margin-right: 10px;
}

.knob-block {
  position: relative;
}
.knob-block input {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-top: -3px !important;
}

.knob-input-disable input {
  display: none !important;
}

.apex-chart {
  margin: 0 auto;
}

.apexcharts-toolbar {
  z-index: 1 !important;
}

.apexcharts-menu-item {
  width: 110px;
}

.word-tree {
  height: 400px;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult);
}
.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult);
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary);
}
.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary);
}

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A;
}
.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A;
}

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0;
}

.boxplot-cotainer {
  height: 420px;
}

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0;
}

.test-buttons button + button {
  margin-left: 10px;
}

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px;
}

#echart-gauge .test-chart {
  width: 100%;
  height: 395px;
}

.polar-line {
  height: 350px;
}

#dotted {
  height: 390px;
}

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1;
}

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important;
  }
  [dir=rtl] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: right !important;
  }
}

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.user-image {
  height: 52px;
  margin-right: 5px;
}
.user-image .about {
  float: left;
  margin-top: 5px;
  padding-left: 10px;
}
.user-image .about .name {
  color: #2c323f;
  letter-spacing: 1px;
  font-weight: 500;
}

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
[dir=rtl] .left-sidebar-wrapper {
  border-left: unset;
}
@media (max-width: 767px) {
  .left-sidebar-wrapper {
    border-radius: 10px;
  }
}
.left-sidebar-wrapper * {
  scrollbar-width: auto;
  scrollbar-color: rgba(0, 102, 102, 0.2);
}
.left-sidebar-wrapper *::-webkit-scrollbar {
  width: 6px;
}
.left-sidebar-wrapper *::-webkit-scrollbar-track {
  background: transparent;
}
.left-sidebar-wrapper *::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 8px;
  border: 3px solid transparent;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
  background-color: var(--chart-progress-light);
  padding-right: 0;
  margin-right: 1px;
  border-right: none;
}
[dir=rtl] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
  padding-left: 0;
  padding-right: 12px;
  margin-left: 1px;
  border-left: none;
  margin-right: unset;
  border-right: unset;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
  width: 16px;
  height: 16px;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
  border-left: unset;
  background-color: var(--chart-progress-light);
}
[dir=rtl] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
  border-right: unset;
  border-left: 1px solid #ddd;
  border-radius: 0.25rem !important;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
  border-color: var(--chart-dashed-border);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.left-sidebar-wrapper .advance-options ul {
  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;
  padding: 0;
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
  color: var(--body-font-color);
  border-bottom: 2px solid transparent;
  background-color: transparent;
  padding: 16px 57px;
  text-decoration: unset;
}
@media (max-width: 1855px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 45px;
  }
}
@media (max-width: 1663px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 30px;
  }
}
@media (max-width: 1423px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 28px;
  }
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
  border-bottom: 2px solid var(--theme-deafult);
  color: var(--theme-deafult);
}
.left-sidebar-wrapper .advance-options .common-space {
  padding: 11px 0;
}
.left-sidebar-wrapper .advance-options .common-space p {
  margin: 0;
  color: var(--chart-text-color);
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn {
  padding: 6px 12px;
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
  color: var(--white);
}
.left-sidebar-wrapper .advance-options .chats-user {
  border-bottom: unset;
  height: 563px;
  overflow-y: auto;
}
.left-sidebar-wrapper .advance-options .chats-user li {
  gap: 10px;
  width: 100%;
  border-bottom: 1px solid var(--chart-dashed-border);
  cursor: pointer;
  padding: 11px;
}
.left-sidebar-wrapper .advance-options .chats-user li:hover {
  background-color: var(--light-slate);
}
@media (max-width: 1505px) {
  .left-sidebar-wrapper .advance-options .chats-user li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1px;
  }
}
.left-sidebar-wrapper .advance-options .chats-user li:last-child {
  border-bottom: unset;
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
  text-align: left;
}
[dir=rtl] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
  text-align: right;
}
@media (max-width: 1498px) {
  .left-sidebar-wrapper .advance-options .chats-user li > div {
    width: 100%;
    text-align: end;
  }
  [dir=rtl] .left-sidebar-wrapper .advance-options .chats-user li > div {
    text-align: start;
  }
}

.active-profile {
  position: relative;
}
.active-profile img {
  width: 42px;
  height: 42px;
}
@media (max-width: 1650px) {
  .active-profile img {
    width: 33px;
    height: 33px;
  }
}
.active-profile .status {
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 100%;
  bottom: 5%;
  right: -2px;
  border: 3px solid var(--white);
}
[dir=rtl] .active-profile .status {
  left: -2px;
  right: unset;
}
@media (max-width: 1600px) {
  .active-profile .status {
    width: 11px;
    height: 11px;
    border: 2px solid var(--white);
  }
}

.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer;
}
.contact-edit i::after {
  content: unset;
}
.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px;
}
@media (max-width: 360px) {
  .contact-edit svg {
    width: 14px;
    height: 14px;
  }
}
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset;
}
.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  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: 5px;
}
@media (max-width: 360px) {
  .contact-edit.chat-alert {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 340px) {
  .contact-edit.chat-alert {
    display: none;
  }
}

.search-contacts {
  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: relative;
}
.search-contacts .form-control {
  padding-inline: 35px;
}
.search-contacts .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--chart-dashed-border);
}
.search-contacts svg {
  stroke: var(--chart-text-color);
  width: 18px;
  height: 18px;
  left: 10px;
  top: 10px;
  position: absolute;
}
[dir=rtl] .search-contacts svg {
  left: unset;
  right: 10px;
}
.search-contacts .mic-search {
  right: 10px;
  top: 8px;
  position: absolute;
  left: unset;
}
[dir=rtl] .search-contacts .mic-search {
  right: unset;
  left: 10px;
}

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto;
}
.contact-wrapper > p {
  line-height: 0;
  margin: 0;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--body-font-color);
}
.contact-wrapper ul li {
  width: 100%;
  cursor: pointer;
}
.contact-wrapper ul li .chat-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.contact-wrapper ul li .chat-time img {
  width: 42px;
  height: 42px;
}
@media (max-width: 1650px) {
  .contact-wrapper ul li .chat-time img {
    width: 33px;
    height: 33px;
  }
}
.contact-wrapper ul li .chat-time > div span {
  color: var(--body-font-color);
}
.contact-wrapper ul li svg {
  width: 18px;
  height: 18px;
}
.contact-wrapper ul:last-child .common-space {
  padding-bottom: unset;
}

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset;
}
[dir=rtl] .right-sidebar-chat {
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 767px) {
  .right-sidebar-chat {
    border-radius: 10px;
  }
}

.right-sidebar-title {
  padding: 13px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.right-sidebar-title .common-space {
  width: 100%;
}
.right-sidebar-title .common-space .chat-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-sidebar-title .common-space .chat-time .active-profile img {
  width: 42px;
  height: 42px;
}
@media (max-width: 360px) {
  .right-sidebar-title .common-space .chat-time .active-profile img {
    width: 36px;
    height: 36px;
  }
}
.right-sidebar-title .common-space .chat-time div p {
  margin: 0;
  color: var(--chart-text-color);
}
.right-sidebar-title .common-space .chat-time ul li img {
  width: 42px;
  height: 42px;
}
.right-sidebar-title .common-space .chat-time.group-chat ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li img {
  border: 3px solid transparent;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li + li {
  margin-left: -12px;
}
[dir=rtl] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
  margin-left: unset;
  margin-right: -12px;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
  border: 3px solid var(--white);
}
.right-sidebar-title .common-space .chat-time.group-chat ul li img {
  width: 38px;
  height: 38px;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
  width: 38px;
  height: 38px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
    display: none;
  }
}
@media (min-width: 341px) and (max-width: 410px) {
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1045px) {
  .right-sidebar-title .common-space .chat-time.group-chat > div span,
  .right-sidebar-title .common-space .chat-time.group-chat > div p {
    display: none;
  }
}

.msger-chat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: -webkit-gradient(linear, left bottom, left top, from(#F5F6FA), to(#F5F6FA)), -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF));
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px;
}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
  background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}

.msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
[dir=rtl] .msg-img {
  margin-left: 10px;
  margin-right: unset;
}

.msg-bubble {
  max-width: 450px;
  padding: 20px;
  border-radius: 15px;
}

.msg-info {
  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;
  margin-bottom: 10px;
}

.msg-info-name {
  margin-right: 10px;
  font-weight: bold;
}
[dir=rtl] .msg-info-name {
  margin-left: 10px;
  margin-right: unset;
}

.msg-info-time {
  font-size: 0.85em;
}

.left-msg .msg-img {
  background-image: url(../images/blog/4.jpg);
  width: 33px;
  height: 33px;
}
@media (max-width: 1200px) {
  .left-msg .msg-img {
    min-width: 16px;
    min-height: 16px;
  }
}
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: var(--white);
  color: var(--chart-text-color);
  width: calc(100% - 33px);
}
[dir=rtl] .left-msg .msg-bubble {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: unset;
}

.right-msg {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  color: var(--white);
  background: rgba(0, 102, 102, 0.8);
  width: calc(100% - 33px);
}
[dir=rtl] .right-msg .msg-bubble {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: unset;
}
.right-msg .msg-img {
  margin: 0 0 0 10px;
  background-image: url(../images/blog/comment.jpg);
  width: 33px;
  height: 33px;
}
@media (max-width: 1200px) {
  .right-msg .msg-img {
    min-width: 16px;
    min-height: 16px;
  }
}

.msger-inputarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: -webkit-gradient(linear, left bottom, left top, from(#F5F6FA), to(#F5F6FA)), -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF));
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msger-inputarea .dropdown-toggle::after {
  content: unset;
}
.msger-inputarea .dropdown-toggle .dropdown-menu {
  inset: unset !important;
}
.msger-inputarea .dropdown-form {
  position: relative;
}
.msger-inputarea .dropdown-form i {
  font-size: 16px;
  font-weight: 900;
  color: var(--theme-deafult);
  cursor: pointer;
  padding: 0;
}
.msger-inputarea .dropdown-form .chat-icon {
  position: absolute;
  left: 0 !important;
  bottom: 104px !important;
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
[dir=rtl] .msger-inputarea .dropdown-form .chat-icon {
  left: unset !important;
  right: 3px !important;
}
.msger-inputarea .dropdown-form .chat-icon div {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background-color: var(--white);
  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;
  padding: 0;
  opacity: 1;
}
.msger-inputarea .dropdown-form .chat-icon div svg {
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
  fill: var(--chart-text-color);
  stroke: none;
}
.msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
  stroke: var(--chart-text-color);
  fill: none;
}
.msger-inputarea .dropdown-form .chat-icon div:hover {
  background-color: var(--theme-deafult);
  opacity: 1;
}
.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
  fill: var(--white);
}
.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
  stroke: var(--white);
}
.msger-inputarea .msger-send-btn i {
  color: var(--white);
}
.msger-inputarea * {
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 1em;
}

.msger-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: transparent;
}
.msger-input:focus, .msger-input:focus-visible {
  outline: unset;
}

.fg-emoji-container {
  left: calc(10px + 1395 * (100vw - 320px) / 1600) !important;
}
[dir=rtl] .fg-emoji-container {
  right: calc(10px + 1395 * (100vw - 320px) / 1600) !important;
  left: unset !important;
}
@media (min-width: 860px) and (max-width: 945px) {
  .fg-emoji-container {
    left: 417px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 417px;
  }
}
@media (min-width: 686px) and (max-width: 860px) {
  .fg-emoji-container {
    left: 360px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 360px;
  }
}
@media (min-width: 588px) and (max-width: 770px) {
  .fg-emoji-container {
    left: 200px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 200px;
  }
}
@media (min-width: 546px) and (max-width: 588px) {
  .fg-emoji-container {
    left: 144px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 144px;
  }
}
@media (min-width: 500px) and (max-width: 546px) {
  .fg-emoji-container {
    left: 88px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 88px;
  }
}
@media (max-width: 500px) {
  .fg-emoji-container {
    left: 22px !important;
    width: 262px !important;
  }
  [dir=rtl] .fg-emoji-container {
    left: unset;
    right: 22px;
  }
}
.fg-emoji-container .fg-emoji-nav {
  background-color: var(--chart-text-color);
}
.fg-emoji-container #fg-emoji-picker-move {
  display: none;
}

.open-emoji {
  padding: 0;
}
.open-emoji button {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent;
}
.open-emoji button::before {
  content: "\f118";
  font-family: "FontAwesome";
  z-index: 1;
  position: relative;
  font-size: 20px;
  color: var(--text-gray);
}

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent;
}
.second-btn::before {
  content: "\f118";
  font-family: "FontAwesome";
  z-index: 1;
  position: relative;
  font-size: 20px;
  color: var(--text-gray);
}

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.23s;
  transition: all 0.23s;
  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;
}
[dir=rtl] .msger-send-btn {
  margin-left: unset;
  margin-right: 10px;
}
.msger-send-btn svg {
  width: 1px;
  height: 12px;
}

.custom-name {
  width: 42px;
  height: 42px;
  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: 50px;
}
@media (max-width: 1650px) {
  .custom-name {
    width: 33px;
    height: 33px;
  }
}

/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px;
}
.checkout .checkout-details .order-place {
  margin-top: 15px;
}

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
}
.order-box .title-box span {
  width: 35%;
  float: right;
  font-weight: 600;
  text-align: right;
}
.order-box .title-box h4 {
  font-weight: 600;
}
.order-box .title-box .checkbox-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.order-box .sub-total li .count {
  position: relative;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  width: 35%;
  float: right;
  text-align: right;
}
.order-box .sub-total .shipping-class {
  margin-bottom: 12px;
}
.order-box .sub-total .shipping-class .shopping-checkout-option {
  margin-top: -4px;
  position: relative;
  font-size: 18px;
  line-height: 20px;
  color: var(--theme-deafult);
  font-weight: 400;
  width: 35%;
  float: right;
  text-align: right;
}
.order-box .total {
  position: relative;
  margin-bottom: 30px;
}
.order-box .total li {
  position: relative;
  display: block;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  font-size: 18px;
}
.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
}
.order-box .qty li {
  position: relative;
  display: block;
  font-size: 15px;
  color: #444444;
  line-height: 20px;
  margin-bottom: 20px;
}
.order-box .qty li span {
  float: right;
  font-size: 18px;
  line-height: 20px;
  color: #232323;
  font-weight: 400;
  width: 35%;
  text-align: right;
}

.radio-option {
  position: relative;
}

.img-paypal {
  width: 30%;
  margin-left: 15px;
}

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px;
  }
  .order-box .title-box span {
    width: 30%;
  }
  .order-box .sub-total li .count {
    width: 38%;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%;
  }
  .order-box .qty li span {
    width: 38%;
  }
  .order-box .total li .count {
    width: 38%;
  }
}
@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%;
  }
}
@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%;
  }
  .order-box .sub-total li .count {
    width: 50%;
  }
}
/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(../images/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover;
}

.comingsoon {
  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;
  min-height: 100vh;
  padding: 50px 0;
}
.comingsoon .comingsoon-inner h5 {
  font-size: 18px;
  letter-spacing: 1px;
  color: #051A1A;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comingsoon .comingsoon-inner .countdown {
  padding: 30px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
}
.comingsoon .comingsoon-inner .countdown .time {
  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: 50%;
  color: #fff;
  font-weight: 500;
  width: 100px;
  height: 100px;
  font-size: 36px;
  background: var(--theme-deafult);
}
.comingsoon .comingsoon-inner .countdown .title {
  padding-top: 13px;
  font-size: 14px;
  font-weight: 400;
  color: #051A1A;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.comingsoon .comingsoon-inner .countdown ul li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0 20px;
}
.comingsoon .comingsoon-inner .countdown ul li span {
  display: block;
}
.comingsoon video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px;
}

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0;
}

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
          box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
}
[dir=rtl] #right-history {
  right: unset;
  left: -320px;
}
#right-history .modal-header {
  border-bottom: 1px solid #E6E9EB;
}
#right-history h6 span a {
  color: #051A1A;
}
#right-history.show {
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
[dir=rtl] #right-history.show {
  right: unset;
  left: 0;
}

.history-details > div {
  padding: 30px 0;
}
.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB;
}
.history-details .media i {
  padding: 5px;
  background: #fed112;
  color: #fff;
  border-radius: 100%;
}
.history-details .media h6 {
  margin-bottom: 5px;
}

.delete-contact {
  display: none;
}

.more-data {
  -webkit-animation: displayTransition 1s;
          animation: displayTransition 1s;
}

.contact-editform {
  padding: 30px;
  -webkit-animation: displayTransition 1s;
          animation: displayTransition 1s;
}
.contact-editform a {
  display: block;
}
.contact-editform button {
  margin-top: 30px;
}
.contact-editform .select2-container .select2-selection--single {
  height: 39px !important;
  border-color: #ced4da !important;
}

#deletemodal .modal-header {
  border-bottom: none;
}
#deletemodal .modal-header .delete-data span svg {
  vertical-align: middle;
  margin-right: 15px;
}

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500;
}

.list-persons p {
  font-family: "Montserrat", sans-serif;
}
.list-persons .profile-mail {
  padding: 30px 0;
}
.list-persons .profile-mail .media img {
  height: 50px;
  width: 50px !important;
}
.list-persons .profile-mail .media .media-body ul {
  margin-top: 5px;
}
.list-persons .profile-mail .media .media-body ul li {
  display: inline-block;
}
.list-persons .profile-mail .media .media-body ul li a {
  font-size: 13px;
}
.list-persons .profile-mail .media .media-body ul li + li {
  padding-left: 10px;
  margin-left: 5px;
  border-left: 2px solid #E6E9EB;
}
.list-persons .profile-mail .email-general {
  padding-top: 50px;
}
.list-persons .profile-mail .email-general ul {
  padding-right: 20px;
}
.list-persons .profile-mail .email-general ul li {
  color: #898989;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.list-persons .profile-mail .email-general ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.list-persons .profile-mail .email-general ul li > span {
  float: right;
}
.list-persons .profile-mail .email-general p span {
  margin-left: 30px;
}
.list-persons .profile-mail .email-general .gender {
  margin-top: 30px;
}

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%;
}
.contacts-tabs .nav-pills .nav-link.active,
.contacts-tabs .nav-pills .nav-link > .nav-link,
.contacts-tabs .nav-pills .show.active,
.contacts-tabs .nav-pills .show > .nav-link {
  background-color: rgba(0, 102, 102, 0.05);
  color: #051A1A;
}
.contacts-tabs .nav-pills .nav-link {
  color: #051A1A;
  padding: 0;
}
.contacts-tabs .nav-pills .nav-link .media .img-50 {
  height: 50px;
}
.contacts-tabs .nav-pills .nav-link + .nav-link {
  border-top: 1px solid #E6E9EB;
  border-radius: 0px;
}
.contacts-tabs .nav-pills .media {
  padding: 20px;
}
.contacts-tabs .tab-content .tab-content-child {
  -webkit-animation: displayTransition 1s;
          animation: displayTransition 1s;
}

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px;
  }
  .updateimg {
    top: 21px;
  }
  .list-persons .profile-mail {
    padding: 20px;
  }
  .list-persons .profile-mail .email-general .gender {
    margin-top: 20px;
  }
  .contact-editform button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px;
  }
  .contact-editform.pl-0 {
    padding-left: 20px !important;
  }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB;
  }
}
@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px;
  }
  .updateimg {
    top: 16px;
    left: 29px;
  }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px;
  }
  .contacts-tabs .nav-pills .media {
    padding: 15px;
  }
  .list-persons .profile-mail {
    padding: 15px;
  }
  .list-persons .profile-mail .email-general .gender {
    margin-top: 15px;
  }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left;
  }
  .contact-editform {
    padding: 15px;
  }
  .contact-editform button {
    margin-top: 15px;
  }
  .contact-editform.pl-0 {
    padding-left: 15px !important;
  }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0;
  }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px;
  }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px;
  }
  .list-persons .profile-mail .media {
    display: block;
  }
  .list-persons .profile-mail .media img {
    height: 80px;
    width: 80px !important;
    margin-bottom: 15px;
  }
}
.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color);
}

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px);
}

.balance-widget {
  background-image: url(../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.balance-widget .mobile-right-img {
  position: absolute;
  top: 10px;
  right: 15px;
}
.balance-widget .mobile-right-img .left-mobile-img {
  margin-right: -20px;
}
.balance-widget .mobile-right-img .mobile-img {
  height: 130px;
}
[dir=rtl] .balance-widget .mobile-right-img {
  right: unset;
  left: 15px;
}
@media (max-width: 480px) {
  .balance-widget .mobile-right-img {
    right: 0;
  }
  .balance-widget .mobile-right-img .mobile-img {
    height: 100px;
  }
  [dir=rtl] .balance-widget .mobile-right-img {
    right: unset;
    left: 0;
  }
}
[dir=rtl] .balance-widget {
  text-align: right;
}
.balance-widget.card-body {
  padding: 20px 15px;
}
.balance-widget .purchase-btn {
  min-width: 170px;
}

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px;
}
.range_4 .slider-container .range-slider_thumb {
  width: 46px;
  height: 26px;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #006666;
  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;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  z-index: 2;
}
[data-theme=dark] .range_4 .slider-container .range-slider_thumb {
  background-color: var(--body-color);
}
.range_4 .slider-container .range-slider_line {
  height: 7px;
  width: 100%;
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  position: absolute;
  z-index: 1;
}
[data-theme=dark] .range_4 .slider-container .range-slider_line {
  background-color: var(--body-color);
}
.range_4 .slider-container .range-slider_line .range-slider_line-fill {
  position: absolute;
  height: 7px;
  width: 0;
  background-color: #006666;
  border-radius: 10px 0 0 10px;
}
.range_4 .slider-container .range-slider_input {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 4px;
  opacity: 0;
  margin: 0;
}
.range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 100px;
  height: 100px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0;
}
.range_4 .slider-container .range-slider_input::-moz-range-thumb {
  width: 14vmin;
  height: 14vmin;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0;
}

.small-widget {
  overflow: hidden;
}
.small-widget .card-body {
  padding: 20px;
}
.small-widget .card-body h6 {
  font-size: 14px;
  font-weight: 500;
  color: var(--body-font-color);
}
.small-widget .card-body .product-sub {
  height: 45px;
  width: 45px;
  border-radius: 6px;
  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;
}
.small-widget .card-body .product-sub .invoice-icon {
  height: 24px;
  cursor: pointer;
  width: 24px;
}
.small-widget:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.small-widget:hover .project-details svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}
.small-widget:hover .bg-gradient svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px;
  }
}
@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset;
  }
}

.order-wrapper {
  margin: 0 -24px -17px -17px;
}

.categories-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: 18px;
}
@media (max-width: 767px) {
  .categories-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.categories-list li {
  gap: 10px;
}
.categories-list li .bg-light {
  min-width: 40px;
  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;
}
.categories-list li .bg-light img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.categories-list li h6 a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: var(--body-font-color);
}
.categories-list li:hover .bg-light img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.categories-list li:hover h6 a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: var(--theme-deafult);
}

.monthly-profit {
  margin-top: -10px;
}
@media (max-width: 1584px) {
  .monthly-profit {
    margin: -10px -8px 0;
  }
}
@media (max-width: 1520px) {
  .monthly-profit {
    margin: -10px -16px 0;
  }
}
@media (max-width: 1500px) {
  .monthly-profit {
    margin: -10px -14px 0;
  }
}
@media (max-width: 1472px) {
  .monthly-profit {
    margin: -10px -20px 0;
  }
}
@media (max-width: 1424px) {
  .monthly-profit {
    margin: -10px -25px 0;
  }
}
.monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
  margin-right: 6px;
}
.monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif !important;
  fill: var(--chart-text-color);
}

.overview-wrapper {
  position: relative;
  z-index: 1;
}

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px;
}
@media (max-width: 1199px) {
  .back-bar-container {
    bottom: 22px;
  }
}
@media (max-width: 480px) {
  .back-bar-container {
    width: calc(100% - 34px);
    left: 18px;
  }
}
@media (max-width: 327px) {
  .back-bar-container {
    bottom: 42px;
  }
}

.overview-card .balance-data {
  right: 12px;
}
[dir=rtl] .overview-card .balance-data {
  right: unset;
  left: 12px;
}
@media (max-width: 767px) {
  .overview-card .balance-data {
    right: -40%;
  }
  [dir=rtl] .overview-card .balance-data {
    left: -40%;
  }
}

.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4;
}

.purchase-card.discover {
  margin-top: 102px;
}
.purchase-card.discover img {
  width: 224px;
  margin: 0 auto;
  margin-top: -90px;
}
@media (max-width: 1550px) {
  .purchase-card.discover img {
    margin-top: -110px;
  }
}
@media (max-width: 1399px) {
  .purchase-card.discover img {
    margin-top: -90px;
  }
}
@media (max-width: 991px) {
  .purchase-card.discover img {
    margin-top: -110px;
  }
}
@media (max-width: 618px) {
  .purchase-card.discover img {
    width: 200px;
  }
}

.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult);
}

.visitors-container {
  margin: 0 -12px -27px -17px;
}
.visitors-container svg .apexcharts-series path {
  -webkit-clip-path: inset(1% 0% 0% 0% round 3rem);
          clip-path: inset(1% 0% 0% 0% round 3rem);
}
.visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recent-order .nav {
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.recent-order .frame-box.active {
  border: 1px solid var(--theme-deafult);
}
.recent-order .frame-box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.recent-order .tab-content {
  margin-top: 16px;
}

.recent-table table thead {
  background: var(--light2);
}
.recent-table table thead th {
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: none;
}
.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle;
}
.recent-table table tr td:first-child,
.recent-table table tr th:first-child {
  min-width: 157px;
}
@media (max-width: 1660px) {
  .recent-table table tr td:nth-child(2),
  .recent-table table tr th:nth-child(2) {
    min-width: 97px;
  }
}
.recent-table table tr td:last-child,
.recent-table table tr th:last-child {
  min-width: 96px;
}
.recent-table table tr td:first-child {
  padding-left: 0;
}
[dir=rtl] .recent-table table tr td:first-child {
  padding-left: unset;
  padding-right: 0;
}
.recent-table table tr td:last-child {
  padding-right: 0;
}
[dir=rtl] .recent-table table tr td:last-child {
  padding-left: 0;
  padding-right: unset;
}
.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none;
}
.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.recent-table .product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.recent-table .product-content .order-image {
  background: var(--light2);
  width: 40px;
  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;
}
.recent-table svg {
  width: 20px;
  height: 20px;
}
.recent-table .recent-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recent-table .recent-status.font-success svg {
  fill: #00AC46;
}
.recent-table .recent-status.font-danger svg {
  fill: #FE6A49;
}

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0;
}
.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.notification li .recent-images ul::before {
  display: none;
}
.notification li .recent-images li {
  padding-bottom: 3px;
}

.recent-images {
  margin-top: 10px;
}
.recent-images ul {
  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;
  gap: 8px;
}
.recent-images li {
  border: 1px dashed var(--recent-dashed-border);
  padding: 3px;
  border-radius: 2px;
}
.recent-images li .recent-img-wrap {
  width: 40px;
  height: 40px;
  background: var(--light2);
  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;
}

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  -webkit-box-shadow: 2px 2px 2px var(--recent-border);
          box-shadow: 2px 2px 2px var(--recent-border);
}
@media (max-width: 575px) {
  .frame-box {
    min-width: 65px;
  }
}
.frame-box .frame-image {
  min-width: 62px;
  height: 62px;
  border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
  border-width: 1px;
  border-style: solid;
  margin: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
@media (max-width: 575px) {
  .frame-box .frame-image {
    min-width: 50px;
    height: 50px;
    margin: 4px;
  }
}
.frame-box img {
  margin: 0 auto;
}
@media (max-width: 575px) {
  .frame-box img {
    height: 30px;
  }
}

.support-ticket-font ul {
  font-size: 12px;
}

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500;
}

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2;
}

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2;
}

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important;
  }
  .grid-ed-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%;
  }
  .col-ed-7 {
    width: 58%;
  }
  .col-ed-5 {
    width: 42%;
  }
  .col-ed-9 {
    width: 75%;
  }
  .col-ed-3 {
    width: 25%;
  }
  .col-ed-6 {
    width: 50%;
  }
  .col-ed-4 {
    width: 33.33333333%;
  }
  .col-ed-8 {
    width: 66.66%;
  }
  .col-ed-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .xl-70 {
    max-width: 70%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}
@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%;
  }
}
.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0;
}
.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  -webkit-animation: floating 10s infinite ease-in;
          animation: floating 10s infinite ease-in;
}
.total-project .bubble:nth-child(1) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 10%;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}
.total-project .bubble:nth-child(2) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 20%;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-project .bubble:nth-child(3) {
  height: 24px;
  width: 24px;
  border-radius: 15px;
  left: 35%;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.total-project .bubble:nth-child(4) {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  left: 50%;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-project .bubble:nth-child(5) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 5%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-project .bubble:nth-child(6) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 30%;
  -webkit-animation-duration: 19s;
          animation-duration: 19s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes floating {
  0% {
    top: -100px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    top: 1080px;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}
@keyframes floating {
  0% {
    top: -100px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    top: 1080px;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  -webkit-animation: floating 10s infinite ease-in;
          animation: floating 10s infinite ease-in;
}
.total-Progress .bubble:nth-child(1) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 10%;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}
.total-Progress .bubble:nth-child(2) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 20%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(3) {
  height: 24px;
  width: 24px;
  border-radius: 15px;
  left: 65%;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(4) {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  left: 34%;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(5) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 5%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(6) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 14%;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(7) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 41%;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(8) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 3%;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(9) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 48%;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Progress .bubble:nth-child(10) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 46%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@keyframes floating {
  0% {
    top: -100px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    top: 1080px;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  -webkit-animation: floating 10s infinite ease-in;
          animation: floating 10s infinite ease-in;
}
.total-Complete .bubble:nth-child(1) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 10%;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.total-Complete .bubble:nth-child(2) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 20%;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(3) {
  height: 24px;
  width: 24px;
  border-radius: 15px;
  left: 35%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(4) {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  left: 60%;
  -webkit-animation-duration: 19s;
          animation-duration: 19s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(5) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 51%;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(6) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 96%;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(7) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 69%;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(8) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 36%;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(9) {
  height: 25px;
  width: 25px;
  border-radius: 30px;
  left: 75%;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-Complete .bubble:nth-child(10) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 36%;
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@keyframes floating {
  0% {
    top: -100px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    top: 1080px;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color);
}
.total-upcoming .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(108, 117, 125, 0.1);
  position: absolute;
  -webkit-animation: floating 10s infinite ease-in;
          animation: floating 10s infinite ease-in;
}
.total-upcoming .bubble:nth-child(1) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 10%;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.total-upcoming .bubble:nth-child(2) {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  left: 70%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(3) {
  height: 24px;
  width: 24px;
  border-radius: 15px;
  left: 35%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(4) {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  left: 10%;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(5) {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  left: 5%;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(6) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 52%;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(7) {
  height: 35px;
  width: 35px;
  border-radius: 15px;
  left: 95%;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(8) {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  left: 35%;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(9) {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  left: 75%;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.total-upcoming .bubble:nth-child(10) {
  height: 26px;
  width: 26px;
  border-radius: 15px;
  left: 14%;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@keyframes floating {
  0% {
    top: -100px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    top: 1080px;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}

.project-details {
  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;
}
.project-details .project-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.project-details .project-counter span {
  font-size: 13px;
  font-weight: 400;
}

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB;
}
.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px;
}
.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px;
}
.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px;
}
.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px;
}
.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px;
}
.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none;
}

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%;
}
.add-project-link .categories {
  background-image: url("../images/dashboard-2/dashboard-banner.gif");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  background-position: center;
}
.add-project-link .categories-content {
  padding: 22px 15px;
}
.add-project-link .categories-content p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}
.add-project-link .categories-content a {
  font-size: 16px;
  font-weight: 700;
  color: #051A1A;
  text-decoration: underline;
}

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px;
}
.projectlist-card .projectlist {
  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;
  margin-bottom: 18px;
  padding: 20px 20px 0px;
}
.projectlist-card .projectlist .project-data {
  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;
}
.projectlist-card .projectlist .project-data div a {
  color: #051A1A;
}
.projectlist-card .projectlist .nft-img {
  border-radius: 4px;
}
.projectlist-card .projectlist .badge-primary {
  color: #006666;
}
.projectlist-card .project-comment {
  padding: 0px 20px;
  margin-top: 8px;
  margin-bottom: 12px;
  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;
}
.projectlist-card .project-comment .project-comment-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  position: relative;
}
.projectlist-card .project-comment .project-comment-icon svg {
  height: 16px;
  width: 16px;
}
.projectlist-card .project-comment .project-comment-icon span {
  font-weight: 500;
  font-size: 12px;
  color: var(--body-font-color);
}
.projectlist-card .project-comment .project-comment-icon .project-link {
  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: 5px;
}
.projectlist-card .project-comment .project-comment-icon .project-link::before {
  height: 17px;
  width: 1px;
  background-color: var(--body-font-color);
  position: absolute;
  content: "";
  right: 35px;
}
.projectlist-card .project-date {
  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: 0px 20px;
}
.projectlist-card .project-date span:last-child {
  color: #FE6A49;
}

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px;
}
.project-meeting-details .project-meeting {
  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;
  padding: 0px 20px;
  margin-bottom: 3px;
  margin-top: 20px;
}
.project-meeting-details .project-meeting span {
  font-weight: 500;
  font-size: 12px;
  color: var(--body-font-color);
}
.project-meeting-details .project-meeting-time {
  padding: 0px 20px;
  margin-top: 3px;
  margin-bottom: 20px;
  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;
}
.project-meeting-details .project-meeting-time a {
  color: #051A1A;
}
.project-meeting-details:hover a {
  color: #006666;
}

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px;
}

.client-list-table table tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px;
}
.client-list-table table tbody tr td a {
  color: #051A1A;
}
.client-list-table table tbody tr td .product-sub svg {
  height: 28px;
  width: 28px;
  cursor: pointer;
}
.client-list-table table tbody tr td .user-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-width: 195px;
}
.client-list-table table tbody tr td .user-id::before {
  height: 50px;
  width: 1px;
  content: "";
  position: absolute;
  background-color: #E6E9EB;
  right: 11%;
}
.client-list-table table tbody tr td .user-comment {
  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;
  min-width: 180px;
}
.client-list-table table tbody tr:hover td a {
  color: #006666;
}
.client-list-table table tbody tr:first-child td {
  padding-top: 0px;
}
.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none;
}

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px;
}
.project-table .radial-chart-wrap > div {
  height: 75px;
  width: 100px;
}
.project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
  display: none;
}
.project-table .project-comment .project-comment-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 15px;
}
.project-table .project-comment .project-comment-icon .project-link {
  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: 5px;
}
.project-table .project-comment .project-comment-icon .project-link svg {
  height: 16px;
  width: 16px;
}
.project-table .project-comment .project-comment-icon .project-link::before {
  height: 17px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute;
  content: "";
  left: 47px;
}

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px;
}
.activity-log-card ul li div .username {
  color: #051A1A;
}
.activity-log-card ul li div .username:hover {
  color: #006666;
}

.activity-log {
  margin-bottom: 24px;
}
.activity-log .activity-log-img {
  height: 34px;
  width: 34px;
  z-index: 2;
}
.activity-log .user-id {
  margin-bottom: 2px;
}
.activity-log:last-child {
  margin-bottom: 0px;
}
.activity-log h6 {
  display: block;
  margin-bottom: 2px;
}
.activity-log h6 a {
  color: #051A1A;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.activity-log:hover h6 a {
  color: #006666 !important;
}

.user-message svg {
  height: 24px;
  width: 24px;
}
.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px;
}
.user-message ul li .activity-log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 20px;
  position: relative;
}
.user-message ul li .activity-log .status {
  position: absolute;
  height: 9px;
  width: 9px;
  border-radius: 100%;
  bottom: 3px;
  left: 25px;
  z-index: 2;
}
.user-message ul li .activity-log .status.bg-warning {
  border: 1px solid #fff;
}
.user-message ul li:last-of-type .activity-log {
  margin-bottom: 0px;
}
.user-message ul li:last-of-type {
  border: none;
  margin-bottom: 0px;
}
.user-message ul li:last-child .activity-log {
  margin-bottom: 0px;
}
.user-message ul li:last-child {
  border: none;
  margin-bottom: 0px;
}
.user-message .activity-name {
  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;
  width: 100%;
}

.project-ideas-card::before {
  background: radial-gradient(circle, rgb(27, 174, 174) 2%, rgb(26, 148, 148) 50%, rgb(4, 143, 143) 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1799px) {
  .project-ideas-card::before {
    height: 102px;
  }
}
.project-ideas-card .project-card {
  background-image: url(../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px;
}
@media (max-width: 1875px) {
  .project-ideas-card .project-card {
    padding: 230px 0px;
  }
}
@media (max-width: 1800px) {
  .project-ideas-card .project-card {
    padding: 228px 0px;
  }
}
@media (max-width: 1799px) {
  .project-ideas-card .project-card {
    padding: 204px 0px;
  }
}
.project-ideas-card .project-card span {
  position: absolute;
  top: 20px;
  left: 10px;
  color: #fff;
}
.project-ideas-card .project-card .btn-showcase {
  margin-top: -85px;
  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;
}

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px;
  }
}
@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto;
  }
}
.timeline-calendar .custom-calendar {
  height: 374px !important;
}
@media (max-width: 1799px) {
  .timeline-calendar .custom-calendar {
    height: 334px !important;
  }
}

.project-table {
  overflow-y: hidden;
}
.project-table .invoice-icon {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.project-table .order-table thead {
  background-color: rgba(230, 233, 235, 0.3);
}
.project-table .order-table thead tr th {
  padding: 20px;
}
.project-table .order-table thead tr th:nth-child(1) {
  min-width: 190px;
}
.project-table .order-table thead tr th:nth-child(2) {
  min-width: 200px;
  padding: 20px 0px;
}
.project-table .order-table thead tr th:nth-child(3) {
  min-width: 130px;
  padding: 20px 0px;
}
.project-table .order-table thead tr th:nth-child(4) {
  min-width: 100px;
  padding: 20px 0px;
}
.project-table .order-table thead tr th:nth-child(5) {
  min-width: 50px;
}
.project-table .order-table thead tr th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.project-table .order-table thead tr th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.project-table .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB;
}
.project-table .order-table tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
}
.project-table .order-table tbody tr td p {
  color: var(--body-font-color);
  font-weight: 500;
}
.project-table .order-table tbody tr td .status-process {
  border-radius: 15px;
  padding: 12px;
}
.project-table .order-table tbody tr td:last-child .product-sub {
  text-align: center;
}
.project-table .order-table tbody tr td:nth-child(5) span.pending {
  height: 3px;
  width: 3px;
  border-radius: 100%;
}
.project-table .order-table tbody tr:last-child {
  border: none;
}
.project-table .order-table tbody tr:last-child td {
  padding-bottom: 0px;
  margin-bottom: -20px;
}
.project-table .order-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.project-table .order-table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px;
  }
  .project-ideas-card {
    padding: 210px 0px;
  }
  .project-ideas-card .project-card span {
    max-width: 265px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -50px;
  }
  .small-widget .project-details .project-counter span {
    display: none;
  }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important;
  }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important;
  }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .online-store {
    display: none;
  }
  .card-title-underline a {
    display: none;
  }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px;
  }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important;
  }
}
@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px;
  }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important;
  }
}
@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px;
  }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important;
  }
}
@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden;
  }
  .client-list-table .client-list .user-id {
    min-width: 140px;
  }
  .client-list-table .client-list .user-id .avatars {
    display: none;
  }
  .activity-log-card .activity-log .user-id span {
    display: none;
  }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none;
  }
  .projectlist-card .projectlist .project-data span {
    display: block;
  }
  .projectlist-card .projectlist span {
    display: none;
  }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px;
  }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: none;
  }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px;
  }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: none;
  }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none;
  }
}
@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none;
  }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important;
  }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important;
  }
}
@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 1199px) {
  .activity-group {
    display: block !important;
  }
  .activity-group::before {
    display: none;
  }
  .add-project-link {
    height: 9%;
  }
  .add-project-link .categories {
    width: 25%;
  }
  .project-ideas-card .project-card {
    padding: 237px 0px;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -113px !important;
  }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 11px;
    max-width: 550px;
  }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none;
  }
  .user-message ul li:nth-child(6) .activity-log {
    margin-bottom: 0px;
    border: none;
  }
  .user-message ul li:nth-child(7) {
    display: none;
  }
  .user-message ul li:nth-child(8) {
    display: none;
  }
  .user-message ul li:last-child {
    display: none;
  }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important;
  }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block;
  }
  .client-list-table .client-list .user-id {
    min-width: 350px;
  }
  .client-list-table .client-list .user-id .avatars {
    display: block;
  }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block;
  }
  .small-widget .project-details .project-counter span {
    display: block;
  }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important;
  }
  .marketing-app-card {
    display: none;
  }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer;
  }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3);
  }
  .project-table .order-table thead tr th {
    padding: 20px;
  }
  .project-table .order-table thead tr th:nth-child(1) {
    min-width: 290px;
  }
  .project-table .order-table thead tr th:nth-child(2) {
    min-width: 200px;
    padding: 20px 0px;
  }
  .project-table .order-table thead tr th:nth-child(3) {
    min-width: 160px;
    padding: 20px 0px;
  }
  .project-table .order-table thead tr th:nth-child(4) {
    min-width: 190px;
    padding: 20px 0px;
  }
  .project-table .order-table thead tr th:nth-child(5) {
    min-width: 50px;
  }
  .project-table .order-table thead tr th:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
  .project-table .order-table thead tr th:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB;
  }
  .project-table .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .project-table .order-table tbody tr td p {
    color: var(--body-font-color);
    font-weight: 500;
  }
  .project-table .order-table tbody tr td .status-process {
    border-radius: 15px;
    padding: 12px;
  }
  .project-table .order-table tbody tr td:last-child .product-sub {
    text-align: center;
  }
  .project-table .order-table tbody tr:last-child {
    border: none;
  }
  .project-table .order-table tbody tr:last-child td {
    padding-bottom: 0px;
    overflow: hidden;
  }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important;
  }
}
@media (max-width: 992px) {
  .add-project-link {
    height: 9%;
  }
  .add-project-link .categories {
    width: 25%;
  }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert;
  }
  .timeline-calendar .fc-toolbar-chunk {
    display: block;
  }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px;
  }
}
@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px;
  }
  .project-ideas-card .project-card {
    padding: 341px 0px;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -218px !important;
  }
  .project-ideas-card .project-card span {
    top: 27px;
    left: 88px;
  }
  .add-project-link {
    height: 6%;
  }
  .add-project-link .categories {
    width: 25%;
  }
  .activity-log-card .activity-log span {
    max-width: 100%;
  }
  .projectlist-card .projectlist .project-data span {
    display: block;
  }
  .projectlist-card .projectlist span {
    display: block;
  }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block;
  }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block;
  }
  .client-list-table .client-list .user-id {
    min-width: 240px;
  }
  .marketing-app-card {
    display: block;
  }
  .important-project {
    gap: 15px;
  }
}
@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px;
  }
}
@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px;
  }
}
@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none;
  }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -455px !important;
  }
  .project-ideas-card .project-card span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    top: 25px;
    left: 26px;
  }
}
@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -377px !important;
  }
  .project-ideas-card .project-card span {
    left: 24px;
  }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px;
  }
  .projectlist-card .projectlist .project-data span {
    display: block;
  }
  .projectlist-card .projectlist span {
    display: none;
  }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px;
  }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: none;
  }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px;
  }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: none;
  }
  .total-revenue .dropdown-calendar {
    display: none;
  }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block;
  }
  .projectlist-row justify-content-center .projectlist span {
    display: none;
  }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px;
  }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
    display: none;
  }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px;
  }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
    display: none;
  }
}
@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important;
  }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -301px !important;
  }
}
@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none;
  }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block;
  }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block;
  }
}
@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px;
  }
  .projectlist-card .project-date span:last-child {
    display: none;
  }
  .projectlist-card .project-comment .project-comment-icon {
    display: none;
  }
}
.total-revenue {
  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;
}
.total-revenue span {
  color: var(--body-font-color);
  font-weight: 500;
}
.total-revenue a {
  font-weight: 600;
}

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@-webkit-keyframes hand-move {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes hand-move {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.course-box {
  overflow: hidden;
}
.course-box .card-body {
  padding: 25px 15px;
}
@media (max-width: 1722px) {
  .course-box .card-body {
    padding: 20px 15px;
  }
}
@media (max-width: 1660px) {
  .course-box .card-body {
    padding: 16px 15px;
  }
}
@media (max-width: 1660px) {
  .course-box.widget-course .card-body {
    padding: 25px 15px;
  }
}
.course-box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.course-box:hover .course-icon svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}

.course-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.course-widget .course-icon {
  position: relative;
  width: 54px;
  height: 54px;
  -webkit-clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
          clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
  background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
  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;
}
.course-widget .course-icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}
.course-widget .course-icon.warning {
  background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%);
}
.course-widget .btn-light {
  background: var(--course-light-btn) !important;
  border: none;
}
.course-widget a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  margin-top: 25px;
}
.course-widget a span {
  display: block;
  margin-bottom: -5px;
}
.course-widget a svg {
  width: 13px;
  height: 13px;
}

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px;
}

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
[dir=rtl] .square-group {
  right: unset;
  left: 0;
}
.square-group .square-1 {
  width: 12px;
  height: 18px;
}
.square-group .square-2 {
  width: 12px;
  height: 10px;
  margin-bottom: -10px;
}
.square-group .square-3 {
  width: 18px;
  height: 10px;
  margin-left: 10px;
}
[dir=rtl] .square-group .square-3 {
  margin-left: unset;
  margin-right: 10px;
}
.square-group .square-4 {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  right: -15px;
}
[dir=rtl] .square-group .square-4 {
  right: unset;
  left: -15px;
}
.square-group .square-5 {
  width: 6px;
  height: 6px;
  bottom: 22px;
  position: absolute;
  right: -1px;
}
[dir=rtl] .square-group .square-5 {
  right: unset;
  left: -1px;
}
.square-group .square-6,
.square-group .square-7 {
  position: absolute;
  width: 4px;
  height: 4px;
}
.square-group .square-6 {
  right: -23px;
  bottom: 5px;
}
[dir=rtl] .square-group .square-6 {
  right: unset;
  left: -23px;
}
.square-group .square-7 {
  right: 8px;
  bottom: 45px;
}
[dir=rtl] .square-group .square-7 {
  right: unset;
  left: 8px;
}
.square-group .warning1 {
  background: #FFD497;
}
.square-group .warning {
  background: #FFA73B;
}
.square-group .primary {
  background: #006666;
}
.square-group .danger {
  background: #f54132;
}
.square-group .light {
  background: #E6E8EF;
}
.square-group .success {
  background: #00AC46;
}

.progress-chart-wrap {
  margin: -40px 0 -22px;
}
[dir=rtl] .progress-chart-wrap {
  direction: ltr;
}
@media (max-width: 991px) {
  .progress-chart-wrap {
    margin-top: -18px;
  }
}
.progress-chart-wrap .apexcharts-canvas {
  margin: 0 auto;
}
.progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
  fill: var(--chart-text-color);
}

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px;
}
.get-card .btn:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.get-card .btn svg {
  width: 13px;
  height: 13px;
  fill: #fff;
  vertical-align: middle;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content {
  padding: 0;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
  margin: 27px 0 0;
  padding: 15px 0;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
  color: #2b2b2b;
  font-size: 14px;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
  height: 35px;
  width: 14%;
  color: #2b2b2b;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
  color: #2b2b2b;
  opacity: 20%;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
  color: #FE6A49;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  z-index: 0;
  letter-spacing: 2px;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
  background: var(--theme-deafult);
  color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5);
          box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5);
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
  background-color: #00AC46;
  border: none;
  color: #fff;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid var(--white);
  background: #FE6A49;
  right: -3px;
  top: -2px;
  border-radius: 100%;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
  background-color: var(--theme-deafult);
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav {
  border-bottom: none;
  padding: 0;
  text-transform: capitalize;
  margin-top: 0;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
  background-color: transparent;
  width: 22px;
  height: 22px;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action=prev] {
  position: absolute;
  right: 50px;
}
[dir=rtl] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action=prev] {
  right: unset;
  left: 50px;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
  width: 22px;
  height: 22px;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
  stroke: var(--chart-text-color);
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
  color: #2b2b2b;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 14px;
  }
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
  margin-left: 10px;
  font-weight: 500;
  font-size: 20px;
  color: #2b2b2b;
}
@media (max-width: 767px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    font-size: 14px;
  }
}

.learning-wrap {
  margin: -24px -10px -24px -15px;
}

.activity-wrap {
  margin: -22px 0 -22px -28px;
}
[dir=rtl] .activity-wrap {
  margin: -22px -28px -22px 0;
}

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px;
}

.course-card .dropdown .dropdown-toggle {
  width: 125px;
}

.course-wrapper {
  text-align: center;
}
.course-wrapper .course-icon-box {
  position: relative;
  padding: 8px;
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box {
    padding: 0;
  }
}
.course-wrapper .course-icon-box .icon-wrap {
  width: 117px;
  height: 92px;
  background-color: var(--course-bg);
  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: 8px;
  margin: 0 auto;
  -webkit-box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25);
          box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25);
}
@media (max-width: 1880px) {
  .course-wrapper .course-icon-box .icon-wrap {
    width: 112px;
  }
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box .icon-wrap {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 575px) {
  .course-wrapper .course-icon-box .icon-wrap {
    width: 92px;
    height: 82px;
  }
}
.course-wrapper .course-icon-box .icon-wrap img {
  width: 80px;
}
@media (max-width: 575px) {
  .course-wrapper .course-icon-box .icon-wrap img {
    width: 70px;
  }
}
.course-wrapper .course-icon-box .arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 20px);
  height: 100%;
}
[dir=rtl] .course-wrapper .course-icon-box .arrow-bg {
  left: unset;
  right: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box .arrow-bg {
    display: none;
  }
}
.course-wrapper h6 {
  margin-top: 25px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .course-wrapper h6 {
    margin-top: 15px;
  }
}

.course-main-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1880px) {
  .course-main-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .course-main-card {
    gap: 12px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .course-main-card {
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.course-main-card .course-wrapper:last-child .arrow-bg {
  width: 100%;
}

.schedule-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: 20px;
}
@media (max-width: 767px) {
  .schedule-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 575px) {
  .schedule-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.schedule-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.schedule-list li h6 {
  font-size: 14px;
}
.schedule-list li ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-rule-style: solid;
     -moz-column-rule-style: solid;
          column-rule-style: solid;
  -webkit-column-rule-color: var(--chart-text-color);
     -moz-column-rule-color: var(--chart-text-color);
          column-rule-color: var(--chart-text-color);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-column-rule-width: 1px;
     -moz-column-rule-width: 1px;
          column-rule-width: 1px;
}
@media (max-width: 1712px) {
  .schedule-list li ul {
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
  }
}
@media (max-width: 1199px) {
  .schedule-list li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.schedule-list li ul li {
  gap: 6px;
}
.schedule-list li img {
  border-radius: 100%;
  width: 37px;
  height: 37px;
  padding: 3px;
}
.schedule-list li svg {
  width: 15px;
  height: 15px;
}
.schedule-list li svg.f-success {
  fill: #00AC46;
}
.schedule-list > li {
  padding: 15px 20px;
  -webkit-box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
          box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
  gap: 10px;
  position: relative;
  border-radius: 10px;
}
@media (max-width: 1712px) {
  .schedule-list > li {
    padding: 16px 14px;
  }
}
.schedule-list > li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 15px 0 0 15px;
}
[dir=rtl] .schedule-list > li::before {
  left: unset;
  right: 0;
  border-radius: 0 15px 15px 0;
}
.schedule-list > li.primary::before {
  background-color: var(--theme-deafult);
}
.schedule-list > li.primary img {
  border: 1px solid var(--theme-deafult);
}
.schedule-list > li.warning::before {
  background-color: #FFAE1A;
}
.schedule-list > li.warning img {
  border: 1px solid #FFAE1A;
}

.link-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
}
.link-only svg {
  width: 16px;
  height: 16px;
}

.lessons-lists li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 0;
}
.lessons-lists li img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.lessons-lists li + li {
  border-top: 1px solid var(--chart-dashed-border);
}
.lessons-lists li:first-child {
  padding-top: 0;
}
.lessons-lists li:last-child {
  padding-bottom: 0;
}
.lessons-lists li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px;
}
.lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
  display: none;
}

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    font-size: 17px;
    margin-left: 10px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px;
  }
}
@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
    font-size: 12px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px;
  }
}
.tranaction-table tbody tr td a {
  color: #051A1A !important;
}

.revenuegrowth {
  position: relative;
}
.revenuegrowth .apexcharts-xaxistooltip {
  display: none;
}
.revenuegrowth .revenuegrowth-chart::before {
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  background-color: #E6E9EB;
  width: 2px;
  right: 0;
  top: 0;
}

.icon-menu-header svg {
  height: 25px;
  width: 25px;
}

.revenuegrowth-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -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;
  gap: 20px;
}
.revenuegrowth-details .growth-details {
  border-bottom: 1px dashed #E6E9EB;
}
.revenuegrowth-details .growth-details span:first-child {
  margin-bottom: 6px;
}
.revenuegrowth-details .growth-details:last-child {
  border: none;
}

.boost-up-card {
  background: radial-gradient(circle, rgb(27, 174, 174) 2%, rgb(26, 148, 148) 50%, rgb(4, 143, 143) 100%);
}
.boost-up-card h6 {
  z-index: 2;
}

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px;
}
.img-boostup .img-boostup-img-1 {
  left: -63px;
  top: -114px;
  position: absolute;
  height: 257px;
}
.img-boostup .img-boostup-img-2 {
  position: absolute;
  top: 70px;
  left: -61px;
  height: 187px;
}

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%;
}
.progress-value .progress .progress-bar {
  background-color: var(--theme-deafult);
}

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB;
}
.deliveries-percentage .percentage-data thead tr th {
  padding-top: 18px;
  padding-bottom: 18px;
}
.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB;
}
.deliveries-percentage .percentage-data tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
}
.deliveries-percentage .percentage-data tbody tr td a {
  color: #051A1A;
}
.deliveries-percentage .percentage-data tbody tr:hover td a {
  color: #006666;
}
.deliveries-percentage .percentage-data tbody tr:last-child {
  border: none;
}
.deliveries-percentage .percentage-data tbody tr:last-child td {
  padding-bottom: 0px;
}

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px;
}
.top-product-card ul li.top-product .product-img {
  height: 60px;
  width: 73px;
  border-radius: 4px;
}
.top-product-card ul li.top-product:last-child {
  border: none;
  padding-bottom: 0px;
}
.top-product-card ul li.top-product:first-child {
  padding-top: 0px;
}
.top-product-card ul li .product-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -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;
  gap: 3px;
}
.top-product-card ul li .product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}
.top-product-card ul li .product-details a {
  color: #051A1A !important;
}
.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important;
}

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.new-user ul li svg {
  height: 24px;
  width: 24px;
}
.new-user ul li:last-child {
  margin-bottom: 0px;
}
.new-user ul li .user-name {
  padding: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.new-user ul li a {
  color: #051A1A !important;
}
.new-user ul li:hover a {
  color: var(--theme-deafult) !important;
}

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px;
}
.activity-table table tbody tr:last-child td .team-activity::before {
  height: unset;
}
.activity-table table tbody tr td {
  padding: 11px 0px;
}
.activity-table table tbody tr td .team-activity {
  position: relative;
}
.activity-table table tbody tr td .team-activity:before {
  height: 70px;
  border-left: 1px dashed #86909C;
  content: "";
  z-index: 0;
  position: absolute;
  left: 24px;
  top: 0px;
}
.activity-table table tbody tr td .team-activity .activity-data {
  margin-bottom: 18px;
}
.activity-table table tbody tr td .team-activity .activity-data:last-child {
  margin-bottom: 0px;
}
.activity-table table tbody tr td .team-activity .activity-data .subtitle p {
  max-width: 235px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.activity-table table tbody tr td .team-activity .activity-data .common-space {
  position: relative;
  gap: 20px;
}
.activity-table table tbody tr td .team-activity .activity-data .common-space::before {
  content: "";
  height: 100%;
  width: 2px;
  background-color: #E6E9EB;
  position: absolute;
  top: 0px;
  right: 0px;
}
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
  min-width: 200px;
  position: relative;
}
.activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
  border: 1px dashed #86909C;
}
.activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
  content: "";
  height: 100%;
  width: 2px;
  background-color: #E6E9EB;
  position: absolute;
  top: 0px;
  right: 0px;
}
.activity-table table tbody tr td .team-activity .activity-data .activity-time {
  min-width: 120px;
  position: relative;
}
.activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
  content: "";
  height: 4px;
  width: 4px;
  background-color: #E6E9EB;
  position: absolute;
  top: 8px;
  left: -9px;
  border-radius: 15px;
}
.activity-table table tbody tr td .team-activity .activity-data a {
  color: #051A1A !important;
}
.activity-table table tbody tr td .team-activity .activity-data:hover a {
  color: var(--theme-deafult) !important;
}
.activity-table table tbody tr td:last-child:before {
  display: none;
}

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  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;
}
.visited-dropdown svg {
  height: 25px;
  width: 25px;
}

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3);
}
.tranaction-table thead tr th {
  padding: 20px;
}
.tranaction-table thead tr th:nth-child(1) {
  min-width: 160px;
}
.tranaction-table thead tr th:nth-child(2) {
  min-width: 150px;
  padding: 20px 0px;
}
.tranaction-table thead tr th:nth-child(3) {
  min-width: 130px;
  padding: 20px 0px;
}
.tranaction-table thead tr th:nth-child(4) {
  min-width: 100px;
  padding: 20px 0px;
}
.tranaction-table thead tr th:nth-child(5) {
  min-width: 50px;
}
.tranaction-table thead tr th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.tranaction-table thead tr th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB;
}
.tranaction-table tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
}
.tranaction-table tbody tr td .status-process {
  border-radius: 15px;
  padding: 12px;
}
.tranaction-table tbody tr td:last-child .product-sub {
  text-align: center;
}
.tranaction-table tbody tr:last-child {
  border: none;
}
.tranaction-table tbody tr:last-child td {
  padding-bottom: 0px;
}
.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none;
  }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none;
  }
  .total-revenue .sales-chart-dropdown {
    display: none;
  }
  .revenuegrowth-details .growth-details p:last-child {
    display: none;
  }
  .selling-product .balance-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .selling-product .balance-data li {
    display: none;
  }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px;
  }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px;
  }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px;
  }
  .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
    display: none !important;
  }
  .deliveries-percentage .percentage-data .progress-value {
    display: none;
  }
  .deliveries-percentage .percentage-data .progress {
    display: none;
  }
  .deliveries-percentage .percentage-data .progress-value {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px;
  }
  .top-product-card ul li .product-details a {
    color: #051A1A !important;
  }
  .boost-up-card .img-boostup {
    right: 200px;
  }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 100px;
    left: -61px;
    height: 187px;
  }
}
@media (max-width: 1599px) {
  row justify-content-center .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px;
  }
  row justify-content-center .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
    display: none !important;
  }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px;
  }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px;
  }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px;
  }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px;
  }
}
@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block;
  }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none;
  }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none;
  }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none;
  }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px;
  }
}
@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important;
  }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important;
  }
  .activity-table table {
    overflow: auto !important;
  }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px;
  }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .top-product-card ul li.top-product:last-child {
    display: none !important;
  }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none;
  }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px;
  }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px;
  }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px;
  }
}
@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px;
  }
  .revenuegrowth {
    margin-bottom: -18px;
  }
}
@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px;
  }
}
/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important;
}

@-webkit-keyframes bounce-effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}

@keyframes bounce-effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes round {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.badge-light-primary {
  background-color: #29ffff;
}
.badge-light-primary span {
  color: #006666 !important;
}

.badge-light-secondary {
  background-color: white;
}
.badge-light-secondary span {
  color: #FE6A49 !important;
}

.badge-light-success {
  background-color: #6fffa9;
}
.badge-light-success span {
  color: #00AC46 !important;
}

.badge-light-danger {
  background-color: white;
}
.badge-light-danger span {
  color: #FE6A49 !important;
}

.badge-light-info {
  background-color: #6e96e3;
}
.badge-light-info span {
  color: #173878 !important;
}

.badge-light-light {
  background-color: #b7b7c9;
}
.badge-light-light span {
  color: #52526c !important;
}

.badge-light-dark {
  background-color: #8490a9;
}
.badge-light-dark span {
  color: #2c323f !important;
}

.badge-light-warning {
  background-color: #fff3dc;
}
.badge-light-warning span {
  color: #FFAE1A !important;
}

.badge-light-light {
  background-color: #e9e9ee;
}

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1);
}

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15);
}

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3);
}

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3);
}

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08);
}

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1);
}

.table thead th {
  border-bottom: 2px solid #ecf3fa;
}

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px;
  }
}
@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%;
  }
  .overall-card .col-xl-3 {
    width: 27%;
  }
}
@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%;
  }
  .overall-card .col-xl-3 {
    width: 28%;
  }
}
@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%;
  }
  .overall-card .col-xl-3 {
    width: 30%;
  }
}
@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%;
  }
  .overall-card .col-xl-3 {
    width: 35%;
  }
}

/* Clock styles */
.clockbox {
  margin-bottom: -5px;
}
.clockbox svg {
  width: 45px;
  height: 45px;
}
@media (max-width: 767px) {
  .clockbox svg {
    height: 36px;
  }
}

.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10;
}

.mid-circle {
  fill: #000;
}

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10;
}

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10;
}

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10;
}

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10;
}

.sizing-box {
  fill: none;
}

#hour,
#minute,
#second {
  -webkit-transform-origin: 300px 300px;
          transform-origin: 300px 300px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important;
  }
}
@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%;
  }
}

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px;
}
.order-chart svg path {
  -webkit-clip-path: inset(7% 0% 0% 0% round 0.6rem);
          clip-path: inset(7% 0% 0% 0% round 0.6rem);
}

.growth-wrap .card-header {
  position: relative;
  z-index: 1;
}

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px;
}
@media (max-width: 1481px) {
  .growth-wrapper > div {
    margin-top: -50px;
  }
}

.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px;
}
.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none;
}

.card .card-footer .common-space a {
  color: #051A1A;
}
.card .card-footer .common-space:hover a {
  color: #006666;
}

.sales-wrapper .apexcharts-xaxistooltip {
  display: none;
}

.total-order .apexcharts-xaxistooltip {
  display: none;
}

.sales-chart {
  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;
}

.sales-chart-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sales-chart-dropdown .sales-chart-dropdown-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 15px;
}

.total-revenue {
  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;
}
.total-revenue span {
  font-weight: 500;
}
.total-revenue .update-data {
  position: relative;
}
.total-revenue .update-data::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  bottom: 3px;
  left: -15px;
  bottom: 9px;
  border-radius: 15px;
  background-color: #86909C;
}
.total-revenue a {
  font-weight: 600;
}

.total-chart {
  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;
  margin-bottom: -45px;
  margin-top: -20px;
}
.total-chart .data-grow svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.total-chart .data-grow span {
  color: #051A1A;
}

.special-Offer {
  background-image: url(../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center;
}
.special-Offer h4 {
  font-weight: 700;
  font-size: 22px;
  color: #fff;
  text-align: center;
}
.special-Offer p {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  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;
}
.special-Offer .offer-contain {
  padding-top: 45px;
  text-align: center;
}
.special-Offer .offer-contain p {
  margin: 0px 20px;
}

.ecommerce-banner {
  background-image: url(../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px;
}

.product-widget:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.new-product {
  padding: 16px !important;
}
.new-product svg {
  cursor: pointer;
}
.new-product:hover .product-cost .add-product svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}
.new-product .product-icon {
  height: 50px;
  width: 50px;
  border-radius: 6px;
}
.new-product .product-cost {
  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;
}
.new-product .product-cost .add-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.new-product .product-cost .add-product h6 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new-product .product-cost .add-product span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new-product .product-cost .product-icon svg {
  height: 25px;
  margin: 12px;
  width: 25px;
}

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB;
}
.product-costing p {
  font-size: 14px;
  font-weight: 500;
}
.product-costing span {
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-costing:last-child {
  border: none;
  margin-bottom: 0px;
}
.product-costing:last-child span {
  margin-bottom: 0px;
}
.product-costing .product-icon {
  height: 50px;
  width: 50px;
  border-radius: 6px;
}
.product-costing:last-child .costing-span {
  margin-bottom: 0px;
}
.product-costing .product-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 8px;
}
.product-costing .product-cost .product-icon svg {
  height: 25px;
  margin: 12px;
  width: 25px;
  cursor: pointer;
}
.product-costing:hover .product-cost svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB;
}
.sale-history-card:last-child {
  margin-bottom: 0px;
  border: none;
}
.sale-history-card:hover .history-price a {
  color: #006666 !important;
}
.sale-history-card .history-price {
  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;
}
.sale-history-card .history-price a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #051A1A;
}
.sale-history-card:last-child .state-time {
  margin-bottom: 0px;
}
.sale-history-card .state-time {
  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;
  margin-bottom: 16px;
}

.table-order .order-table-images {
  height: 35px;
}
.table-order .product-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.table-order .product-name img {
  border-radius: 4px;
}
.table-order .invoice-icon {
  height: 24px;
  width: 24px;
}
.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3);
}
.table-order .latest-orders thead tr th {
  padding: 20px;
}
.table-order .latest-orders thead tr th:nth-child(1) {
  min-width: 190px;
}
.table-order .latest-orders thead tr th:nth-child(2) {
  min-width: 200px;
  padding: 20px 0px;
}
.table-order .latest-orders thead tr th:nth-child(3) {
  min-width: 130px;
  padding: 20px 0px;
}
.table-order .latest-orders thead tr th:nth-child(4) {
  min-width: 90px;
  padding: 20px 0px;
}
.table-order .latest-orders thead tr th:nth-child(5) {
  min-width: 50px;
}
.table-order .latest-orders thead tr th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.table-order .latest-orders thead tr th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB;
}
.table-order .latest-orders tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
}
.table-order .latest-orders tbody tr td:nth-child(4) .badge {
  padding: 7px 18px;
}
.table-order .latest-orders tbody tr td:last-child {
  text-align: center;
}
.table-order .latest-orders tbody tr td p {
  color: var(--body-font-color);
  font-weight: 500;
}
.table-order .latest-orders tbody tr td .status-process {
  border-radius: 15px;
  padding: 12px;
}
.table-order .latest-orders tbody tr td:last-child .product-sub {
  text-align: center;
}
.table-order .latest-orders tbody tr:last-child {
  border: none;
}
.table-order .latest-orders tbody tr:last-child td {
  padding-bottom: 0px;
  overflow: hidden;
}
.table-order .latest-orders tbody tr td a {
  color: #051A1A;
}
.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3);
}
.table-order .order-table thead tr th {
  padding: 20px;
}
.table-order .order-table thead tr th:nth-child(1) {
  min-width: 190px;
}
.table-order .order-table thead tr th:nth-child(2) {
  min-width: 200px;
  padding: 20px 0px;
}
.table-order .order-table thead tr th:nth-child(3) {
  min-width: 130px;
  padding: 20px 0px;
}
.table-order .order-table thead tr th:nth-child(4) {
  min-width: 90px;
  padding: 20px 0px;
}
.table-order .order-table thead tr th:nth-child(5) {
  min-width: 50px;
}
.table-order .order-table thead tr th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.table-order .order-table thead tr th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB;
}
.table-order .order-table tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
}
.table-order .order-table tbody tr td:nth-child(4) .badge {
  padding: 9px 18px;
}
.table-order .order-table tbody tr td:last-child {
  text-align: center;
}
.table-order .order-table tbody tr td p {
  color: var(--body-font-color);
  font-weight: 500;
}
.table-order .order-table tbody tr td .status-process {
  border-radius: 15px;
  padding: 12px;
}
.table-order .order-table tbody tr td:last-child .product-sub {
  text-align: center;
}
.table-order .order-table tbody tr:last-child {
  border: none;
}
.table-order .order-table tbody tr:last-child td {
  padding-bottom: 0px;
}
.table-order .order-table tbody tr td a {
  color: #051A1A;
}
.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important;
}

.revenueproductwidget {
  margin: 230px 0px 0px 0px;
}

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important;
}
.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important;
}

.widget-1 {
  background-image: url(../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px;
}
.widget-1 i {
  font-weight: 700;
  font-size: 12px;
}
.widget-1 .f-w-500 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1580px) and (min-width: 1200px) {
  .widget-1 .f-w-500 {
    display: none;
  }
}
.widget-1 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 18px 25px;
}
@media (max-width: 1720px) {
  .widget-1 .card-body {
    padding: 18px;
  }
}
.widget-1 .widget-round {
  position: relative;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
}
.widget-1 .widget-round .bg-round {
  width: 56px;
  height: 56px;
  -webkit-box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
          box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
  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: 100%;
  margin: 6px;
  position: relative;
  z-index: 1;
}
.widget-1 .widget-round .bg-round svg {
  width: 24px;
  height: 24px;
}
.widget-1 .widget-round .bg-round .half-circle {
  height: 52px;
  position: absolute;
  left: -9px;
  width: 35px;
  bottom: -8px;
  background: #fff;
  z-index: -1;
}
@media (max-width: 1600px) {
  .widget-1 .widget-round .bg-round {
    width: 40px;
    height: 40px;
  }
  .widget-1 .widget-round .bg-round svg {
    width: 22px;
    height: 22px;
  }
  .widget-1 .widget-round .bg-round .half-circle {
    height: 40px;
    left: -10px;
    width: 30px;
    bottom: -8px;
  }
}
.widget-1 .widget-round.primary {
  border-color: var(--theme-deafult);
}
.widget-1 .widget-round.secondary {
  border-color: var(--theme-secondary);
}
.widget-1 .widget-round.success {
  border-color: #00AC46;
}
.widget-1 .widget-round.warning {
  border-color: #FFAE1A;
}
.widget-1 .widget-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media (max-width: 1600px) {
  .widget-1 .widget-content {
    gap: 10px;
  }
}
.widget-1 .widget-content h4 {
  margin-bottom: 4px;
}
.widget-1:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.widget-1:hover .widget-round .svg-fill:not(.half-circle) {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}

.widget-with-chart .card-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff;
}
.profile-box .cartoon {
  position: absolute;
  bottom: -15px;
  right: 20px;
  -webkit-animation: bounce-effect 5s infinite ease-in;
          animation: bounce-effect 5s infinite ease-in;
}
[dir=rtl] .profile-box .cartoon {
  right: unset !important;
  left: 5px;
}
@media (max-width: 1660px) {
  .profile-box .cartoon {
    right: 30px;
    text-align: right;
  }
  [dir=rtl] .profile-box .cartoon {
    left: -6px;
    text-align: left;
  }
  .profile-box .cartoon img {
    width: 80%;
  }
}
@media (max-width: 1500px) {
  .profile-box .cartoon img {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .profile-box .cartoon {
    right: 10px;
  }
  [dir=rtl] .profile-box .cartoon {
    left: -10px;
  }
  .profile-box .cartoon img {
    width: 52%;
  }
}
@media (max-width: 575px) {
  .profile-box .cartoon {
    right: 30px;
  }
  [dir=rtl] .profile-box .cartoon {
    left: 10px;
  }
  .profile-box .cartoon img {
    width: 48%;
  }
}
.profile-box .greeting-user p {
  width: 60%;
}
@media (max-width: 1500px) {
  .profile-box .greeting-user p {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .profile-box .greeting-user p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .profile-box .greeting-user p {
    width: 98%;
  }
}
@media (max-width: 600px) {
  .profile-box .greeting-user p {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .profile-box .greeting-user p {
    width: 98%;
  }
}
.profile-box .whatsnew-btn {
  margin-top: 3.5rem;
}
@media (max-width: 1500px) {
  .profile-box .whatsnew-btn {
    margin-top: 1.7rem;
  }
}
@media (max-width: 991px) {
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem;
  }
}
@media (max-width: 638px) {
  .profile-box .whatsnew-btn {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .profile-box .whatsnew-btn .btn {
    padding: 6px 10px;
  }
}

.header-top {
  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;
  gap: 4px;
}
.header-top a i {
  font-size: 11px;
  margin-bottom: -2px;
}
.header-top a.btn {
  padding: 8px 12px;
}
@media (max-width: 575px) {
  .header-top a.btn {
    padding: 5px;
  }
}
.header-top a.btn.badge-light-primary:hover {
  background-color: var(--theme-deafult);
}

.user-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media (max-width: 1399px) {
  .user-details {
    gap: 6px;
  }
}
.user-details .customers {
  width: 200px;
}
@media (max-width: 575px) {
  .user-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%;
}
.papernote-wrap .note-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.papernote-wrap .note-labels > * {
  padding: 3px 0;
}
.papernote-wrap .note-labels ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels ul {
    gap: 4px;
  }
}
.papernote-wrap .note-labels .badge {
  font-size: 14px;
  padding: 6px 12px;
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels .badge {
    font-size: 12px;
    padding: 5px 6px;
  }
}
.papernote-wrap .note-labels .last-label {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px dashed rgba(255, 255, 255, 0.7);
}
[dir=rtl] .papernote-wrap .note-labels .last-label {
  padding-left: unset;
  margin-left: unset;
  margin-right: 16px;
  padding-right: 16px;
  border-left: none;
  border-right: 1px dashed rgba(255, 255, 255, 0.7);
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels .last-label {
    padding-left: 8px;
    margin-left: 8px;
  }
  [dir=rtl] .papernote-wrap .note-labels .last-label {
    margin-right: 8px;
    padding-right: 8px;
  }
}
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  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(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important;
}
.appointment-sec .card-header-right-icon select:hover {
  background-color: rgba(0, 102, 102, 0.08) !important;
  color: var(--theme-deafult) !important;
}
.appointment-sec .bottom-btn {
  text-align: center;
}
.appointment-sec .bottom-btn a {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.3px;
  text-decoration-line: underline;
  text-transform: uppercase;
}

.notification ul {
  position: relative;
}
.notification ul::before {
  position: absolute;
  content: "";
  border: 1px dashed #E6E9EB;
  opacity: 0.3;
  top: 12px;
  left: 2px;
  height: calc(100% - 12px);
}
[dir=rtl] .notification ul::before {
  left: unset;
  right: 2px;
}
.notification li {
  padding-bottom: 22px;
}
.notification div[class*=activity-dot-] {
  margin-top: 12px;
  -webkit-animation: round 1.3s ease-in-out infinite;
          animation: round 1.3s ease-in-out infinite;
}
.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500;
}
.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative;
}
.notification .card .d-flex .w-100 h6 ~ p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-text-emphasis: inherit;
          text-emphasis: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 260px;
}
@media (max-width: 767px) {
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-line-clamp: unset;
    -webkit-text-emphasis: unset;
            text-emphasis: unset;
    white-space: unset;
    text-overflow: unset;
    display: block;
    width: unset;
    overflow: visible;
  }
}
@keyframes round {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.notification .card .d-flex .w-100 span {
  color: #FFFFFF;
}
.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3;
}
.notification .card .d-flex:last-child {
  margin-bottom: 0 !important;
}
.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px;
}

.schedule-container > div {
  margin-bottom: -40px;
}
.schedule-container svg path {
  -webkit-clip-path: inset(1% 0% 0% 0% round 1.5rem);
          clip-path: inset(1% 0% 0% 0% round 1.5rem);
}

.purchase-card {
  text-align: center;
  margin-top: 200px;
}
@media (max-width: 1560px) {
  .purchase-card {
    margin-top: 170px;
  }
}
@media (max-width: 1399px) {
  .purchase-card {
    margin-top: 160px;
  }
}
@media (max-width: 500px) {
  .purchase-card {
    margin-top: 110px;
  }
}
@media (max-width: 420px) {
  .purchase-card {
    margin-top: 90px;
  }
}
.purchase-card img {
  margin-top: -208px;
}
@media (max-width: 1560px) {
  .purchase-card img {
    margin-top: -170px;
  }
}
@media (max-width: 1399px) {
  .purchase-card img {
    width: 70%;
    margin: -160px auto 0 auto;
  }
}
@media (max-width: 1366px) {
  .purchase-card img {
    width: 76%;
  }
}
@media (max-width: 1199px) {
  .purchase-card img {
    width: 86%;
  }
}
@media (max-width: 991px) {
  .purchase-card img {
    width: 72%;
  }
}
@media (max-width: 767px) {
  .purchase-card img {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .purchase-card img {
    margin-top: -110px;
  }
}
@media (max-width: 420px) {
  .purchase-card img {
    margin-top: -90px;
    width: 60%;
  }
}
.purchase-card .purchase-btn {
  min-width: auto;
}

.user-list {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-rule-style: dashed;
     -moz-column-rule-style: dashed;
          column-rule-style: dashed;
  -webkit-column-rule-color: rgba(255, 255, 255, 0.7);
     -moz-column-rule-color: rgba(255, 255, 255, 0.7);
          column-rule-color: rgba(255, 255, 255, 0.7);
  -webkit-column-gap: 120px;
     -moz-column-gap: 120px;
          column-gap: 120px;
  -webkit-column-rule-width: 1px;
     -moz-column-rule-width: 1px;
          column-rule-width: 1px;
}
@media (max-width: 1780px) {
  .user-list {
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
  }
}
@media (max-width: 1660px) {
  .user-list {
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (max-width: 360px) {
  .user-list {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
.user-list li {
  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: 10px;
  width: 100%;
}
@media (max-width: 1540px) {
  .user-list li {
    gap: 5px;
  }
}
.user-list li i {
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 360px) {
  .user-list li h5 {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .user-list li span {
    font-size: 13px;
  }
}
.user-list li:hover .user-box svg {
  -webkit-animation: tada 1.5s ease infinite;
          animation: tada 1.5s ease infinite;
}
.user-list .user-icon {
  border-radius: 100%;
  display: inline-block;
}
.user-list .user-icon .user-box {
  margin: 3px;
  width: 47px;
  height: 47px;
  border-radius: 100%;
  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: 1540px) {
  .user-list .user-icon .user-box {
    width: 30px;
    height: 30px;
  }
  .user-list .user-icon .user-box svg {
    width: 18px;
    height: 18px;
  }
}
.user-list .user-icon.primary {
  border: 1px solid #006666;
}
.user-list .user-icon.primary .user-box {
  background: #00e6e6;
}
.user-list .user-icon.success {
  border: 1px solid #00AC46;
}
.user-list .user-icon.success .user-box {
  background: #79ffb0;
}

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle;
}
.appointment-table table tr td:first-child {
  width: 50px;
}
.appointment-table table tr td .status-circle {
  top: 1px;
  left: 35px;
  border-width: 3px;
}
.appointment-table table tr td p,
.appointment-table table tr td .btn {
  font-weight: 500;
  font-size: 12px;
}
.appointment-table table tr td .btn {
  padding: 4px 12px;
}
.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block !important;
}
.appointment-table table tr .img-content-box span {
  display: block;
}
.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.appointment-table table tr:first-child td {
  padding-top: 0 !important;
}
.appointment-table table tr:last-child td {
  padding-bottom: 0 !important;
}
.appointment-table.customer-table table tr td {
  padding: 10px 0;
}
.appointment-table.customer-table table tr td img {
  min-width: 40px;
}

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 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;
}
.icon-box i {
  color: var(--theme-deafult);
  font-size: 22px;
}
.icon-box svg {
  stroke: var(--theme-deafult);
}

.balance-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .balance-card {
    gap: 8px;
  }
}
.balance-card .svg-box {
  width: 43px;
  height: 43px;
  background: #fff;
  -webkit-box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
          box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
  border-radius: 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;
}
@media (max-width: 1199px) {
  .balance-card .svg-box {
    width: 35px;
    height: 35px;
  }
}
.balance-card .svg-box svg {
  height: 20px;
  fill: rgba(255, 255, 255, 0.85);
}
@media (max-width: 1199px) {
  .balance-card .svg-box svg {
    height: 17px;
  }
}

.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600;
}

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px;
}
.crm-activity > li + li h6 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.crm-activity > li h6 {
  font-size: 14px;
}
.crm-activity span {
  font-size: 40px;
}
.crm-activity ul.dates h6 {
  color: #051A1A;
}
.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
}
.crm-activity ul.dates li + li {
  border-left: 1px solid #efefef;
  padding-left: 10px;
  margin-left: 5px;
}

.fill-primary {
  fill: #006666;
}

.fill-secondary {
  fill: #FE6A49;
}

.fill-success {
  fill: #00AC46;
}

.fill-warning {
  fill: #FFAE1A;
}

.fill-info {
  fill: #173878;
}

.fill-danger {
  fill: #FE6A49;
}

.ecommerce-widget {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px;
}
.ecommerce-widget .total-num {
  color: #051A1A;
  margin: 0;
  letter-spacing: 1px;
}
.ecommerce-widget .total-num span {
  color: #000;
}
.ecommerce-widget .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ecommerce-widget .progress-showcase {
  margin-top: 30px;
}
.ecommerce-widget span {
  color: #FFFFFF;
  margin: 0;
  cursor: pointer;
}
.ecommerce-widget .icon {
  color: #efefef;
  font-size: 40px;
}
.ecommerce-widget .flot-chart-container {
  height: 100px;
  padding: 0;
  margin: 0;
  border: transparent;
}
.ecommerce-widget .morris-default-style {
  display: none !important;
}
.ecommerce-widget svg {
  -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
}

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  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: 25px;
  margin: 0 auto;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #E6E9EB), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ecf3fa), color-stop(50%, #E6E9EB), to(#E6E9EB));
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB);
}
.redial-social-widget i {
  background-color: #fff;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  text-align: center;
  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;
}
.redial-social-widget.radial-bar-70 {
  background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB);
}

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.1) rotate(5deg);
          transform: scale(1.1) rotate(5deg);
}
.browser-widget img {
  height: 80px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.browser-widget .media-body {
  text-align: center;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-rule: 1px solid #E6E9EB;
     -moz-column-rule: 1px solid #E6E9EB;
          column-rule: 1px solid #E6E9EB;
}
.browser-widget .media-body p {
  margin-bottom: 5px;
}
.browser-widget .media-body span {
  margin-bottom: 0;
  color: #FFFFFF;
}
.browser-widget .media-body h4 {
  color: #051A1A;
  margin-bottom: 0;
  font-size: 18px;
}
.browser-widget .media-body h4 span {
  color: #333333;
}

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1;
}
.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px;
}
.testimonial h5 {
  color: #051A1A;
  padding-top: 10px;
}
.testimonial span {
  color: #FFFFFF;
}
.testimonial img {
  margin: 0 auto;
}

.widget-charts .widget-1 .card-body {
  padding: 30px 25px;
}

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px;
}
.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
  display: none;
}
.chart-widget-top span {
  color: #6C757D;
}

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important;
}
.bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
  margin: 0 10px !important;
}
.bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
  margin-right: 5px;
}
.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bar-chart-widget .earning-details {
  height: 100%;
  -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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 1px;
}
.bar-chart-widget .earning-details i {
  font-size: 230px;
  position: absolute;
  opacity: 0.1;
  right: -30px;
  top: 0;
}
.bar-chart-widget .earning-details i:hover {
  -webkit-transform: rotate(-5deg) scale(1.1);
          transform: rotate(-5deg) scale(1.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bar-chart-widget .num {
  font-weight: 600;
}
.bar-chart-widget .num .color-bottom {
  color: #000;
}

.skill-chart {
  margin-bottom: -48px;
}
.skill-chart .apexcharts-legend .apexcharts-legend-series span {
  display: block;
}
.skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  margin: 10px 0 20px;
}

.progress-chart {
  margin: -11px 0 -20px;
}
.progress-chart .apexcharts-canvas svg path,
.progress-chart .apexcharts-canvas svg rect {
  -webkit-clip-path: inset(1% 0% 0% 0% round 1rem);
          clip-path: inset(1% 0% 0% 0% round 1rem);
}

.bottom-content span {
  color: #FFFFFF;
}
.bottom-content .block-bottom {
  display: block;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px;
  }
}
@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.serial-chart .chart-container {
  width: 100%;
  height: 500px;
}
.serial-chart .chart-container .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
          animation: am-pulsating 1s ease-out infinite;
}
.serial-chart .chart-container .amcharts-graph-column-front {
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
}
.serial-chart .chart-container .amcharts-graph-column-front:hover {
  fill: var(--theme-secondary);
  stroke: var(--theme-secondary);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.serial-chart .chart-container .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
          animation: am-draw 40s;
}
.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
          animation: am-moving-dashes 1s linear infinite;
}

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important;
}
.chart-container .apexcharts-xaxis-annotations rect {
  -webkit-clip-path: inset(1% 0% 0% 0% round 0.2rem);
          clip-path: inset(1% 0% 0% 0% round 0.2rem);
}

.crypto-chart {
  margin-left: -20px;
}
.crypto-chart .apexcharts-tooltip-title {
  display: none;
}
.crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
  padding-bottom: 0;
}

.speed-chart .chart-container {
  width: 100%;
  height: 530px;
}
.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px;
}
.speed-chart .content h4 {
  font-weight: 600;
  padding-top: 2px;
}

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
.status-widget .card .card-header h5 {
  line-height: 1.38;
}
.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none;
}

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0;
}

.status-details h4 {
  font-weight: 600;
}
.status-details h4 span {
  color: inherit;
}
.status-details span {
  color: #FFFFFF;
}

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0;
}

.map-chart .chart-container {
  width: 100%;
  height: 500px;
}

.serial-chart {
  width: 100%;
}

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px;
}

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77);
}
.live-products .ct-label {
  fill: #fff;
  color: #fff;
}
.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7);
}

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: rgb(255, 255, 255);
  fill: transparent;
}
.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent;
}
.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent;
}
.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff;
}
.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7);
}

#draggableMultiple .ui-sortable-handle .card {
  cursor: move;
}

.tilt-showcase ul li .line {
  padding-top: 10px;
}
.tilt-showcase .pre-mt {
  margin-top: 5px;
}

.wow-title h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}
.wow-title h5 .badge {
  -webkit-text-fill-color: #fff;
}

.alert-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-shadow-title .sub-title {
  margin: 30px 0;
}

.hovercard .info .social-media ul li {
  padding-top: 3px;
}
.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sticky-header-main .card .card-header h5 {
  line-height: 35px;
}
.sticky-header-main .card .card-header h5 a {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.custom-radio-ml {
  margin-left: 3px;
}

.twitter-typeahead {
  display: block !important;
}

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0;
}
span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
}
span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer;
}
span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
  background-color: #fff;
}
span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
  color: #fff;
  background-color: var(--theme-deafult);
}

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto;
}

.chart-right {
  position: relative;
}

.balance-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
}
[dir=rtl] .balance-data {
  right: unset;
  left: 2%;
}
@media (max-width: 991px) {
  .balance-data {
    top: -42px;
    right: -65%;
  }
  [dir=rtl] .balance-data {
    left: -65%;
  }
}
@media (max-width: 575px) {
  .balance-data {
    display: none;
  }
}
.balance-data li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.balance-data .circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.current-sale-container {
  padding-right: 12px;
}
[dir=rtl] .current-sale-container {
  padding-right: unset;
  padding-left: 12px;
}
.current-sale-container > div {
  margin: -22px 0 -30px -16px;
}
@media (max-width: 1199px) {
  .current-sale-container > div {
    margin-bottom: 0;
  }
}
@media (max-width: 404px) {
  .current-sale-container > div {
    margin-bottom: -30px;
  }
}
.current-sale-container .apexcharts-xaxistooltip {
  color: var(--theme-deafult);
  background: rgba(0, 102, 102, 0.1);
  border: 1px solid var(--theme-deafult);
}
.current-sale-container .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--theme-deafult);
}
.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: rgba(0, 102, 102, 0.1);
  color: var(--theme-deafult);
}
@media (max-width: 575px) {
  .current-sale-container.order-container {
    padding-right: 0;
  }
  [dir=rtl] .current-sale-container.order-container {
    padding-left: 0;
  }
}
@media (max-width: 404px) {
  .current-sale-container.order-container > div {
    margin-bottom: 0;
  }
}

.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px;
}

.recent-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recent-wrapper .order-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-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
}
@media (max-width: 1199px) {
  .recent-wrapper .order-content {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .recent-wrapper .order-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.recent-wrapper .order-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
@media (max-width: 1660px) {
  .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
    font-size: 15px;
  }
}
@media (max-width: 1560px) and (min-width: 1400px) {
  .recent-wrapper > div {
    width: 100%;
  }
}
@media (max-width: 1560px) and (min-width: 1400px) {
  .recent-wrapper > div:last-child {
    display: none;
  }
}

.apexcharts-series.apexcharts-radial-series {
  position: relative;
}
.apexcharts-series.apexcharts-radial-series::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.05%, #FFFFFF), color-stop(19.91%, #F4F4F4), color-stop(55.02%, #F5F6F9), to(#EAECF4));
  background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: 0;
  left: 0;
}

.card-block .table-responsive .table caption {
  padding-left: 10px;
}
.card-block .table-responsive .table-bordered td {
  vertical-align: middle;
}
.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px;
}
.card-block .default-checkbox-align #radio {
  margin-right: 5px;
}

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef;
}

.chart-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chart-vertical-center #myDoughnutGraph,
.chart-vertical-center #myPolarGraph {
  width: auto !important;
}

.cke_focus {
  padding: 15px;
  margin-top: 13px;
}

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important;
}

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line;
}

.starter-kit-fix .page-body {
  margin-bottom: 52px;
}

.starter-main .card-body p {
  font-size: 14px;
}
.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px;
}
.starter-main .card-body h5 {
  font-size: 18px;
}
.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px;
}
.starter-main .card-body .alert-primary.inverse:before {
  top: 32px;
}
.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important;
}
.starter-main .alert i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer.blockquote-footer {
  bottom: unset;
}

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px;
  }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important;
  }
}
@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px;
  }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0;
  }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px;
  }
  .media-dropdown {
    display: block;
  }
  .media-dropdown .media-body {
    margin-bottom: 15px;
  }
  .total-chart span {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .footer p {
    font-size: 12px;
  }
  .appointment-table table tr td {
    min-width: 103px;
  }
  .appointment-table table tr td:first-child {
    min-width: 50px;
  }
  .appointment-table table tr td:nth-child(2) {
    min-width: 120px;
  }
}
@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none;
  }
  .search-form input {
    padding-left: 50px;
  }
}
@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px;
  }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .total-chart .data-grow span {
    display: none !important;
  }
  .total-chart .data-grow svg {
    display: none !important;
  }
  .total-revenue span {
    font-size: 12px;
  }
  .total-revenue a {
    display: none !important;
  }
  .total-revenue span {
    font-size: 12px;
  }
  .total-revenue a {
    display: none !important;
  }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important;
  }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important;
  }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important;
  }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important;
  }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block;
  }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important;
  }
}
@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px;
  }
  .total-chart .data-grow span {
    display: block !important;
  }
  .total-chart .data-grow svg {
    display: block !important;
  }
  .total-revenue a {
    display: block !important;
  }
  .total-revenue a {
    display: block !important;
  }
}
@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px;
  }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none;
  }
  .table-order .latest-orders thead tr th:last-child {
    display: none;
  }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none;
  }
  .table-order .latest-orders tbody tr td:last-child {
    display: none;
  }
  .revenueproduct {
    margin-bottom: 0px;
  }
  .revenueproduct .apexcharts-canvas .apexcharts-legend {
    display: none;
  }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400;
  }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px;
  }
  .card .card-body .product-costing .product-icon svg {
    height: 20px;
    margin: 10px;
    width: 21px;
  }
}
@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important;
  }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important;
  }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important;
  }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important;
  }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important;
  }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none;
  }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none;
  }
}
/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer;
}

.filter-block ul li {
  padding-top: 15px;
}
.filter-block ul li a {
  color: var(--body-font-color);
}
@media (max-width: 1500px) {
  .filter-block ul li {
    padding-top: 10px;
  }
}

.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px;
}
.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px;
}
.collection-filter-block p {
  font-size: 13px;
}
.collection-filter-block .media-body {
  opacity: 0.5;
}
.collection-filter-block li + li {
  margin-top: 16px;
}
.collection-filter-block ul.pro-services li svg {
  width: auto;
}

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px;
}
.qty-box .btn i {
  color: #898989;
}
.qty-box .btn svg {
  width: 14px !important;
  stroke: #2c323f;
}
.qty-box span {
  padding: 0 4px;
}
.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1);
}
.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px;
}

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-social li a:hover {
  border-color: #006666;
  color: #006666;
  background-color: rgba(0, 102, 102, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-social li:nth-child(n+2) {
  margin-left: 10px;
}
[dir=rtl] .product-social li:nth-child(n+2) {
  margin-left: unset;
  margin-right: 10px;
}

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px;
}
.product-sidebar .filter-section .card .card-header h6 {
  position: relative;
}
.product-sidebar .filter-section .card .card-header h6 .pull-right i {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 10px;
  width: 100%;
  height: 10px;
  text-align: right;
  cursor: pointer;
}

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 320px;
}
.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
  margin-bottom: 15px;
}
.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto;
}

.d-none-productlist {
  display: none;
}
.d-none-productlist svg {
  vertical-align: middle;
  cursor: pointer;
}

.product-wrapper-grid.list-view .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-wrapper-grid.list-view .product-box .product-img {
  width: 20%;
}
.product-wrapper-grid.list-view .product-box .product-details {
  text-align: left;
}

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px;
}

.products-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid-options {
  height: 33px;
  margin-left: 10px;
}
.grid-options ul li a {
  position: relative;
}
.grid-options ul li a .line-grid {
  position: absolute;
  width: 4px;
  height: 15px;
  top: 9px;
}
.grid-options ul li a .line-grid-1 {
  left: 12px;
}
.grid-options ul li a .line-grid-2 {
  left: 18px;
}
.grid-options ul li a .line-grid-3 {
  left: 36px;
}
.grid-options ul li a .line-grid-4 {
  left: 42px;
}
.grid-options ul li a .line-grid-5 {
  left: 48px;
}
.grid-options ul li a .line-grid-6 {
  left: 66px;
}
.grid-options ul li a .line-grid-7 {
  left: 72px;
}
.grid-options ul li a .line-grid-8 {
  left: 78px;
}
.grid-options ul li a .line-grid-9 {
  left: 84px;
}
.grid-options ul li a .line-grid-10 {
  left: 103px;
}
.grid-options ul li a .line-grid-11 {
  left: 109px;
}
.grid-options ul li a .line-grid-12 {
  left: 115px;
}
.grid-options ul li a .line-grid-13 {
  left: 121px;
}
.grid-options ul li a .line-grid-14 {
  left: 127px;
}
.grid-options ul li a .line-grid-15 {
  left: 133px;
}

.square-product-setting {
  height: 36px;
  vertical-align: middle;
}
.square-product-setting a {
  color: #051A1A;
}
.square-product-setting .icon-grid {
  padding: 7px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.square-product-setting .icon-grid svg {
  width: 20px;
  height: 20px;
}

.product-filter .banner-product {
  margin-top: 15px;
}
.product-filter h6 {
  margin-bottom: 15px;
}
.product-filter .color-selector {
  line-height: 0.9;
}
.product-filter .color-selector ul li {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #444;
  border-radius: 100%;
  cursor: pointer;
}
.product-filter .color-selector ul li.white {
  background-color: #fff;
}
.product-filter .color-selector ul li.gray {
  background-color: #FFFFFF;
}
.product-filter .color-selector ul li.black {
  background-color: #000;
}
.product-filter .color-selector ul li.orange {
  background-color: #ffb17a;
}
.product-filter .color-selector ul li.green {
  background-color: #6fb866;
}
.product-filter .color-selector ul li.pink {
  background-color: pink;
}
.product-filter .color-selector ul li.yellow {
  background-color: #f2f896;
}
.product-filter .color-selector ul li.blue {
  background-color: #63b4f2;
}
.product-filter .color-selector ul li.red {
  background-color: #ff647f;
}
.product-filter.new-products {
  margin-top: 20px;
}
.product-filter.new-products button {
  width: auto;
}
.product-filter.new-products .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -46px;
  right: 0;
}
.product-filter.new-products .owl-theme .owl-nav button:focus {
  outline: transparent;
}
.product-filter.new-products .owl-theme .owl-nav button span {
  font-size: 20px;
}
.product-filter.new-products .owl-theme .owl-nav button span:focus {
  outline-color: transparent;
}
.product-filter.new-products .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
  color: inherit;
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
  padding: 25px 0;
}
.product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
  margin-top: 15px;
}

.select2-drpdwn-product .form-control {
  border: none;
  -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
          box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px;
}

.feature-products form .form-group {
  position: relative;
}
.feature-products form .form-group input {
  margin-bottom: 15px;
  border: none;
  -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
          box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  height: 50px;
  padding-left: 30px;
}
.feature-products form .form-group i {
  position: absolute;
  top: 18px;
  right: 30px;
  color: #898989;
}

.product-box {
  border-radius: 10px;
  overflow: hidden;
}
.product-box .product-details {
  padding: 15px 25px;
}
.product-box .product-details > a {
  color: #051A1A;
}
.product-box .product-details p {
  margin-bottom: 0;
  opacity: 0.8;
}
.product-box .product-details h4 {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}
.product-box .product-details h6 {
  color: #051A1A;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.product-box .product-details span {
  color: #898989;
}
.product-box .product-details .rating i {
  font-size: 16px;
  letter-spacing: 3px;
  color: #ffa800;
}
.product-box .modal .modal-header .product-box .product-details {
  padding: 25px 15px;
}
.product-box .modal .modal-header .product-box .product-details h6 {
  text-transform: capitalize;
}
.product-box .modal .modal-header .product-box .product-details .product-price {
  font-size: 22px;
  margin-bottom: 10px;
}
.product-box .modal .modal-header .product-box .product-details .product-view {
  padding: 20px 0;
  border-top: 1px dotted #59667a;
  border-bottom: 1px dotted #59667a;
}
.product-box .modal .modal-header .product-box .product-details .product-size {
  margin: 20px 0;
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li {
  display: inline-block;
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
  margin-bottom: 20px;
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
  width: 35%;
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
  padding: 5px 12px;
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
  background-color: #59667a !important;
  border: 1px solid #59667a !important;
}
.product-box .modal .modal-header .btn-close {
  position: absolute;
  right: 26px;
  top: 22px;
}
.product-box .product-img {
  position: relative;
}
.product-box .product-img .product-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 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: rgba(0, 0, 0, 0.3);
  opacity: 0;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-box .product-img .product-hover ul li {
  display: inline-block;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
  padding: 10px 13px;
  background-color: #fff;
  font-size: 18px;
  border-radius: 10px;
  height: 45px;
  width: 45px;
  margin: 0 3px;
  cursor: pointer;
}
.product-box .product-img .product-hover ul li i {
  color: #59667a;
  font-size: 18px;
}
.product-box .product-img .product-hover ul li .btn {
  padding: 0;
}
.product-box .product-img .product-hover ul li:hover {
  background-color: var(--theme-deafult);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
  border: none !important;
}
.product-box .product-img .product-hover ul li:hover .btn,
.product-box .product-img .product-hover ul li:hover i {
  color: #fff;
}
.product-box:hover .product-hover {
  opacity: 1;
  border-radius: 0%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.product-page-main {
  padding: 30px;
}
.product-page-main .owl-item .item {
  border: 1px solid #E6E9EB;
  border-radius: 5px;
  background-color: #f8f8f8;
}
.product-page-main .owl-item.current .item {
  border: 1px solid var(--theme-deafult);
}
.product-page-main .product-slider {
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  .product-page-main .product-slider img {
    height: 520px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1500px) {
  .product-page-main .product-slider img {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.product-page-main .product-color {
  margin-top: 10px;
}

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px;
}
.product-page-details span {
  padding-left: 15px;
}

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome;
}

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult);
}
.product-price del {
  color: rgba(44, 50, 63, 0.4);
  padding-left: 10px;
  font-size: 80%;
}

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px;
}

.product-page-main p {
  font-size: 15px;
}
.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500;
}

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block;
}
.payment-opt li img {
  height: 20px;
  margin: 15px 15px 0 0;
}

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto;
  }
}
/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0;
}
.email-wrap .row .col-xl-6 {
  padding-left: 0;
}
.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left;
}
[dir=rtl] .email-wrap .dropdown .dropdown-toggle {
  text-align: right;
}
.email-wrap .dropdown .dropdown-toggle:after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f107";
  border: none;
  font-family: "FontAwesome";
  font-size: 18px;
  margin: 0;
}
[dir=rtl] .email-wrap .dropdown .dropdown-toggle:after {
  right: unset;
  left: 10px;
}
.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #f5f5f5;
  background: #fff;
  line-height: 19px;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #fff;
}
.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa;
}
.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left;
}
.email-wrap .email-app-sidebar .main-menu > li a {
  line-height: 39px;
  text-transform: uppercase;
  border-radius: 3px;
}
.email-wrap .email-app-sidebar .main-menu > li a i {
  margin-right: 10px;
}
.email-wrap .email-app-sidebar .main-menu > li a.active > a {
  color: #000;
}
.email-wrap .email-app-sidebar .main-menu > li a:hover {
  background-color: #f5f6f9;
  text-decoration: none;
}
.email-wrap .email-app-sidebar ul li button {
  color: #fff;
}
.email-wrap .email-app-sidebar ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.email-wrap .email-app-sidebar ul li a > .title {
  width: 100%;
  color: #2c323f;
}
.email-wrap .email-app-sidebar ul li a > .badge {
  -ms-flex-item-align: center;
      align-self: center;
  color: #898989;
}
.email-wrap .email-left-aside {
  float: left;
  width: 100%;
}
.email-wrap .email-left-aside .card-body {
  padding: 20px;
}
@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0;
  }
  [dir=rtl] .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 12px;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0;
  }
  [dir=rtl] .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 12px;
    padding-right: 0;
  }
}
.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto;
}
@media (max-width: 1199.98px) {
  .email-wrap .email-right-aside .email-body .inbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.email-wrap .email-right-aside .email-body .inbox .media {
  padding: 20px;
}
.email-wrap .email-right-aside .email-body .inbox .media.active {
  background-color: #f1f3f4;
}
.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%;
}
.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important;
}
.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600;
}
.email-wrap .media-body {
  margin-top: 5px;
}
.email-wrap .media-body h6 {
  margin-bottom: 2px;
  color: #242934;
  margin-top: 3px;
}
.email-wrap .media-body h6 small {
  font-size: 12px;
}
.email-wrap .media-body h6 small span {
  color: #777777;
}
.email-wrap .media-body p {
  color: #898989;
  font-size: 12px;
}
.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px;
}
.email-wrap .email-top i {
  cursor: pointer;
}
.email-wrap .email-top h5 {
  margin-bottom: 0;
  padding: 12px 0;
}
.email-wrap .email-top .d-flex {
  padding: 13px 0;
}
.email-wrap .email-wrapper {
  padding: 20px;
}
.email-wrap .email-wrapper hr {
  margin-top: 0;
  margin-bottom: 20px;
}
.email-wrap .email-wrapper .d-inline-block {
  width: 100%;
}
.email-wrap .email-wrapper h6 {
  margin-bottom: 11px;
  float: left;
}
.email-wrap .email-wrapper .right-download {
  float: right;
}
.email-wrap .email-wrapper p + p {
  margin-bottom: 20px;
}
.email-wrap .email-wrapper h5 {
  margin-bottom: 20px;
}
.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px;
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa;
}
.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0;
}

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block;
}
.email-right-aside .email-list.hide {
  display: none;
}
.email-right-aside .email-read {
  display: none;
}
.email-right-aside .email-read.show {
  display: block;
}
.email-right-aside .modal-footer {
  text-align: end;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
  background-color: rgba(0, 102, 102, 0.1);
  color: var(--theme-deafult);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
  background-color: rgba(0, 102, 102, 0.1);
  color: var(--theme-deafult);
  border-radius: 5px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
  stroke: rgba(153, 153, 153, 0.8);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
  content: "";
  border-right: 3px solid var(--theme-deafult);
  position: absolute;
  top: 9px;
  width: 4px;
  right: 0;
  height: 35px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100px 0 0 100px;
}
[dir=rtl] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir=rtl] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
  right: unset;
  left: 0;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
    top: 8px;
    height: 28px;
  }
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
  width: 18px;
  height: 18px;
  stroke: rgba(153, 153, 153, 0.8);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
  width: calc(100% - 13px - 18px);
  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;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    font-size: 15px;
  }
}
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar span {
    padding: 3px 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
  padding: 15px;
  background-color: var(--theme-deafult);
  color: var(--white);
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
  content: unset;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
  font-size: 13px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px;
  }
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px;
  }
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px;
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px;
}
.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .email-main-wrapper .email-app-sidebar .emailbox.btn {
    padding: 7px;
  }
}
.email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-right: 12px;
}
[dir=rtl] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-right: unset;
  padding-left: 12px;
}

.email-body .mail-header-wrapper {
  padding: 16px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
          box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  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;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper {
    padding: 12px;
  }
}
@media (max-width: 600px) {
  .email-body .mail-header-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 420px) {
  .email-body .mail-header-wrapper .mail-header .form-check {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 9px;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
    margin-right: 8px;
    margin-top: 2px;
  }
  [dir=rtl] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
    margin-left: 8px;
    margin-right: unset;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--theme-deafult);
}
@media (max-width: 424px) {
  .email-body .mail-header-wrapper .mail-header ul {
    gap: 12px;
  }
}
@media (max-width: 351px) {
  .email-body .mail-header-wrapper .mail-header ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  color: var(--chart-text-color);
  position: relative;
  padding-bottom: 0;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header ul li a {
    padding: 7px;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a::before {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 0;
  background-color: var(--theme-deafult);
  height: 2px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
[dir=rtl] .email-body .mail-header-wrapper .mail-header ul li a::before {
  left: unset;
  right: 0;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header ul li a::before {
    bottom: -15px;
  }
}
@media (max-width: 991px) {
  .email-body .mail-header-wrapper .mail-header ul li a::before {
    bottom: -13px;
  }
}
@media (max-width: 351px) {
  .email-body .mail-header-wrapper .mail-header ul li a::before {
    bottom: -2px;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a.active {
  color: var(--theme-deafult);
}
.email-body .mail-header-wrapper .mail-header ul li a.active::before {
  width: 100%;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.email-body .mail-header-wrapper .mail-header ul li a svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 424px) {
  .email-body .mail-header-wrapper .mail-header ul li a svg {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 1500px) {
  .email-body .mail-header-wrapper .mail-body {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
@media (max-width: 600px) {
  .email-body .mail-header-wrapper .mail-body {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search {
  position: relative;
}
@media (max-width: 1500px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 55%;
  }
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 48%;
  }
}
@media (max-width: 1400px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control {
  display: inline-block;
  padding: 8px 30px;
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--chart-dashed-border);
}
@media (max-width: 1504px) {
  .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    max-width: 165px;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search i {
  position: absolute;
  top: 12px;
  left: 11px;
}
[dir=rtl] .email-body .mail-header-wrapper .mail-body .mail-search i {
  left: 0;
  right: 11px;
}
.email-body .mail-header-wrapper .mail-body .light-square i {
  color: var(--body-font-color);
}
.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  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;
}
@media (max-width: 992px) {
  .email-body .light-square {
    width: 34px;
    height: 35px;
  }
}
.email-body .light-square.dropdown-toggle::after {
  content: "";
  display: none;
}
.email-body .light-square .dropdown-menu .dropdown-item {
  border-top: 0;
}
.email-body .light-square .dropdown-menu .dropdown-item:hover {
  background-color: #E6E9EB;
}
.email-body .light-square .dropdown-menu .dropdown-item i {
  padding-right: 12px;
}
[dir=rtl] .email-body .light-square .dropdown-menu .dropdown-item i {
  padding-right: 0;
  padding-left: 12px;
}
.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border);
}
.email-body .mail-body-wrapper ul li:hover {
  background-color: var(--light-background);
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
  font-size: 18px;
}
@media (max-width: 375px) {
  .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
    font-size: 16px;
  }
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .show {
  display: block;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
  display: none;
}
@media (max-width: 460px) {
  .email-body .mail-body-wrapper ul li.inbox-data {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li:last-child {
  border-bottom: unset;
}
.email-body .mail-body-wrapper ul li .inbox-user {
  min-width: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 280px;
  }
}
@media (max-width: 576px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 260px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
  width: 18px;
  height: 18px;
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
  width: 50px;
  height: 50px;
  border: 2px solid var(--chart-dashed-border);
  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: 100%;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 355px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    display: none;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 100%;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
    width: 32px;
    height: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
  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;
  height: 100%;
  font-weight: 900;
  padding-top: 3px;
}
@media (max-width: 1200px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
    font-size: 13px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
  background-color: rgba(0, 172, 70, 0.3);
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
  border-radius: 100%;
  height: 38px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
    height: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 16px;
}
@media (max-width: 700px) {
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span {
  font-weight: 500;
  color: var(--chart-text-color);
  letter-spacing: 0.3;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
  font-weight: 400;
  line-height: 1.9;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
  border-radius: 20px;
}
@media (max-width: 1236px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
    margin-bottom: 5px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
  margin-bottom: 0;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 80px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 18px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
  color: var(--body-font-color);
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-options {
    height: 18px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
  display: block;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
  display: none;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options i {
  color: var(--body-font-color);
}
.email-body .mail-body-wrapper ul li.page-item {
  padding: 0;
}
.email-body .mail-body-wrapper .hidden {
  display: none !important;
}
.email-body .mail-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding: 16px;
}
.email-body .mail-pagination .pagination-button,
.email-body .mail-pagination .pagination-number {
  padding: 0px 12px;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  border: unset;
}
.email-body .mail-pagination .pagination-button.disabled {
  background-color: var(--light-background);
  color: var(--chart-text-color);
  opacity: 1;
}
.email-body .mail-pagination .pagination-number {
  padding: 6px 12px;
}
.email-body .mail-pagination .pagination-number.active {
  background-color: var(--theme-deafult);
  color: var(--white);
}
.email-body .mail-pagination .pagination-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.compose-modal form .form-control {
  position: relative;
}
.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px;
}
[dir=rtl] .compose-modal form .add-bcc {
  right: unset;
  left: 16px;
}
.compose-modal form .add-bcc .btn {
  padding: 5px 8px;
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult);
}

.mail-header-wrapper.header-wrapper1 {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
@media (max-width: 440px) {
  .mail-header-wrapper.header-wrapper1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.mail-header-wrapper .mail-header1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.mail-header-wrapper .mail-header1 span {
  font-weight: 500;
  color: var(--body-font-color);
}
.mail-header-wrapper .mail-header1 .btn-email {
  width: 20px;
  height: 20px;
  stroke: var(--body-font-color);
}
.mail-header-wrapper .mail-body1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.mail-header-wrapper .mail-body1 svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 480px) {
  .mail-header-wrapper .mail-body1 svg {
    width: 18px;
    height: 18px;
  }
}

.mail-body-wrapper .user-mail-wrapper {
  padding: 16px;
}
.mail-body-wrapper .user-mail-wrapper .user-title {
  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;
  border-bottom: 1px solid var(--chart-dashed-border);
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 12px;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-bottom: 12px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
  width: 50px;
  height: 50px;
  border: 2px solid var(--chart-dashed-border);
  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: 100%;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
  height: 38px;
  border-radius: 100%;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--text-gray);
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
  width: 16px;
  height: 16px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
  padding: 16px;
  -webkit-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
          box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  min-width: 350px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
  margin-bottom: 8px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
  margin-bottom: 0;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
  color: var(--body-font-color);
}
@media (max-width: 475px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
    left: -27px;
  }
  [dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
    left: unset;
    right: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
    left: -70px;
  }
  [dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
    left: unset;
    right: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
    min-width: 270px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
  top: 30px;
  z-index: 1;
}
[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
  left: unset;
  right: 0;
}
@media (max-width: 575px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 475px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    left: -27px;
  }
  [dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    left: unset;
    right: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    left: -70px;
  }
  [dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    left: unset;
    right: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    min-width: 270px;
  }
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
    padding-bottom: 0;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
  color: var(--chart-text-color);
}
@media (max-width: 623px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
    display: none;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
  width: 18px;
  height: 18px;
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
  content: unset;
}
.mail-body-wrapper .user-mail-wrapper .user-body {
  padding: 14px 0;
  border-bottom: 1px solid var(--chart-dashed-border);
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
  padding-bottom: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
  line-height: 1.8;
  margin-bottom: 10px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
  padding-top: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
  padding-bottom: 0;
}
.mail-body-wrapper .user-mail-wrapper .user-footer {
  padding: 14px 0;
  border-bottom: 1px solid var(--chart-dashed-border);
}
.mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  cursor: pointer;
}
.mail-body-wrapper .user-mail-wrapper .user-footer svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--text-gray);
}
@media (max-width: 480px) {
  .mail-body-wrapper .user-mail-wrapper .user-footer svg {
    width: 18px;
    height: 18px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding: 12px;
  background-color: var(--light-background);
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
  height: 36px;
}
.mail-body-wrapper .user-mail-wrapper .send-btn {
  text-align: end;
  padding-top: 14px;
}
.mail-body-wrapper .user-mail-wrapper .send-btn i {
  margin-left: 8px;
  font-size: 12px;
}
[dir=rtl] .mail-body-wrapper .user-mail-wrapper .send-btn i {
  margin-left: 0;
  margin-right: 8px;
}

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px;
}
.toolbar-box .ql-toolbar.ql-snow {
  border: 0;
}
.toolbar-box .ql-container.ql-snow {
  border: 0;
  min-height: 100px;
}
[dir=rtl] .toolbar-box .ql-editor {
  text-align: right;
}
.toolbar-box .ql-editor p:nth-child(3) {
  margin: 12px 0;
}
.toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
  margin: 12px 0;
}
.toolbar-box .ql-bold:hover,
.toolbar-box .ql-italic:hover,
.toolbar-box .ql-underline:hover,
.toolbar-box .ql-strike:hover,
.toolbar-box .ql-list:hover,
.toolbar-box .ql-stroke:hover,
.toolbar-box .ql-indent:hover,
.toolbar-box .ql-link:hover,
.toolbar-box .ql-image:hover {
  color: var(--theme-deafult);
}
.toolbar-box .ql-bold:hover svg .ql-stroke,
.toolbar-box .ql-bold:hover svg .ql-fill,
.toolbar-box .ql-italic:hover svg .ql-stroke,
.toolbar-box .ql-italic:hover svg .ql-fill,
.toolbar-box .ql-underline:hover svg .ql-stroke,
.toolbar-box .ql-underline:hover svg .ql-fill,
.toolbar-box .ql-strike:hover svg .ql-stroke,
.toolbar-box .ql-strike:hover svg .ql-fill,
.toolbar-box .ql-list:hover svg .ql-stroke,
.toolbar-box .ql-list:hover svg .ql-fill,
.toolbar-box .ql-stroke:hover svg .ql-stroke,
.toolbar-box .ql-stroke:hover svg .ql-fill,
.toolbar-box .ql-indent:hover svg .ql-stroke,
.toolbar-box .ql-indent:hover svg .ql-fill,
.toolbar-box .ql-link:hover svg .ql-stroke,
.toolbar-box .ql-link:hover svg .ql-fill,
.toolbar-box .ql-image:hover svg .ql-stroke,
.toolbar-box .ql-image:hover svg .ql-fill {
  stroke: var(--theme-deafult);
}
.toolbar-box .ql-bold button.ql-active .ql-stroke,
.toolbar-box .ql-italic button.ql-active .ql-stroke,
.toolbar-box .ql-underline button.ql-active .ql-stroke,
.toolbar-box .ql-strike button.ql-active .ql-stroke,
.toolbar-box .ql-list button.ql-active .ql-stroke,
.toolbar-box .ql-stroke button.ql-active .ql-stroke,
.toolbar-box .ql-indent button.ql-active .ql-stroke,
.toolbar-box .ql-link button.ql-active .ql-stroke,
.toolbar-box .ql-image button.ql-active .ql-stroke {
  stroke: var(--theme-deafult);
}

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important;
}
[dir=rtl] #editor .ql-editing,
[dir=rtl] #editor1 .ql-editing {
  left: 0;
  right: 60.375px !important;
}
#editor .ql-editing.ql-out-bottom,
#editor1 .ql-editing.ql-out-bottom {
  visibility: visible !important;
}
#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important;
}
[dir=rtl] #editor .ql-tooltip,
[dir=rtl] #editor1 .ql-tooltip {
  left: 0;
  right: 35.9688px !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip,
  #editor1 .ql-tooltip {
    left: 2.9688px !important;
  }
  [dir=rtl] #editor .ql-tooltip,
  [dir=rtl] #editor1 .ql-tooltip {
    left: 0;
    right: 2.9688px !important;
  }
}
#editor .ql-tooltip.ql-out-bottom,
#editor1 .ql-tooltip.ql-out-bottom {
  visibility: visible !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip.ql-out-bottom input[type=text],
  #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
    width: 94px;
  }
}

.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer;
}
.important-mail:active, .important-mail.active {
  fill: #FFAE1A;
  stroke: #FFAE1A;
}

.bookmark-box {
  stroke: var(--chart-text-color);
}
.bookmark-box:active, .bookmark-box.active {
  stroke: var(--theme-deafult);
}

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500;
}

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  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;
  min-height: 100vh;
  text-align: center;
}
.error-wrapper.maintenance-bg {
  background-image: url(../images/other-images/maintenance-bg.jpg);
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: overlay;
}
.error-wrapper .maintenance-icons li i {
  color: #59667a;
  font-size: 50px;
  animation: rotate-effect 40s infinite linear reverse;
}
.error-wrapper .maintenance-icons li:nth-child(2) i {
  font-size: 100px;
  margin-left: 110px;
  margin-top: -25px;
  -webkit-animation: reverse-rotate-effect 40s linear infinite;
          animation: reverse-rotate-effect 40s linear infinite;
}
.error-wrapper .maintenance-icons li:nth-child(3) i {
  -webkit-animation: rotate-effect 30s infinite linear;
          animation: rotate-effect 30s infinite linear;
  font-size: 150px;
  margin-top: -85px;
  margin-right: 120px;
}
@-webkit-keyframes rotate-effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes reverse-rotate-effect {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes reverse-rotate-effect {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.error-wrapper .maintenance-heading {
  margin-top: 70px;
}
.error-wrapper .maintenance-heading .headline {
  font-size: 99px;
  font-weight: 900;
  letter-spacing: 10px;
  color: var(--theme-deafult);
  z-index: 2;
  position: relative;
  margin-top: -70px;
}
.error-wrapper .error-heading {
  margin-top: 115px;
}
.error-wrapper .error-heading .headline {
  font-size: 285px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: -130px;
}
.error-wrapper .sub-content {
  font-size: 18px;
  color: #051A1A;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 35px;
  z-index: 3;
  position: relative;
  margin-top: 30px;
  margin-bottom: 0;
}
.error-wrapper .btn {
  margin-top: 40px;
}

.error {
  margin: 70px 0 100px;
  color: #000;
}
.error .error-title {
  font-size: 9.5rem;
  color: #fff;
  text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);
}
.error .line-bottom {
  width: 10%;
  height: 5px;
  background-color: #FFAE1A;
  border: none;
}
.error .c-white {
  color: #fff;
}
.error .error-btn {
  text-align: center;
}
.error .padd {
  padding: 10px 30px 10px 30px;
}
.error .btn-back-home {
  background-color: #E6E9EB;
  color: #000;
}
.error .btn-back-home:hover {
  background-color: #FFAE1A;
  color: #fff;
  -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
}
.error .btn-adnc-serc {
  background-color: #2c323f;
  color: #fff;
}
.error .btn-adnc-serc:hover {
  background-color: #FFAE1A;
  color: #fff;
  -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
}

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px;
}

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 5%;
}
.knowledgebase-search .form-inline {
  background-color: #fff;
  width: 500px;
  padding: 12px 50px;
  border-radius: 10px;
  border: 1px solid #E6E9EB;
  margin-top: 10px;
  position: relative;
}
.knowledgebase-search .form-inline ::-webkit-input-placeholder {
  color: rgba(5, 26, 26, 0.6);
}
.knowledgebase-search .form-inline ::-moz-placeholder {
  color: rgba(5, 26, 26, 0.6);
}
.knowledgebase-search .form-inline :-ms-input-placeholder {
  color: rgba(5, 26, 26, 0.6);
}
.knowledgebase-search .form-inline ::-ms-input-placeholder {
  color: rgba(5, 26, 26, 0.6);
}
.knowledgebase-search .form-inline ::placeholder {
  color: rgba(5, 26, 26, 0.6);
}
.knowledgebase-search .form-inline svg {
  position: absolute;
  left: 20px;
  width: 20px;
  top: 17px;
  stroke: rgba(5, 26, 26, 0.6);
}

.faq-widgets {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq-widgets .media-body h5 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}
.faq-widgets .media-body p {
  padding-right: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.faq-widgets svg {
  width: 150px;
  height: 150px;
  opacity: 0.5;
}

.header-faq {
  margin-bottom: 30px;
}
.header-faq h5 {
  font-weight: 600;
}

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px;
}
.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}
.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600;
}

.add-project.table td {
  vertical-align: middle;
}
.add-project .text-inherit {
  color: black;
}

.faq-accordion.default-according {
  margin-bottom: 30px;
}
.faq-accordion.default-according .card .btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-accordion.default-according .card .btn-link svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.faq-accordion.default-according .card .faq-header {
  position: relative;
  padding: 30px;
}
.faq-accordion.default-according .card .faq-header svg {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}
.faq-accordion.default-according .card .faq-header span {
  margin-top: 3px;
}
.faq-accordion.default-according .faq-body {
  padding: 20px !important;
}
.faq-accordion.default-according .card-mb-faq {
  margin-bottom: 30px;
}

.faq-title {
  margin: 30px 0;
}
.faq-title h6 {
  color: #999999;
  font-weight: 600;
}

.faq-form {
  position: relative;
}
.faq-form .search-icon {
  position: absolute;
  right: 12px;
  top: 9px;
  width: 20px;
  height: 20px;
}

.navigation-btn {
  margin-bottom: 20px;
}
.navigation-btn a {
  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;
}
.navigation-btn a svg {
  width: 15px;
  height: 15px;
}

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0;
}
.navigation-option ul li:hover {
  background-color: #fdfeff;
}
.navigation-option ul li a {
  padding-left: 40px;
  color: #051A1A;
}
.navigation-option ul li a svg {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 11px;
  left: 15px;
}

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  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;
  margin-right: 20px;
}
.updates-faq svg {
  width: 18px;
  height: 18px;
}

.updates-bottom-time p {
  margin-bottom: 2px;
}
.updates-bottom-time p + p {
  color: #999999;
}

.updates-faq-main {
  margin-bottom: 20px;
}
.updates-faq-main a {
  font-weight: 500;
}
.updates-faq-main:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important;
  }
  .faq-accordion.default-according .card .faq-header svg {
    right: 20px;
    top: 20px;
  }
  .navigation-option ul li {
    padding: 10px 10px 10px 0;
  }
  .navigation-option ul li a svg {
    top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px;
  }
  .faq-widgets svg {
    width: 60px;
    height: 60px;
  }
  .faq-title {
    margin: 15px 0;
  }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .faq-accordion {
    margin-bottom: 0px;
  }
  .faq-accordion .faq-header {
    padding: 15px !important;
  }
  .faq-accordion .faq-header .pull-right {
    float: right;
  }
  .faq-accordion .faq-header svg {
    right: 15px;
    top: 15px;
  }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px;
  }
}
/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -10px;
}
.files-content li {
  margin-right: 20px;
  margin-bottom: 10px;
}
.files-content li .files-list .file-left {
  background-color: rgba(0, 102, 102, 0.05);
  border: 1px solid #ecf3fa;
  padding: 18px 22px;
  border-radius: 5px;
}

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important;
}
.file-sidebar .card .card-body .file-manager,
.file-sidebar .card .card-header .file-manager,
.file-content .card .card-body .file-manager,
.file-content .card .card-header .file-manager {
  padding-top: unset !important;
}
.file-sidebar .card .card-body .form-group input,
.file-sidebar .card .card-header .form-group input,
.file-content .card .card-body .form-group input,
.file-content .card .card-header .form-group input {
  line-height: 0;
}

.file-manager .folder {
  margin-bottom: -12px;
}
.file-manager .folder li:nth-child(n+2) {
  margin-left: 12px;
  margin-bottom: 12px;
}
.file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
  margin-left: 0;
}

.file-sidebar ul li + li {
  margin-top: 8px;
}
.file-sidebar .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px;
  font-weight: 400;
}
.file-sidebar .btn.btn-light:hover {
  color: #006666 !important;
}
.file-sidebar .btn.btn-light:hover svg {
  stroke: #006666;
}
.file-sidebar .btn svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden;
}
.file-sidebar .pricing-plan h6 {
  font-size: 14px;
  margin-bottom: 2px;
  color: #898989;
}
.file-sidebar .pricing-plan h5 {
  font-weight: 500;
  font-size: 20px;
}
.file-sidebar .pricing-plan p {
  margin-bottom: 5px;
  color: #898989;
}
.file-sidebar .pricing-plan .btn {
  display: inline-block;
  font-size: 12px;
}
.file-sidebar .pricing-plan .bg-img {
  position: absolute;
  top: 40px;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: -40px;
}

.file-manager h5 {
  font-size: 18px;
  font-weight: 600;
}
.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px;
}
.file-manager .files-gap {
  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;
  gap: 5px;
}
.file-manager .files-gap.list-group {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0;
}

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px;
}

.files-content,
.quick-file {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.quick-file {
  margin-bottom: -10px;
}
.quick-file li {
  margin-right: 20px;
  margin-bottom: 10px;
}
.quick-file li h6 {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin-top: 8px;
}
.quick-file li .quick-box {
  background-color: rgba(0, 102, 102, 0.05);
  border: 1px solid #ecf3fa;
  padding: 20px 24px;
  border-radius: 5px;
}
.quick-file li .quick-box i {
  font-size: 30px;
  margin-right: 0;
}

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400;
}
.file-content .folder-box .files-list i {
  margin-right: 0;
}
.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7;
}
.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px;
}
.file-content .form-inline i {
  padding-right: 10px;
  color: #898989;
  line-height: 3;
}
.file-content .form-inline input::-webkit-input-placeholder {
  color: #898989;
}
.file-content .form-inline input:focus {
  outline: none !important;
}
.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px;
}
.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px;
}
.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px;
}
.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px;
}
.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1;
}
.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative;
}
.file-content .folder .folder-box h6 {
  font-size: 16px;
}
.file-content .folder .folder-box .ellips {
  top: 22px;
  right: 22px;
}
.file-content .folder .folder-box:nth-child(1) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 100000ms;
          animation: fadeIncustom 0.5s linear 100000ms;
}
.file-content .folder .folder-box:nth-child(2) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 200000ms;
          animation: fadeIncustom 0.5s linear 200000ms;
}
.file-content .folder .folder-box:nth-child(3) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 300000ms;
          animation: fadeIncustom 0.5s linear 300000ms;
}
.file-content .folder .folder-box:nth-child(4) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 400000ms;
          animation: fadeIncustom 0.5s linear 400000ms;
}
.file-content .folder .folder-box:nth-child(5) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 500000ms;
          animation: fadeIncustom 0.5s linear 500000ms;
}
.file-content .folder .folder-box:nth-child(6) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 600000ms;
          animation: fadeIncustom 0.5s linear 600000ms;
}
.file-content .folder .folder-box:nth-child(7) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 700000ms;
          animation: fadeIncustom 0.5s linear 700000ms;
}
.file-content .folder .folder-box:nth-child(8) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 800000ms;
          animation: fadeIncustom 0.5s linear 800000ms;
}
.file-content .folder .folder-box:nth-child(9) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 900000ms;
          animation: fadeIncustom 0.5s linear 900000ms;
}
.file-content .folder .folder-box:nth-child(10) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1000000ms;
          animation: fadeIncustom 0.5s linear 1000000ms;
}
.file-content .folder .folder-box:nth-child(11) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1100000ms;
          animation: fadeIncustom 0.5s linear 1100000ms;
}
.file-content .folder .folder-box:nth-child(12) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1200000ms;
          animation: fadeIncustom 0.5s linear 1200000ms;
}
.file-content .folder .folder-box:nth-child(13) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1300000ms;
          animation: fadeIncustom 0.5s linear 1300000ms;
}
.file-content .folder .folder-box:nth-child(14) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1400000ms;
          animation: fadeIncustom 0.5s linear 1400000ms;
}
.file-content .folder .folder-box:nth-child(15) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1500000ms;
          animation: fadeIncustom 0.5s linear 1500000ms;
}

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center;
  }
  .file-content .folder .folder-box .d-flex .flex-grow-1 {
    margin-left: 0 !important;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px;
  }
  .file-content .folder .folder-box {
    margin-bottom: 10px;
    margin-right: 0;
    padding: 13px;
  }
  .file-content .folder .folder-box .media i {
    font-size: 30px;
  }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0;
  }
  .file-sidebar .btn {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px;
  }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px;
  }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px;
  }
  .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px;
  }
  .file-content .folder {
    margin-bottom: -10px;
  }
  .file-content .folder .folder-box {
    width: calc(50% - 20px);
    margin-bottom: 10px;
    margin-right: 8px;
  }
  [dir=rtl] .file-content .folder .folder-box {
    margin-right: 0px;
  }
  .file-content .folder .folder-box:nth-child(odd) {
    margin-left: 0;
  }
}
@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: 100%;
    margin-right: unset;
  }
  .file-content h4 {
    font-size: 20px;
  }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px;
  }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0;
  }
  .file-manager > h6 {
    font-size: 14px;
  }
}
/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%;
}

.gallery {
  margin-bottom: -30px;
}
.gallery > a {
  margin-bottom: 30px;
}
.gallery > a:before {
  content: "\edee";
  font-family: IcoFont;
  position: absolute;
  height: calc(100% - 10px);
  left: 20px;
  width: calc(100% - 40px);
  background-color: rgba(255, 255, 255, 0.27);
  top: 5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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: 30px;
  color: #000;
}
.gallery > a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery > a .img-thumbnail {
  border-radius: 0;
}

.gallery-with-description {
  margin-bottom: -30px;
}
.gallery-with-description a > div {
  padding: 10px;
  border: 1px solid #e4e6ec;
  margin-bottom: 30px;
  border-radius: 0 0 5px 5px;
}
.gallery-with-description a:hover {
  text-decoration: none !important;
}
.gallery-with-description h4 {
  color: #2c323f;
  margin-top: 15px;
  font-size: 18px;
  margin-bottom: 5px;
}
.gallery-with-description p {
  color: #a3a3a3;
}

.lg-backdrop {
  background-color: #fff;
}

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: rgb(255, 255, 255);
  border: 1px solid #efefef;
}
.lg-outer .lg-actions .lg-next:hover,
.lg-outer .lg-actions .lg-prev:hover {
  color: #2c323f;
}
.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f;
}
.lg-outer .lg-toolbar .lg-icon:hover {
  color: #2c323f;
}
.lg-outer #lg-counter {
  color: #2c323f;
}
.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45);
}
.lg-outer .lg-sub-html h4 {
  font-size: inherit;
  color: #2c323f;
}
.lg-outer .lg-sub-html p {
  color: #2c323f;
}
.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa;
}
.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0;
}
.lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
  border-color: #000;
}

.gallery a:before, .gallery a:after {
  content: none;
}
.gallery .img-hover > div {
  overflow: hidden;
}
.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-1 img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.gallery .hover-2:hover img {
  -webkit-transform: translateX(40px) scale(1.2);
          transform: translateX(40px) scale(1.2);
}
.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-5:hover img {
  margin-left: 0;
}
.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0);
}
.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0);
}
.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px);
}
.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.gallery .hover-11:hover img {
  opacity: 0.5;
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.gallery .hover-14 div {
  position: relative;
}
.gallery .hover-14 div:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.gallery .hover-14 div:hover:before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
.gallery .hover-15 div {
  position: relative;
}
.gallery .hover-15 div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.gallery .hover-15 div:hover:before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:after, *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid {
  position: relative;
}

/* clear fix */
.grid:after {
  content: "";
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0;
}

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.helper-common-box:last-child {
  margin-bottom: 0;
}
.helper-common-box.helper-p-wrapper {
  gap: 12px;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.border-wrapper {
  padding: 20px;
}

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%;
}
.helper-box.helper-text {
  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;
  font-weight: 900;
}

.helper-radius {
  width: 60px;
  height: 30px;
}

.fill-wrapper {
  background-color: #E6E9EB;
}

.gradient-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1200px) {
  .gradient-border {
    gap: calc(13px + 9 * (100vw - 320px) / 880);
  }
}

.radius-wrapper {
  background-color: #efefef;
}

.font-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
}

.helper-padding {
  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;
}

.helper-p-box {
  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;
}
.helper-p-box span {
  color: var(--body-font-color);
}

.common-p-box {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative;
}

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent;
}

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px;
  }
  .language-xs {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important;
  }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0;
  }
}
/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px;
}
.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px;
}

.location-checkbox span {
  color: #999999;
  padding-left: 33px;
}
[dir=rtl] .location-checkbox span {
  padding-left: unset;
  padding-right: 33px;
}

.job-accordion .card {
  margin-bottom: 30px;
}
.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.job-search p {
  margin-top: 14px;
}
.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px;
}
.job-search .d-flex .flex-grow-1 h6 span {
  font-size: 13px;
  color: #999999;
  font-weight: normal;
}
.job-search .d-flex .flex-grow-1 h6 span.badge {
  color: #fff;
}
.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999;
}
.job-search .job-description {
  margin-top: 30px;
}
.job-search .job-description button span {
  color: #fff;
}
.job-search .job-description h6 {
  font-weight: 600;
  margin-bottom: 30px;
}
.job-search .job-description p {
  margin-top: 0;
  margin-bottom: 6px;
}
.job-search .job-description ul {
  list-style-type: disc;
  list-style-position: inside;
}
.job-search .job-description ul li {
  margin-bottom: 10px;
}
.job-search .job-description ul li:last-child {
  margin-bottom: 0;
}
.job-search .job-description .theme-form {
  margin-top: 30px;
  margin-bottom: 30px;
}
.job-search .job-description .theme-form .row div[class^=col-] + div[class^=col-] .select2-container {
  margin-top: 18px;
}
.job-search .job-description .theme-form .row div[class^=col-] .job-select2 ~ .select2-container {
  margin-top: 0 !important;
}
.job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here {
  font-size: 14px;
  border: 1px solid #efefef;
  padding-top: 12px;
  padding-bottom: 12px;
}

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 38px !important;
  padding: 10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 17px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px !important;
}

.job-pagination {
  margin-bottom: 30px;
}
.job-pagination nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important;
  }
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 20px;
  }
  .filter-cards-view .checkbox-animated {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .job-accordion .animate-chk {
    padding: 20px !important;
  }
  .job-search > p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important;
  }
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 15px;
  }
  .filter-cards-view .checkbox-animated {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .job-accordion .animate-chk {
    padding: 15px !important;
  }
  .job-search p {
    margin-top: 15px;
  }
  .job-search .d-flex {
    display: block;
    text-align: center;
  }
  .job-search .d-flex .flex-grow-1 h6 .pull-right {
    float: none;
    margin-top: 3px;
    display: block;
  }
  .job-search .d-flex .flex-grow-1 h6 a {
    display: block;
  }
  .job-search .d-flex .flex-grow-1 p span + span {
    display: block;
    color: #E6E9EB;
  }
  .job-search .d-flex img {
    margin-bottom: 15px;
  }
  .job-search .d-flex .m-r-20 {
    margin-right: 0;
  }
  .job-search .job-description {
    margin-top: 15px;
  }
  .job-search .job-description .theme-form {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .job-search .job-description .theme-form .row div[class^=col-] + div[class^=col-] .select2-container {
    margin-top: 2px;
  }
  .job-search .job-description .theme-form .xs-mt-period {
    margin-top: 15px;
  }
  .job-pagination {
    margin-bottom: 15px;
  }
  .xl-mt-job {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px;
  }
}
.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px;
}

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem;
}
.jsgrid .jsgrid-pager-container {
  text-align: right;
}
.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
  margin-right: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
  border-radius: 5px 0 0 5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
  margin-left: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
  border-radius: 0 5px 5px 0;
}
.jsgrid .jsgrid-pager [class*=jsgrid-pager] {
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  border: 1px solid #E6E9EB;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #2c323f;
}
.jsgrid .jsgrid-pager .jsgrid-pager-current-page {
  color: #2c323f;
}
.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa;
}
.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500;
}

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px;
}
.jkanban-container .note a {
  display: contents;
}

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd;
}
.kanban-board-header.bg-info ~ .kanban-drag {
  background-color: rgba(23, 56, 120, 0.3) !important;
}
.kanban-board-header.bg-warning ~ .kanban-drag {
  background-color: rgba(255, 174, 26, 0.3) !important;
}
.kanban-board-header.bg-success ~ .kanban-drag {
  background-color: rgba(0, 172, 70, 0.3) !important;
}

.kanban-container {
  display: contents;
}

.kanban-board {
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
          box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(33.3333333333% - 30px) !important;
}
.kanban-board .kanban-drag {
  background: #F5F5F5;
}

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px;
}
.kanban-item .kanban-box .badge {
  line-height: 13px;
}
.kanban-item p {
  opacity: 0.7;
}
.kanban-item:last-child {
  margin-bottom: 0;
}
.kanban-item .list {
  display: inline-block;
  opacity: 0.4;
}
.kanban-item .list li {
  display: inline-block;
  font-size: 12px;
  padding: 0px 4px;
}
.kanban-item .list li i {
  margin-right: 8px;
}
.kanban-item .kanban-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  display: block;
  color: inherit;
  background-color: #fff;
}
.kanban-item .kanban-box:hover {
  color: inherit;
}
.kanban-item .kanban-box + .kanban-box {
  margin-top: 20px;
}
.kanban-item .kanban-box .badge {
  font-weight: 400;
}
.kanban-item .kanban-box h6 {
  font-size: 15px;
  margin-top: 5px;
  font-weight: 600;
  margin-bottom: 8px;
}
.kanban-item .kanban-box .dropdown {
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 20px;
}
.kanban-item .kanban-box .dropdown .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  text-align: left;
}
.kanban-item .kanban-box .dropdown svg {
  height: 14px;
}
.kanban-item .kanban-box .d-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kanban-item .kanban-box .dropdown-toggle:after {
  content: none;
}
.kanban-item .kanban-box .customers ul li + li {
  margin-left: -10px;
}
.kanban-item .kanban-box .date {
  font-size: 11px;
  opacity: 0.5;
}

footer {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .kanban-container .kanban-board {
    width: 320px !important;
  }
}
@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px;
  }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important;
  }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px;
  }
  .kanban-container .kanban-board {
    width: 270px !important;
  }
}
@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important;
  }
}
/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle;
}
.browse .browse-articles span:nth-child(2) {
  padding-left: 20px;
  font-weight: 400;
}
[dir=rtl] .browse .browse-articles span:nth-child(2) {
  padding-left: unset;
  padding-right: 20px;
}
.browse .browse-articles span svg {
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  position: absolute;
  left: 0;
  top: 4px;
}
[dir=rtl] .browse .browse-articles span svg {
  left: unset;
  right: 0;
}
.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px;
}
[dir=rtl] .browse .browse-articles h6 {
  padding-left: unset;
  padding-right: 40px;
}
.browse .browse-articles h6 span svg {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  top: 0;
  left: 22px;
}
.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px;
}
.browse .browse-articles ul li a {
  color: #051A1A;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.browse .browse-articles ul li:hover {
  background-color: #fdfeff;
}

@media only screen and (max-width: 1366px) {
  .browse div[class^=col-]:nth-child(3) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}
.badge.pull-right {
  padding-top: 8px;
}

.articles-icons svg {
  min-width: 18px;
}
.articles-icons .media-body h6 {
  margin-bottom: 8px;
}

.media.faq-widgets svg {
  min-width: 18px;
}

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
.cursor--hover .cursor-inner {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
.cursor--hover .cursor-outer {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  border-color: #006666;
  opacity: 1;
}

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px;
}

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
          box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  -webkit-transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.landing-page div canvas:first-child {
  display: none !important;
}

/* MESH LOADER */
@-webkit-keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 200%;
            transform-origin: 50% 200%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 200%;
            transform-origin: 50% 200%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 200%;
            transform-origin: 50% 200%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 200%;
            transform-origin: 50% 200%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-animation {
  0% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(1, 1, 1, 2deg);
            transform: rotate3d(1, 1, 1, 2deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
  75% {
    -webkit-transform: rotate3d(1, 1, 1, -2deg);
            transform: rotate3d(1, 1, 1, -2deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
}
@keyframes rotate-animation {
  0% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(1, 1, 1, 2deg);
            transform: rotate3d(1, 1, 1, 2deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
  75% {
    -webkit-transform: rotate3d(1, 1, 1, -2deg);
            transform: rotate3d(1, 1, 1, -2deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
            transform: rotate3d(1, 1, 1, 0deg);
  }
}
.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit;
}
.mesh-loader .circle {
  position: absolute;
  background: #006666;
  border-radius: 50%;
  margin: -3px;
  -webkit-animation: mesh 3s ease-in-out infinite -1.5s;
          animation: mesh 3s ease-in-out infinite -1.5s;
  width: 6px;
  height: 6px;
}
.mesh-loader > div .circle:last-child {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.mesh-loader > div {
  position: absolute;
  top: 50%;
  left: 50%;
}
.mesh-loader > div:last-child {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@-webkit-keyframes animloader14 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes animloader14 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
.feature-box {
  padding: 16px 22px;
  position: relative;
  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: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
@media (max-width: 575px) {
  .feature-box {
    padding: 20px;
  }
}
.feature-box img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-box:hover {
  background-color: #006666;
}
.feature-box:hover h5 {
  color: #fff;
}
.feature-box:hover p {
  color: #fff;
}
.feature-box:hover img {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-animation: swing 2s ease infinite;
          animation: swing 2s ease infinite;
}
.feature-box:hover .feature-icon {
  background-color: rgba(0, 102, 102, 0.08);
}
.feature-box h5 {
  padding-bottom: 11px;
}
.feature-box .feature-icon {
  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;
  position: absolute;
  border-radius: 17px;
  top: -20px;
  right: 22px;
  -webkit-box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2);
}
.feature-box .feature-icon div {
  height: 45px;
  width: 45px;
  border-radius: 17px;
  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: rgba(0, 102, 102, 0.08);
}

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06);
}
.feature-section .vector-image {
  top: 50px;
  right: -170px;
}
@media (max-width: 1674px) {
  .feature-section .vector-image {
    top: 60px;
    right: -160px;
  }
}
@media (max-width: 1600px) {
  .feature-section .vector-image {
    top: 0px;
    right: -20px;
  }
}
@media (max-width: 1655px) {
  .feature-section .vector-image {
    right: -130px;
  }
}
@media (max-width: 1595px) {
  .feature-section .vector-image {
    right: -6px;
    top: -10px;
  }
}
@media (max-width: 1399px) {
  .feature-section .vector-image {
    top: -6px;
    right: -10px;
  }
}
@media (max-width: 1199px) {
  .feature-section .vector-image {
    right: -12px;
  }
}
.feature-section .vector-image img {
  height: 370px;
}
@media (max-width: 1674px) {
  .feature-section .vector-image img {
    height: 340px;
  }
}
@media (max-width: 1655px) {
  .feature-section .vector-image img {
    height: 310px;
  }
}
@media (max-width: 1600px) {
  .feature-section .vector-image img {
    height: 300px;
  }
}
@media (max-width: 1399px) {
  .feature-section .vector-image img {
    height: 280px;
  }
}
.feature-section .round-gif {
  top: unset;
  bottom: 12%;
}
@media (max-width: 1660px) {
  .feature-section .round-gif {
    left: 0;
  }
}
@media (max-width: 1460px) {
  .feature-section .round-gif {
    bottom: unset;
    top: 6%;
  }
}
@media (max-width: 991px) {
  .feature-section .round-gif {
    top: -3%;
  }
}
@media (max-width: 575px) {
  .feature-section .round-gif {
    top: -2%;
  }
}
.feature-section .round-gif img {
  width: 105px;
  height: 105px;
}
@media (max-width: 1460px) {
  .feature-section .round-gif img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 575px) {
  .feature-section .round-gif img {
    width: 70px;
    height: 70px;
  }
}

.landing-page {
  color: #000248;
}
.landing-page .section-py-space {
  padding-top: 70px;
  padding-bottom: 70px;
}
.landing-page .section-py-space .title {
  margin-top: -5px;
  margin-bottom: 70px;
}
.landing-page .section-py-space .title h5 {
  color: #006666;
  text-align: center;
  font-family: Caveat;
  font-weight: 700;
  font-size: 20px;
}
.landing-page .section-py-space .title h2 {
  font-size: 40px;
  color: #051A1A;
  position: relative;
}
.landing-page .section-py-space .title h2::after {
  content: "";
  position: absolute;
  height: 5px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 51px;
  top: 60px;
  border-radius: 10px;
  background-color: #FE6A49;
}
.landing-page .section-py-space .title span {
  letter-spacing: 1.5px;
  color: rgba(5, 26, 26, 0.8);
}
.landing-page .section-py-space .support-title {
  z-index: 8;
  position: absolute;
  right: 50%;
  -webkit-transform: translate(36%);
          transform: translate(36%);
}
.landing-page .section-py-space .support-title h2 {
  font-weight: 700;
  font-size: 26px;
  text-align: end;
}
.landing-page .section-py-space .support-title .premium-button {
  text-align: end;
}
.landing-page .section-py-space .support-title p {
  letter-spacing: 1.5px;
  text-align: end;
  color: #86909C;
  margin-bottom: 0px;
  padding-bottom: 8px;
}
.landing-page .section-py-space .license-title h3 {
  position: absolute;
  top: 38%;
  left: 3%;
  -webkit-transform: translate(10%);
          transform: translate(10%);
  color: #006666;
  text-align: center;
  font-family: Caveat;
  font-weight: 700;
  font-size: 43px;
}
.landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid rgba(0, 102, 102, 0.65);
}
.landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
}
.landing-page .demo-section .down-loader {
  position: relative;
}
.landing-page .demo-section .down-loader img {
  position: absolute;
  top: 310px;
}
.landing-page .demo-section .demo-box {
  background-color: rgba(0, 102, 102, 0.06);
  padding: 0px 21px 20px;
  border-radius: 10px;
}
.landing-page .demo-section .demo-box .layout-name {
  padding: 18px 0px 18px 0px;
  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;
}
.landing-page .demo-section .demo-box .layout-name a {
  font-size: 17px;
  font-weight: 600;
  color: #006666;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
  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;
}
.landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  opacity: 0.5;
}
.landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
  background-color: #006666;
}
.landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
  background-color: #FE6A49;
}
.landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
  background-color: #FFAE1A;
}
.landing-page .demo-section .demo-box .demo-title {
  padding-top: 20px;
  text-align: center;
}
.landing-page .demo-section .demo-box .demo-title .btn {
  text-transform: capitalize;
  border: 1px solid #006666;
  padding: 8px 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
}
.landing-page .demo-section .demo-box .demo-title .btn:hover {
  background-color: #006666;
  color: #fff;
}
.landing-page .demo-section .demo-box .img-wrraper {
  overflow: hidden;
  position: relative;
  border: 2px solid rgba(230, 233, 235, 0.65);
  border-radius: 10px;
}
.landing-page .demo-section .demo-box .img-wrraper img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  padding: 6px;
}
.landing-page .demo-section .demo-box:hover .img-wrraper {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
}
.landing-page .demo-section .demo-block {
  margin-bottom: -30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.landing-page .demo-section .demo-block > div {
  margin-bottom: 30px;
}
.landing-page .application-section .app-box .img-wrraper img {
  border-radius: 10px;
  padding: 10px;
  background-color: rgba(0, 102, 102, 0.06);
  padding: 20px;
}
.landing-page .application-section .app-box .img-wrraper img:hover {
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
}
.landing-page .application-section .down-loader {
  position: relative;
}
.landing-page .application-section .down-loader img {
  position: absolute;
  top: 310px;
}
.landing-page .application-section .app-box {
  border-radius: 10px;
}
.landing-page .application-section .app-box .layout-name {
  padding: 18px 0px 18px 0px;
  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;
}
.landing-page .application-section .app-box .layout-name a {
  font-size: 17px;
  font-weight: 600;
  color: #006666;
}
.landing-page .application-section .app-box .layout-name .riho-demo-img ul {
  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;
}
.landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  opacity: 0.5;
}
.landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
  background-color: #006666;
}
.landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
  background-color: #FE6A49;
}
.landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
  background-color: #FFAE1A;
}
.landing-page .application-section .app-box .demo-title {
  padding-top: 20px;
  text-align: center;
}
.landing-page .application-section .app-box .demo-title .btn {
  text-transform: capitalize;
  border: none !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(-18.33%, rgba(13, 126, 126, 0.08)), color-stop(62.78%, rgba(0, 102, 102, 0.08))) !important;
  background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
  padding: 8px 15px;
  font-weight: 600;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #006666;
}
.landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
  background-color: #006666 !important;
  color: #fff !important;
}
.landing-page .application-section .app-box .img-wrraper {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.landing-page .application-section .app-box .img-wrraper img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  background-color: rgba(0, 102, 102, 0.06);
  padding: 20px;
}
.landing-page .application-section .app-box:hover .img-wrraper {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
}
.landing-page .application-section .demo-block {
  margin-bottom: -30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.landing-page .application-section .demo-block > div {
  margin-bottom: 30px;
}

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #fff;
}
.demo-section .demo-box.dashboard-images .img-wrraper img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 14px;
}
.demo-section .demo-box.dashboard-images .img-wrraper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: rgba(0, 102, 102, 0.09);
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  -webkit-transform: scale(0) rotate(-90deg);
          transform: scale(0) rotate(-90deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  z-index: 3;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
  display: inline-block;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
  margin-left: 10px;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
  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;
  width: 158px;
  height: 50px;
  border-radius: 12px;
  background-color: #fff;
}
.demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
  width: auto;
  height: 50%;
}
.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px;
}
.demo-section .demo-box.dashboard-images .demo-detail .demo-title {
  text-align: center;
}
.demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: -7px;
  color: #1A1C23;
}

.animate-slider .slick-slide img {
  width: 100%;
}

.text-marqee {
  height: 230px;
}
@media (max-width: 1199px) {
  .text-marqee {
    height: 166px;
  }
}
@media (max-width: 991px) {
  .text-marqee {
    height: 130px;
  }
}
@media (max-width: 767px) {
  .text-marqee {
    height: 95px;
  }
}
@media (max-width: 575px) {
  .text-marqee {
    height: 65px;
  }
}

.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  -webkit-animation: scrolling 40s linear infinite;
          animation: scrolling 40s linear infinite;
}
.marquee .marquee-name p {
  text-align: end;
}
.marquee .marquee-name p.big-title {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 60px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-background-clip: text;
  background-image: linear-gradient(26deg, rgb(0, 102, 102), rgba(13, 126, 126, 0.19));
  -webkit-text-stroke: 2px transparent;
}
@-webkit-keyframes scrolling {
  0% {
    -webkit-transform: translate(100vw);
            transform: translate(100vw);
  }
  100% {
    -webkit-transform: translate(-117vw);
            transform: translate(-117vw);
  }
}
@keyframes scrolling {
  0% {
    -webkit-transform: translate(100vw);
            transform: translate(100vw);
  }
  100% {
    -webkit-transform: translate(-117vw);
            transform: translate(-117vw);
  }
}

.f-light {
  color: #86909C;
}

.vector-image {
  position: absolute;
}
@media (max-width: 991px) {
  .vector-image {
    display: none;
  }
}

.loader-gif {
  right: 5%;
  top: 25%;
}
@media (max-width: 1199px) {
  .loader-gif {
    top: 32%;
  }
}
@media (max-width: 991px) {
  .loader-gif {
    right: 15px;
  }
}
@media (max-width: 575px) {
  .loader-gif {
    top: 28%;
  }
}

.loader-line-gif {
  right: 15%;
  top: 12%;
}
@media (max-width: 1660px) {
  .loader-line-gif {
    right: 5%;
  }
}
@media (max-width: 1399px) {
  .loader-line-gif {
    top: 10%;
    right: 0;
  }
}
@media (max-width: 1199px) {
  .loader-line-gif {
    top: 9%;
  }
}
@media (max-width: 991px) {
  .loader-line-gif {
    top: 0;
  }
}
.loader-line-gif img {
  width: 130px;
}
@media (max-width: 575px) {
  .loader-line-gif img {
    width: 80px;
  }
}

.rating-title {
  font-size: calc(14px + 6 * (100vw - 300px) / 1620);
  font-weight: normal;
}

.layout h5 {
  margin-bottom: 10px;
  opacity: 0.8;
  letter-spacing: 1.2px;
}
.layout .btn {
  padding: 0.15rem 0.5rem;
}

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px;
}

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px;
}
.testimonial-box .rating-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.testimonial-box h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.testimonial-box .text-end span {
  font-size: 13px;
}
.testimonial-box .customer-img {
  width: 60px;
  height: 60px;
  background: #FFFAFA;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  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;
  bottom: -25px;
}
.testimonial-box p {
  margin-bottom: 0;
}

.about-section .slick-slide {
  padding: 0 14px;
}

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto;
}
.testimonial-slider .slick-dots li button {
  background: rgba(82, 82, 108, 0.2);
  border-radius: 20px;
  height: 5px;
  width: 11px;
  padding: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.testimonial-slider .slick-dots li button::before {
  display: none;
}
.testimonial-slider .slick-dots li.slick-active button {
  background: #006666;
  border-radius: 20px;
  width: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  -webkit-box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25);
          box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25);
}
@media (max-width: 1399px) {
  .customer-box {
    padding: 40px 35px;
  }
}
@media (max-width: 1199px) {
  .customer-box {
    padding: 30px 25px;
  }
}
@media (max-width: 991px) {
  .customer-box {
    padding: 17px 13px;
  }
}
@media (max-width: 575px) {
  .customer-box {
    -webkit-box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25);
            box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25);
  }
}
.customer-box img {
  height: 70px;
  width: auto;
}
@media (max-width: 991px) {
  .customer-box img {
    height: 50px;
  }
}

.customer-wrapper {
  position: relative;
  padding: 12px;
}
@media (max-width: 767px) {
  .customer-wrapper {
    padding: 0;
  }
}
.customer-wrapper .outline-box {
  position: absolute;
  bottom: -6px;
  left: -5px;
}
@media (max-width: 1399px) {
  .customer-wrapper .outline-box {
    bottom: -1px;
    left: 0px;
  }
}
@media (max-width: 1199px) {
  .customer-wrapper .outline-box {
    bottom: -1px;
    left: -2px;
    width: 120%;
  }
}
@media (max-width: 767px) {
  .customer-wrapper .outline-box {
    display: none;
  }
}

.customer-wrap {
  margin: 0 -28px;
}
@media (max-width: 1199px) {
  .customer-wrap {
    margin: 0 -15px;
  }
}
@media (max-width: 991px) {
  .customer-wrap {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .customer-wrap {
    margin: -12px;
  }
}
.customer-wrap > div {
  padding: 0 28px;
}
@media (max-width: 1199px) {
  .customer-wrap > div {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .customer-wrap > div {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .customer-wrap > div {
    padding: 12px;
  }
}
@media (max-width: 1199px) {
  .customer-wrap > div:last-child .outline-box {
    width: 100%;
  }
}

.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px;
}
.demo-section .title h2, .feature-section .title h2 {
  color: #006666;
  font-size: 40px;
}
.demo-section .title span, .feature-section .title span {
  font-size: 15px;
  letter-spacing: 1.5px;
  color: rgba(5, 26, 26, 0.8);
}

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06);
}
.framework ul.framworks-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 45px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1px;
}
.framework ul.framworks-list li {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 222px;
  gap: 10px;
  padding: 12px 20px 12px 12px;
  background-color: #fff;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
          box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
  position: relative;
}
.framework ul.framworks-list li div {
  height: 70px;
  width: 70px;
  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: 6px;
  background-color: rgba(0, 102, 102, 0.1);
}
.framework ul.framworks-list li:nth-child(13) {
  margin-bottom: 0px;
}
.framework ul.framworks-list li:last-child {
  margin-bottom: 0px;
}
.framework ul.framworks-list li img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 30px;
}
.framework ul.framworks-list li img.img-68 {
  width: 68px;
}
.framework ul.framworks-list li h5 {
  margin-bottom: unset;
}
.framework ul.framworks-list li:hover {
  background-color: #fff;
}
.framework ul.framworks-list li:hover::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  border-radius: 10px;
}
.framework ul.framworks-list li:hover img {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-animation: swing 2s ease infinite;
          animation: swing 2s ease infinite;
}
.framework .wavy-gif {
  left: 100%;
  top: 23%;
}
.framework .wavy-gif svg {
  width: 80px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (max-width: 1199px) {
  .framework .wavy-gif svg {
    width: 60px;
  }
}
@media (max-width: 575px) {
  .framework .wavy-gif svg {
    width: 30px;
  }
}
.framework .wavy-gif path {
  stroke: #FFAE1A;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: dash 1.5s linear infinite;
          animation: dash 1.5s linear infinite;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 1399px) {
  .framework .wavy-gif {
    right: 3%;
    top: 15%;
  }
}
@media (max-width: 991px) {
  .framework .wavy-gif {
    right: 1%;
    top: 10%;
  }
}
@media (max-width: 767px) {
  .framework .wavy-gif {
    top: 8%;
  }
}

.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px;
}
.frame-tab .nav-item img {
  width: 21px;
  height: 21px;
}
.frame-tab .nav-item .nav-link {
  font-size: 18px;
  padding: 16px 40px;
  border-radius: 40px;
  background: transparent;
  border: none;
  color: rgba(0, 2, 72, 0.5);
  font-weight: 500;
}
@media (max-width: 991px) {
  .frame-tab .nav-item .nav-link {
    font-size: 16px;
    padding: 10px 25px;
  }
}
.frame-tab .nav-item .nav-link img {
  margin-right: 10px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.frame-tab .nav-item .nav-link.active {
  color: #000248;
  background: #fff;
  -webkit-box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06);
          box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06);
}
.frame-tab .nav-item .nav-link.active img {
  -webkit-filter: unset;
          filter: unset;
}
@media (max-width: 575.98px) {
  .frame-tab.nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
  }
}

.framework-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
          box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.framework-box::after {
  position: absolute;
  content: "";
  width: 40px;
  height: calc(100% + 4px);
  border-right: 1px dashed rgba(0, 2, 72, 0.2);
  right: -1px;
  border-top: 1px dashed rgba(0, 2, 72, 0.2);
  border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
  border-radius: 10px;
  top: -1px;
  bottom: 0;
}
.framework-box .frame-icon {
  position: relative;
  min-width: 55px;
  height: 55px;
  background: #fff;
  border-radius: 100%;
  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;
  margin-left: -48px;
}
@media (max-width: 575px) {
  .framework-box .frame-icon {
    min-width: 52px;
    height: 52px;
  }
}
.framework-box .frame-icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
          box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
  border-radius: 100%;
}
.framework-box .frame-icon img {
  width: 30px;
  height: 30px;
}
@media (max-width: 575px) {
  .framework-box .frame-icon img {
    width: 25px;
    height: 25px;
  }
}
.framework-box .frame-details {
  position: relative;
  text-align: left;
}
.framework-box .frame-details p {
  opacity: 0.7;
  margin-bottom: 0;
}
.framework-box .frame-details::before, .framework-box .frame-details::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #FEFEFF;
  border: 1px solid rgba(0, 2, 72, 0.2);
  border-radius: 100%;
  right: 17px;
}
.framework-box .frame-details::before {
  top: -23px;
}
.framework-box .frame-details::after {
  bottom: -24px;
}
@media (min-width: 576px) {
  .framework-box:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}
.framework-box:hover .frame-icon::before {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.sub-title {
  font-size: calc(18px + 8 * (100vw - 300px) / 1620);
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905;
}

.rotate-title {
  color: #FF5A82;
}

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(../images/landing/demo-bg.png);
}
.landing-home .sub-title {
  font-size: calc(18px + 12 * (100vw - 300px) / 1620);
}
.landing-home .user-content {
  width: 36%;
  padding: 35px 0px;
  text-align: center;
  font-size: 15px;
  margin: auto;
}
.landing-home .user-content span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgba(5, 26, 26, 0.8);
}
.landing-home .star-animate {
  position: relative;
}
.landing-home .star-animate img {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.landing-home .content .arrow-animate svg {
  top: 311px;
  right: 66px;
  height: 80px;
  width: 61px;
  position: absolute;
  -webkit-animation: rotate-animation 2s linear infinite;
          animation: rotate-animation 2s linear infinite;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.landing-home .content h1 {
  margin-top: 167px;
  color: #051A1A;
  line-height: 1.2;
  font-weight: 600;
  font-size: calc(25px + 35 * (100vw - 300px) / 1620);
}
.landing-home .content h1 span {
  background: #006666;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-home .content h1 .sub-content {
  position: relative;
  gap: 35px;
}
.landing-home .content h1 .sub-content::before {
  content: "";
  background-color: #051A1A;
  position: absolute;
  top: 30px;
  left: 222px;
  height: 50px;
  border-radius: 10px;
  width: 24%;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.landing-home .content h1 .sub-content button {
  background-color: #fff;
  border: 2.36px solid #051A1A;
  border-radius: 9px;
  padding: 14px 38px;
  font-weight: 600;
  font-size: 28px;
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
  color: radial-gradient(circle, rgb(27, 174, 174) 2%, rgb(26, 148, 148) 50%, rgb(4, 143, 143) 100%) !important;
  border-color: #051A1A;
  text-transform: uppercase;
  overflow: hidden;
}
.landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
  width: 165px;
  position: relative;
}
.landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#24B5B5), to(#228585));
  background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
  position: absolute;
  border-radius: 15px;
  height: 10px;
  width: 10px;
  top: 8px;
  left: -21px;
  z-index: 1;
}
.landing-home .content h1 .sub-content button::before {
  content: "";
  background-color: #051A1A;
  height: 40px;
  width: 40px;
  position: absolute;
  right: -22px;
  top: -19px;
  border-radius: 25px;
}
.landing-home .content h1 .sub-content button::after {
  content: "";
  background-color: #051A1A;
  height: 24px;
  width: 24px;
  position: absolute;
  right: -8px;
  bottom: -12px;
  border-radius: 24px;
}
.landing-home .content h1 .sub-content button span {
  background: -webkit-gradient(linear, left top, left bottom, from(#24B5B5), to(#228585));
  background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
}
.landing-home .content p {
  font-size: calc(14px + 4 * (100vw - 300px) / 1620);
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  opacity: 0.8;
  width: 64%;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .landing-home .content p {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .landing-home .content p {
    width: 100%;
  }
}
.landing-home .best-selling {
  position: relative;
  -webkit-animation: rotate-animation 20s linear infinite;
          animation: rotate-animation 20s linear infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.landing-home .best-selling img {
  position: absolute;
  top: 154px;
  left: -30%;
  -webkit-transform: rotate(-15.412deg);
          transform: rotate(-15.412deg);
  z-index: 1;
}
.landing-home .best-selling .img-shadow {
  position: absolute;
  height: 230px;
  width: 245px;
  border-radius: 4px;
  left: -30%;
  top: 165px;
  -webkit-transform: rotate(350deg);
          transform: rotate(350deg);
  background-color: #E6E9EB;
}
.landing-home .nft-marketplace {
  -webkit-animation: rotate-animation 20s linear infinite;
          animation: rotate-animation 20s linear infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.landing-home .nft-marketplace img {
  position: absolute;
  top: 174px;
  right: -35%;
  z-index: 1;
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
}
.landing-home .nft-marketplace .nft-marketplace-shadow {
  position: absolute;
  height: 207px;
  border-radius: 4px;
  width: 299px;
  background-color: #E6E9EB;
  right: -30%;
  top: 210px;
  -webkit-transform: rotate(1.053deg);
          transform: rotate(1.053deg);
}
.landing-home .new-user-img {
  -webkit-animation: rotate-animation 20s linear infinite;
          animation: rotate-animation 20s linear infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.landing-home .new-user-img img {
  position: absolute;
  bottom: 100px;
  right: -15%;
  -webkit-transform: rotate(13.746deg);
          transform: rotate(13.746deg);
  z-index: 1;
}
.landing-home .new-user-img .new-user-shadow {
  position: absolute;
  bottom: 152px;
  right: -17%;
  border-radius: 4px;
  -webkit-transform: rotate(110.697deg);
          transform: rotate(110.697deg);
  height: 218px;
  width: 221px;
  background-color: #E6E9EB;
}
.landing-home .total-revenue-img {
  -webkit-animation: rotate-animation 20s linear infinite;
          animation: rotate-animation 20s linear infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.landing-home .total-revenue-img img {
  position: absolute;
  bottom: 250px;
  left: -30%;
  -webkit-transform: rotate(-14.949deg);
          transform: rotate(-14.949deg);
  z-index: 1;
}
.landing-home .total-revenue-img .total-revenue-shadow {
  background-color: #E6E9EB;
  position: absolute;
  border-radius: 4px;
  height: 110px;
  width: 204px;
  bottom: 269px;
  left: -28%;
  -webkit-transform: rotate(341deg);
          transform: rotate(341deg);
}
.landing-home .screen-1 {
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #000;
  padding: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
.landing-home .screen-2 {
  position: absolute;
  bottom: 175px;
  left: 55px;
  -webkit-animation: rotate-animation 20s linear infinite;
          animation: rotate-animation 20s linear infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.landing-home .screen-2 img {
  position: relative;
  -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
  border-radius: 14px;
  -webkit-transform: rotate(-3.435deg);
          transform: rotate(-3.435deg);
  z-index: 1;
}
.landing-home .screen-2 .screen-sidebar {
  position: absolute;
  height: 459px;
  width: 95px;
  border-radius: 4px;
  top: 24px;
  -webkit-transform: rotate(350deg);
          transform: rotate(350deg);
  background-color: #E6E9EB;
}
.landing-home .star-img {
  position: relative;
}
.landing-home .star-img .start-animate {
  position: absolute;
  bottom: 540px;
  left: -22%;
}
.landing-home .star-img-left {
  position: relative;
}
.landing-home .star-img-left .start-animate-rotate {
  position: absolute;
  bottom: 440px;
  right: -22%;
}
.landing-home .btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -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: 767px) {
  .landing-home .btn-grp {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .landing-home .btn-grp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}
.landing-home .btn-grp img {
  height: 30px;
}
@media (max-width: 767px) {
  .landing-home .btn-grp img {
    height: 22px;
  }
}
@media (max-width: 575px) {
  .landing-home .btn-grp img {
    height: 20px;
  }
}
.landing-home .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1366px) {
  .landing-home .content {
    margin-top: 170px;
  }
}
@media (max-width: 1199px) {
  .landing-home .content {
    margin-top: 140px;
  }
}
@media (max-width: 575px) {
  .landing-home .content {
    margin-top: 100px;
  }
}
.landing-home .content-title {
  position: relative;
  display: inline-block;
}
.landing-home .content-title .arrow-decore {
  position: absolute;
  left: -203px;
  top: -25px;
}
@media (max-width: 1660px) {
  .landing-home .content-title .arrow-decore {
    left: -166px;
    width: 150px;
  }
}
@media (max-width: 991px) {
  .landing-home .content-title .arrow-decore {
    left: -125px;
    width: 110px;
    top: -14px;
  }
}
@media (max-width: 575px) {
  .landing-home .content-title .arrow-decore {
    left: -61px;
    width: 60px;
    top: -4px;
  }
}
.landing-home .sticky-header header .nav-padding {
  padding: 35px 200px 25px;
}

.navbar {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar .navbar-toggler {
  margin-left: auto;
}

.navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-nav .nav-item {
  position: relative;
}
.navbar-nav .nav-item .nav-link {
  font-size: 18px;
  letter-spacing: 1px;
  padding: 12px 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
  content: "";
  position: absolute;
  height: 3px;
  top: 35px;
  width: 15px;
  color: #006666;
  background-color: #006666;
}

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent;
}
.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden;
}
.landing-page .buy-btn {
  font-size: 16px;
  background: -webkit-gradient(linear, left top, right top, color-stop(-18.33%, #006666), color-stop(62.78%, #006666));
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .landing-page .buy-btn {
    padding: 12px 35px;
  }
}
@media (max-width: 767px) {
  .landing-page .buy-btn {
    padding: 9px 20px;
    font-size: 14px;
  }
}
.landing-page .buy-btn a {
  color: #fff;
  padding: 0;
}
.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize;
}
.landing-page .navbar-nav .nav-item .nav-link a:active {
  color: #006666;
}
.landing-page .sticky-header header {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto;
}
.landing-page .sticky-header header.sticky {
  margin-top: 0;
}
.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  padding: 15px 12px;
}

.navbar-expand-xl .navbar-brand {
  padding-left: 18px;
}
.navbar-expand-xl .navbar-collapse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #fff;
}

.faq-section .accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.faq-section .accordion-button, .faq-section .accordion-body {
  padding: 0;
}
.faq-section .accordion-button:not(.collapsed) {
  color: #006666;
  background: transparent;
}
.faq-section .accordion-button:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: none;
}
.faq-section .accordion-button::after {
  font-family: "IcoFont";
  content: "\eb25";
  font-size: 24px;
  background: unset;
  width: auto;
  height: auto;
  margin-bottom: -4px;
}
.faq-section .accordion-body {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid rgba(82, 82, 108, 0.5);
  text-align: left;
}
.faq-section .vector-image {
  left: -160px;
  top: 30px;
}
@media (max-width: 1600px) {
  .faq-section .vector-image {
    left: 60px;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .faq-section .vector-image {
    left: 0px;
    top: -30px;
  }
}
.faq-section .vector-image img {
  height: 400px;
}
@media (max-width: 1600px) {
  .faq-section .vector-image img {
    height: 270px;
  }
}

.pricing-section .loader-gif {
  top: -5%;
}
@media (max-width: 1600px) {
  .pricing-section .loader-gif {
    top: -11%;
    right: 2%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-gif {
    top: -2%;
    right: 2%;
  }
}
.pricing-section .loader-gif .loader-1 {
  width: 56px;
  height: 56px;
}
.pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
  width: 56px;
  height: 56px;
}
@media (max-width: 575px) {
  .pricing-section .loader-gif .loader-1 {
    width: 40px;
    height: 40px;
  }
  .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
    width: 40px;
    height: 40px;
  }
}
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%;
}
@media (max-width: 1600px) {
  .pricing-section .loader-line-gif {
    left: 12%;
  }
}
@media (max-width: 1600px) {
  .pricing-section .loader-line-gif {
    left: 16%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-line-gif {
    left: 10px;
    bottom: -20px;
  }
  .pricing-section .loader-line-gif img {
    width: 90px;
  }
}

.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px;
}
.pricing-box img {
  width: 23px;
  height: 22px;
}
@media (max-width: 767px) {
  .pricing-box {
    padding: 20px 15px;
  }
}
.pricing-box p {
  color: #52526C;
}
.pricing-box h4 {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .pricing-box h4 {
    margin-bottom: 15px;
  }
}
.pricing-box p {
  line-height: 1.5;
}
.pricing-box .purchase-details {
  background: #FCFCFD;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
          box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
  border-radius: 10px;
  padding: 24px 40px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details {
    padding: 24px 20px;
  }
}
.pricing-box .purchase-details h2 {
  margin-bottom: 14px;
}
.pricing-box .purchase-details .btn-lg {
  font-weight: 500;
  padding: 12px 20px;
  width: 100%;
  min-width: auto;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details .btn-lg {
    padding: 12px 10px;
    font-size: 15px;
  }
}

.license-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: 15px;
}
@media (max-width: 767px) {
  .license-list {
    gap: 10px;
  }
}
.license-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 10px;
}
@media (max-width: 991px) {
  .license-list li {
    gap: 5px;
  }
}
@media (max-width: 575px) {
  .license-list li img {
    width: 18px;
    height: 18px;
  }
}
.license-list li h6 {
  font-weight: normal;
  margin-bottom: 0;
}

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  -webkit-box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
          box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px;
}
@media (max-width: 991px) {
  .benefit-box {
    padding: 30px 10px;
  }
}
@media (max-width: 575px) {
  .benefit-box {
    padding: 20px 10px;
  }
}
.benefit-box svg {
  width: 40px;
  height: 40px;
}
@media (max-width: 991px) {
  .benefit-box svg {
    width: 30px;
    height: 30px;
  }
}
.benefit-box::after {
  position: absolute;
  content: "";
  width: 54px;
  height: 8px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 10px 10px 0 0;
}
@media (max-width: 991px) {
  .benefit-box h2 {
    font-size: 25px;
  }
}
.benefit-box h6 {
  font-weight: 400;
  color: #52526C;
  opacity: 0.7;
}
.benefit-box.pink h2 {
  color: #FF3692;
}
.benefit-box.pink::after {
  background: #FF3692;
}
.benefit-box.purple h2 {
  color: #7238FF;
}
.benefit-box.purple::after {
  background: #7238FF;
}
.benefit-box.red h2 {
  color: #FF3556;
}
.benefit-box.red::after {
  background: #FF3556;
}
.benefit-box.warning h2 {
  color: #FFAA05;
}
.benefit-box.warning::after {
  background: #FFAA05;
}

.rating-title {
  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;
}
.rating-title .decore-1 {
  margin-top: -35px;
  -webkit-animation: animationtop 5s infinite;
          animation: animationtop 5s infinite;
}

@-webkit-keyframes arrowsvg {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

@keyframes arrowsvg {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
.ratings li i {
  color: #FFAA05;
}

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%);
}

.component_responsive {
  -ms-flex-wrap: initial;
      flex-wrap: initial;
}

.component-hover-effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 78px;
}
@media (max-width: 767px) {
  .component-hover-effect {
    padding: 13px;
    min-height: 68px;
  }
}
.component-hover-effect svg {
  width: 26px;
  height: 26px;
}

.ptb50 {
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .ptb50 {
    padding: 60px 0;
  }
}
@media (max-width: 575.98px) {
  .ptb50 {
    padding: 50px 0;
  }
}

.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none;
}
@media (max-width: 991px) {
  .purchase-btn {
    min-width: 160px;
  }
}
@media (max-width: 767px) {
  .purchase-btn {
    min-width: 140px;
    padding: 10px 17px;
    font-size: 16px;
  }
}

@-webkit-keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

@keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
footer h2 {
  font-size: calc(24px + 46 * (100vw - 300px) / 1620);
}
footer .license-list {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: calc(15px + 15 * (100vw - 300px) / 1620);
  gap: calc(15px + 15 * (100vw - 300px) / 1620);
}
@media (max-width: 991px) {
  footer .license-list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  footer .license-list {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  footer .license-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .license-list h6 {
  color: #fff;
}

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  -webkit-box-shadow: 0 0 10px var(--theme-deafult);
          box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tap-top:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.tap-top svg {
  width: 20px;
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}
.page-wrapper,
.landing-page {
  overflow: hidden;
}

.landing-page {
  overflow-x: hidden;
  overflow-y: visible;
}

.app-bg-1 {
  background: #F9F7F7;
}

.app-bg-2 {
  background: #F3F5F5;
}

.app-bg-3 {
  background: #EFF5F8;
}

.app-bg-4 {
  background: #F0F5F7;
}

.app-bg-5 {
  background: #F5F4F3;
}

.app-bg-6 {
  background: #F8F8FA;
}

.flower-gif {
  top: -40px;
  left: 19%;
}
@media (max-width: 991px) {
  .flower-gif {
    top: 0;
    left: 15%;
  }
}
@media (max-width: 767px) {
  .flower-gif {
    left: 8%;
  }
}
@media (max-width: 575px) {
  .flower-gif {
    display: none;
  }
}

.navabr_btn-set {
  position: relative;
}
.navabr_btn-set:focus {
  outline: 0;
}
.navabr_btn-set span {
  display: block;
  background-color: #fff;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}
.navabr_btn-set:not(.custom_nav) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9;
}
.navabr_btn-set:not(.custom_nav) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}
.navabr_btn-set:not(.custom_nav) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9;
}

.navbar-b {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
}

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  z-index: 1030;
}

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}
.navbar-toggler span:nth-child(1) {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.navbar-toggler span:nth-child(3) {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar_nav_modify li {
  text-align: center;
}

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  -webkit-box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
          box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sticky-header header .nav-padding {
  padding: 20px 200px;
}
.sticky-header header.sticky {
  line-height: normal;
  background: #fff;
  text-align: left;
}
.sticky-header header.sticky .nav-padding {
  padding: 7px 14px;
}

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px;
}
.landing-footer .footer-contain p {
  margin-bottom: 8px;
}
.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px;
}

.title-padding {
  padding: 130px 0;
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
.landing-footer {
  background-image: url(../images/landing/bg-footer.png);
  background-size: cover;
}
.landing-footer .footer-contain {
  text-align: center;
}
.landing-footer .footer-contain .rating-wrraper {
  margin-bottom: 40px;
}
.landing-footer .footer-contain .rating-wrraper svg {
  width: auto;
  height: calc(95px + 25 * (100vw - 320px) / 1600);
}
.landing-footer .footer-contain h2 {
  font-size: calc(18px + 10 * (100vw - 320px) / 1600);
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.landing-footer .footer-contain p {
  font-size: calc(12px + 4 * (100vw - 320px) / 1600);
  color: #fff;
}
.landing-footer .footer-contain .star-rate {
  margin-bottom: 40px;
}
.landing-footer .footer-contain .star-rate li {
  display: inline-block;
}
.landing-footer .footer-contain .star-rate li i {
  font-size: calc(14px + 15 * (100vw - 320px) / 1600);
}
.landing-footer .footer-contain .btn-footer {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
  margin-left: 10px;
}

.pricing-section .support-img {
  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;
}
.pricing-section .support-img img {
  position: relative;
  height: auto;
}
.pricing-section .support-img h4 {
  position: absolute;
  right: -48px;
  font-size: 40px;
  font-weight: 700;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  bottom: 33%;
}
@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px;
  }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px;
  }
}
.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666;
}
.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px;
}
.pricing-section .landing-title .support-button:hover {
  color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.pricing-section .landing-title p {
  width: 100%;
}
.pricing-section .loader-gif {
  top: -5%;
}
@media (max-width: 1600px) {
  .pricing-section .loader-gif {
    top: -11%;
    right: 2%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-gif {
    top: -2%;
    right: 2%;
  }
}
.pricing-section .loader-gif .loader-1 {
  width: 56px;
  height: 56px;
}
.pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
  width: 56px;
  height: 56px;
}
@media (max-width: 575px) {
  .pricing-section .loader-gif .loader-1 {
    width: 40px;
    height: 40px;
  }
  .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
    width: 40px;
    height: 40px;
  }
}
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%;
}
@media (max-width: 1600px) {
  .pricing-section .loader-line-gif {
    left: 12%;
  }
}
@media (max-width: 1600px) {
  .pricing-section .loader-line-gif {
    left: 16%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-line-gif {
    left: 10px;
    bottom: -20px;
  }
  .pricing-section .loader-line-gif img {
    width: 90px;
  }
}

.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px;
}
.pricing-box img {
  width: 23px;
  height: 22px;
}
@media (max-width: 767px) {
  .pricing-box {
    padding: 20px 15px;
  }
}
.pricing-box p {
  color: #52526C;
}
.pricing-box h4 {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .pricing-box h4 {
    margin-bottom: 15px;
  }
}
.pricing-box p {
  line-height: 1.5;
}
.pricing-box .purchase-details {
  background: #FCFCFD;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
          box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
  border-radius: 10px;
  padding: 24px 40px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details {
    padding: 24px 20px;
  }
}
.pricing-box .purchase-details h2 {
  margin-bottom: 14px;
}
.pricing-box .purchase-details .btn-lg {
  font-weight: 500;
  padding: 12px 20px;
  width: 100%;
  min-width: auto;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details .btn-lg {
    padding: 12px 10px;
    font-size: 15px;
  }
}

.license-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: 15px;
}
@media (max-width: 767px) {
  .license-list {
    gap: 10px;
  }
}
.license-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 10px;
}
@media (max-width: 991px) {
  .license-list li {
    gap: 5px;
  }
}
@media (max-width: 575px) {
  .license-list li img {
    width: 18px;
    height: 18px;
  }
}
.license-list li h6 {
  font-weight: normal;
  margin-bottom: 0;
}

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px;
  }
}
@media (max-width: 1700px) {
  .landing-home {
    height: 992px;
  }
  .landing-home .content h1 .sub-content:before {
    top: 28px;
    left: 210px;
  }
  .nft-marketplace img {
    height: 180px;
  }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important;
  }
  .best-selling img {
    width: calc(140px + 94 * (100vw - 768px) / 1152) !important;
    height: calc(140px + 94 * (100vw - 768px) / 1152) !important;
  }
  .best-selling .img-shadow {
    width: calc(213px + 15 * (100vw - 768px) / 1152) !important;
    height: calc(140px + 90 * (100vw - 768px) / 1152) !important;
  }
}
@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px;
  }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none;
  }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px;
  }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px;
  }
}
@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px;
  }
}
@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none;
  }
  .framework {
    height: 654px;
  }
  .landing-home {
    height: 948px;
  }
  .landing-home .screen-2 {
    display: none;
  }
  .landing-home .content h1 .sub-content::before {
    width: 30%;
    top: 25px;
    left: 176px;
    height: 50px;
  }
  .nft-marketplace img {
    height: 150px;
  }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important;
  }
  .best-selling img {
    height: 145px;
  }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px;
  }
  .feature-section {
    height: 776px;
  }
  .feature-section .loader-gif {
    display: none;
  }
}
@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px;
  }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px;
  }
  .framework {
    height: 792px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px;
  }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px;
  }
}
/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 20px;
  }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px;
  }
  .landing-page .section-py-space .title h2 {
    font-size: 30px;
  }
  .landing-page .section-py-space .title span {
    font-size: 12px;
  }
  .landing-page .feature-section .title span {
    font-size: 14px;
  }
  .landing-home {
    height: 670px;
  }
  .landing-home .content h1 {
    font-size: 30px;
  }
  .landing-home .content h1 .sub-content:before {
    width: 38%;
    left: 129px;
    padding: 13px 33px;
    height: 73%;
  }
  .landing-home .content h1 .sub-content button span {
    font-size: 20px;
  }
  .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
    top: 6px;
  }
  .landing-home .content h1 span {
    font-size: 28px;
  }
  .landing-home .sticky-header header .nav-padding {
    padding: 20px;
  }
  .feature-section {
    height: auto;
  }
  .framework {
    height: auto;
  }
  .nft-marketplace img {
    display: none;
  }
  .nft-marketplace .nft-marketplace-shadow {
    display: none;
  }
  .best-selling img {
    display: none;
  }
  .best-selling .img-shadow {
    display: none;
  }
  .total-revenue-img img {
    display: none;
  }
  .total-revenue-img .total-revenue-shadow {
    display: none;
  }
  .new-user-img img {
    display: none;
  }
  .new-user-img .new-user-shadow {
    display: none;
  }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px;
  }
  .navbar-toggler span {
    background-color: #006666;
  }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px;
  }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px;
  }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%;
  }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 575px) {
  .landing-page .navbar-expand-xl .navbar-collapse {
    top: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
    padding: 20px 30px 30px 30px;
  }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px;
  }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px;
  }
  .landing-main .navbar-toggler span {
    background-color: #fff;
  }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px;
  }
  .landing-main h4 {
    font-size: 20px;
  }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px;
  }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px;
  }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px;
  }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px;
  }
}
@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .landing-page .unique-cards.section-py-space .support-title p {
    display: none;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px;
  }
}
/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px;
  }
  .marquee .marquee-name p.big-title {
    font-size: 25px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 14px;
    padding-bottom: 14px;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px;
  }
  .feature-section {
    height: 936px;
  }
  .framework {
    height: auto;
  }
  .landing-home .navbar-brand img {
    height: 35px;
  }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important;
  }
  .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
    content: "";
    top: 6px;
  }
  .frameworks-section > .container {
    max-width: 100%;
  }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: rgb(255, 255, 255);
    width: calc(100% - 30px);
    border-radius: 5px;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px;
  }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff;
  }
  .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
    margin-top: 5px;
    color: var(--theme-deafult);
  }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111;
  }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    color: #000;
  }
}
/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px;
  }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 12px;
    padding-bottom: 14px;
  }
  .landing-page .unique-cards.section-py-space .support-title a {
    font-size: 12px;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px;
  }
  .landing-home .user-content {
    padding: 20px 0px;
  }
  .landing-home .content h1 {
    font-size: 20px;
  }
  .landing-home .content h1 .sub-content span {
    font-size: 14px;
  }
  .landing-home .content h1 .sub-content button {
    padding: 11px 5px 10px 36px;
    width: 40%;
    -webkit-transform: unset;
            transform: unset;
    position: relative;
  }
  .landing-home .content h1 .sub-content button::before {
    height: 32px;
    width: 32px;
  }
  .landing-home .content h1 .sub-content button::after {
    height: 20px;
    width: 20px;
  }
  .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
    width: 105px;
  }
  .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
    content: "";
    top: 4px;
    height: 8px;
    width: 8px;
  }
  .landing-home .content h1 .sub-content button span {
    font-size: 14px;
  }
  .landing-home .content h1 .sub-content::before {
    display: none;
  }
  .feature-section {
    height: auto;
  }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px;
  }
}
/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px;
  }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%;
  }
  .landing-page .unique-cards.section-py-space .support-title a {
    padding: 8px 20px;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px;
  }
  .landing-home .content h1 .sub-content span {
    font-size: 14px;
  }
  .landing-home .content h1 .sub-content button {
    width: 46%;
  }
}
/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px;
  }
  .landing-home .user-content {
    padding: 14px 0px;
    width: 45%;
  }
  .landing-home .user-content span {
    font-size: 12px;
  }
  .landing-home .content h1 .sub-content {
    padding-top: 10px !important;
    gap: 6px;
  }
  .landing-home .content h1 .sub-content button {
    padding: 10px 5px 10px 30px;
  }
  .landing-home .content h1 .sub-content button span {
    font-size: 14px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%;
  }
  .framework ul.framworks-list {
    gap: 30px;
  }
  .framework ul.framworks-list li {
    height: 85px;
    width: 85px;
  }
  .marquee .marquee-name p.big-title {
    display: none;
  }
  .landing-page .section-py-space .title h2::after {
    top: 51px;
  }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%;
  }
  .landing-page .unique-cards.section-py-space .support-title a {
    padding: 6px;
  }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px;
  }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none;
  }
  .feature-section {
    height: auto;
  }
  .framework {
    height: 100%;
  }
  .framework ul.framworks-list li div {
    height: 50px;
    width: 50px;
  }
  .framework ul.framworks-list li div img {
    height: 30px;
  }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px;
  }
  .landing-main h4 {
    font-size: 17px;
  }
}
/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none;
  }
  .landing-home .content h1 .sub-content button::before {
    display: none;
  }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center;
  }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center;
  }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%;
  }
  .landing-page .section-py-space .title h5 {
    font-size: 16px;
  }
  .landing-page .section-py-space .title h2 {
    font-size: 18px;
  }
  .landing-page .section-py-space .title h2::after {
    top: 30px;
    width: 40px;
    height: 5px;
  }
  .landing-page .feature-section .title h5 {
    font-size: 16px;
  }
  .landing-page .feature-section .title h2 {
    font-size: 18px;
  }
  .landing-page .feature-section .title h2::after {
    top: 30px;
    width: 40px;
    height: 5px;
  }
  .framework {
    height: 1440px;
  }
  .feature-section {
    height: auto;
  }
  .framework {
    height: 100%;
  }
  .sticky-header header.sticky {
    height: 56px;
  }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px;
  }
  .landing-home .user-content {
    width: 61%;
  }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%;
  }
  .landing-home .content h1 .sub-content span {
    font-size: 14px;
  }
  .landing-home .content h1 .sub-content button {
    width: 56%;
  }
  .landing-home .content h1 .sub-content button span {
    font-size: 14px;
  }
  .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
    top: 4px;
    left: -14px;
  }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0;
  }
  .landing-home .navbar-brand img {
    height: 25px;
  }
}
/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%;
  }
  .landing-page .section-py-space .title h2::after {
    top: 37px;
  }
  .framework ul.framworks-list {
    gap: 30px;
  }
}
/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%;
  }
  .framework {
    height: 100%;
  }
  .component-col-set {
    width: 100%;
  }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%;
  }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px;
  }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px;
  }
}
@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%;
  }
}
@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px;
  }
  .framework .nav .nav-link h5 {
    font-size: 16px;
  }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px;
  }
  .framework ul.framworks-list li img {
    height: 40px;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto;
  }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important;
  }
  .framework .nav .nav-link img {
    height: 25px;
    margin-right: unset;
  }
  .framework .nav .nav-link .text-start {
    display: none;
  }
  .framework .nav .nav-link.active, .framework .nav .nav-link.show {
    border-bottom: 2px solid #006666;
  }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px;
  }
  .framework ul.framworks-list li img {
    height: 30px;
  }
}
@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px;
  }
  .framework .nav .nav-link h5 {
    font-size: 18px;
  }
  .framework .nav .nav-link p {
    font-size: 12px;
  }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px;
  }
  .framework ul.framworks-list li img {
    width: auto;
    height: 60px;
  }
  .framework ul.framworks-list li img.img-68 {
    width: auto;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px;
  }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px;
  }
  .framework ul.framworks-list li img {
    height: 40px;
  }
}
/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
}

.lang.selected {
  display: none;
}
.lang span.lang-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500;
}
.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px;
}

/*more lang*/
.more_lang {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
}

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
}
.translate_wrapper.active .more_lang:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  content: "";
  top: -7px;
  position: absolute;
  right: 20px;
  z-index: 2;
}
.translate_wrapper.active .more_lang:after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #bdc2c5;
  content: "";
  top: -7px;
  position: absolute;
  right: 20px;
  z-index: 1;
}

.more_lang.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.more_lang .lang {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.more_lang .lang:hover {
  background: var(--theme-deafult);
  color: #fff;
}
.more_lang .lang:hover span {
  color: #fff;
}

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea;
}

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px;
}

.categories {
  padding: 16px 0;
}
.categories .learning-header {
  padding-left: 15px;
}
.categories ul li {
  padding: 10px 15px;
}
.categories ul li a {
  color: #051A1A;
}
.categories ul li:hover {
  background-color: #E6E9EB;
}

.upcoming-course .media + .media {
  margin-top: 30px;
}

.job-accordion {
  margin-bottom: 0;
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important;
  }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px;
  }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0;
  }
  .upcoming-course .media + .media {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0;
  }
  .upcoming-course .media + .media {
    margin-top: 15px;
  }
}
/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  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;
  margin: 0 auto;
  background: url("../images/login/login_bg.jpg");
  background-position: center;
  padding: 30px 12px;
}
.login-card .logo {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.login-card .btn-showcase .btn {
  line-height: 1;
  padding: 10px 13px;
  margin: 0;
}
.login-card .btn-showcase .btn + .btn {
  margin-left: 5px;
}
.login-card .btn-showcase .btn svg {
  height: 16px;
  vertical-align: bottom;
}
.login-card .login-main {
  width: 450px;
  padding: 40px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
          box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
  margin: 0 auto;
  background-color: #fff;
}
.login-card .login-main .theme-form h4 {
  margin-bottom: 5px;
}
.login-card .login-main .theme-form label {
  font-size: 15px;
  letter-spacing: 0.4px;
}
.login-card .login-main .theme-form .checkbox label::before {
  background-color: #f9f9fa;
  border: 1px solid #dfdfdf;
}
.login-card .login-main .theme-form .or {
  position: relative;
}
.login-card .login-main .theme-form .or:before {
  content: "";
  position: absolute;
  width: 65%;
  height: 2px;
  background-color: #f3f3ff;
  top: 9px;
  z-index: 0;
  right: 0;
}
.login-card .login-main .theme-form input {
  background-color: rgba(0, 102, 102, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-card .login-main .theme-form input::-webkit-input-placeholder {
  color: #999999;
}
.login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
  border: 1px solid #b9c1cc;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-card .login-main .theme-form p {
  margin-bottom: 25px;
  font-size: 14px;
  color: #898989;
}
.login-card .login-main .theme-form .form-group {
  margin-bottom: 10px;
  position: relative;
}
.login-card .login-main .theme-form .link {
  position: absolute;
  top: 10px;
  right: 0;
}

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.show-hide span {
  cursor: pointer;
  font-size: 13px;
  color: var(--theme-deafult);
}
.show-hide span.show:before {
  content: "show";
}
.show-hide span:before {
  content: "hide";
}

.needs-validation .invalid-feedback {
  color: #898989;
}
.needs-validation .show-hide {
  right: 30px;
}
.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px;
}

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mega-inline .card {
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-inline .mega-title-badge {
  display: table;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.mega-inline .media .radio {
  margin-left: 3px;
}
[dir=rtl] .mega-inline .media .radio {
  margin-right: 3px;
  margin-left: unset;
}

.mega-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mega-vertical .card {
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-vertical .mega-title-badge {
  display: table;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.mega-vertical .media .radio {
  margin-left: 3px;
}

.mega-title {
  font-weight: 600;
}

.mega-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mega-horizontal .card {
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
          box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-horizontal .mega-title-badge {
  display: table;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.mega-horizontal .media .radio {
  margin-left: 3px;
}

.plain-style .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
}

.border-style .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ecf3fa !important;
}

.offer-style .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #ecf3fa !important;
}

.rating-star-wrapper {
  color: #797979;
}

.card-wrapper .payment-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;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border);
}
.card-wrapper .payment-wrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: unset;
}
.card-wrapper .payment-wrapper .payment-second img {
  width: 50px;
}
.card-wrapper .payment-wrapper .payment-second .mega-icons {
  width: 20px;
  height: 20px;
}

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-upgrade > div:first-child {
  margin-bottom: 20px;
}
.main-upgrade i {
  font-size: calc(40px + 10 * (100vw - 320px) / 1600);
  display: block;
  color: #006666;
}
.main-upgrade p {
  line-height: 1.4;
}
.main-upgrade .variation-box {
  gap: 20px;
  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;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .main-upgrade .variation-box {
    display: grid;
    grid-template-columns: auto auto;
    gap: 18px;
  }
}
@media (max-width: 700px) {
  .main-upgrade .variation-box {
    display: grid;
    grid-template-columns: auto auto;
    gap: 18px;
  }
}
@media (max-width: 380px) {
  .main-upgrade .variation-box {
    grid-template-columns: unset;
  }
}
.main-upgrade .variation-box .selection-box {
  position: relative;
  height: 100px;
  border: 1px dashed #006666;
  min-width: 125px;
  border-radius: 15px;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .main-upgrade .variation-box .selection-box {
    min-width: calc(110px + 15 * (100vw - 1200px) / 720);
  }
}
.main-upgrade .variation-box .selection-box .custom--mega-checkbox {
  width: 100%;
  height: 100%;
  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;
  line-height: 25px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.main-upgrade .variation-box .selection-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 118px;
  height: 96px;
  opacity: 0;
  cursor: pointer;
}
[dir=rtl] .main-upgrade .variation-box .selection-box input {
  left: unset;
  right: 0;
}
.main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 15px;
}

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px;
}
[dir=rtl] .megaoptions-border-space-sm .media .radio label {
  padding-left: unset;
  padding-right: 18px;
}
@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 18px;
  }
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px;
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
    margin-left: 0px;
  }
  [dir=rtl] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
    margin-left: unset;
    margin-right: 0;
  }
}
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0;
}

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px;
}

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer;
}
.prooduct-details-box .btn {
  line-height: 13px;
}
.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative;
}
.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px;
}
.prooduct-details-box .product-name a {
  color: gray;
}
.prooduct-details-box .product-name h6 {
  margin-bottom: 0;
}
.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.order-history .input-group {
  text-align: right;
  max-width: 300px;
}
.order-history table th,
.order-history table td {
  text-align: center;
}
.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px;
}
.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
}
.order-history table .qty-box input {
  width: 44px;
  max-width: 44px;
  background-color: transparent;
  border: none !important;
}
.order-history table .qty-box .input-group {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #ecf3fa;
  overflow: hidden;
}
.order-history table .qty-box .btn {
  background-color: transparent;
  border: none;
}
.order-history table .qty-box .btn.bootstrap-touchspin-down {
  border-right: 1px solid;
}
[dir=rtl] .order-history table .qty-box .btn.bootstrap-touchspin-down {
  border-right: unset;
  border-left: 1px solid;
}
.order-history table .qty-box .btn.bootstrap-touchspin-up {
  border-left: 1px solid;
}
[dir=rtl] .order-history table .qty-box .btn.bootstrap-touchspin-up {
  border-left: unset;
  border-right: 1px solid;
}
.order-history table tbody tr td {
  vertical-align: middle;
}
.order-history table tbody tr td .product-name a {
  font-size: 15px;
  color: #898989;
}
.order-history table tbody tr td .product-name .order-process {
  font-size: 13px;
  padding-left: 15px;
}
.order-history table tbody tr td .product-name .order-process .order-process-circle {
  position: relative;
}
.order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #898989;
  left: -7px;
  top: 6px;
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
  background-color: #00AC46;
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
  background-color: #FE6A49;
}

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto;
  }
  .order-history table thead tr th {
    font-size: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important;
  }
}
/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important;
}
.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult);
}

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important;
}
.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult);
}

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important;
}
.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49;
}

.pagination-success .page-item .page-link {
  color: #00AC46 !important;
}
.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46;
}

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important;
}
.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49;
}

.pagination-info .page-item .page-link {
  color: #173878 !important;
}
.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878;
}

.pagination-dark .page-item .page-link {
  color: #2c323f !important;
}
.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f;
}

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important;
}
.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A;
}

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2);
}
.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2);
}
.pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
  background-color: rgba(0, 102, 102, 0.2);
}
.pagin-border-primary .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
  background-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-secondary .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3);
}
.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3);
}
.pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
  background-color: rgba(0, 172, 70, 0.3);
}
.pagin-border-success .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
  background-color: rgba(254, 106, 73, 0.3);
}
.pagin-border-danger .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3);
}
.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3);
}
.pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
  background-color: rgba(255, 174, 26, 0.3);
}
.pagin-border-warning .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3);
}
.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3);
}
.pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
  background-color: rgba(23, 56, 120, 0.3);
}
.pagin-border-info .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB;
}
.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB;
}
.pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
  background-color: #F9F9FB;
}
.pagin-border-light .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2;
}
.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2;
}
.pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
  background-color: #EAEBF2;
}
.pagin-border-dark .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + 5 * (100vw - 320px) / 256);
    padding: calc(12px + 0 * (100vw - 320px) / 256) calc(12px + 12 * (100vw - 320px) / 256);
  }
}

@media (max-width: 339px) {
  .pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pagination .page-item:active {
  background-color: unset;
}
.pagination .page-item .page-link.rounded-circle {
  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;
  width: 35px;
  height: 35px;
}

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  -webkit-box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
          box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important;
}
.pricing-simple .card-body {
  border-bottom: none;
}
.pricing-simple .card-body h3 {
  position: relative;
  margin-bottom: 38px;
}
.pricing-simple .card-body h3:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 1px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: #999999;
}
.pricing-simple .card-body h1 {
  font-size: 30px;
  line-height: 0.9;
  margin-bottom: 30px;
  font-weight: 400;
}

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
          box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%;
}
.pricingtable:before, .pricingtable:after {
  content: "";
  background-color: var(--theme-deafult);
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  right: -213px;
  z-index: -1;
  opacity: 0.1;
}

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1;
}
.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%;
}
.pricingtable .price-value .duration {
  margin: 0 0 0 -5px;
}
.pricingtable .price-value .amount {
  font-size: 58px;
  font-weight: 700;
  line-height: 45px;
  display: inline-block;
}
.pricingtable .price-value .currency {
  vertical-align: top;
}
.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block;
}
.pricingtable .pricing-content li {
  font-weight: 500;
  text-align: left;
  margin: 0 0 20px;
  position: relative;
  padding-left: 30px;
}
.pricingtable .pricing-content li:last-child {
  margin: 0;
}
.pricingtable .pricing-content li:before {
  content: "\f00c";
  color: var(--theme-deafult);
  font-family: FontAwesome;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 0;
}

@media (max-width: 1470px) {
  .pricing-block > div {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
  .pricing-block > div:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px;
  }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px;
  }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px;
  }
  .pricing-block > div {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px;
}
.progress-showcase .progress:last-child {
  margin-bottom: 0;
}

.sm-progress-bar {
  height: 8px;
}

.lg-progress-bar {
  height: 20px;
}

.progress-number button {
  width: 2rem;
  height: 2rem;
}
.progress-number .progress-wrapper {
  height: 1px;
}
.progress-number .progress-wrapper.progress {
  background-color: var(--recent-dashed-border);
}
.progress-number .progress-wrapper .progress-bar {
  background-color: var(--theme-deafult);
}

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd;
}

.small-progressbar {
  position: relative;
  overflow: visible;
}
.small-progressbar::after {
  position: absolute;
  content: "";
  top: -2px;
  right: -9px;
  background-color: #006666;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
[dir=rtl] .small-progressbar::after {
  left: -9px;
  right: unset;
}
.small-progressbar .progress-label {
  position: absolute;
  top: -26px;
  right: -6px;
  font-weight: 700;
}
[dir=rtl] .small-progressbar .progress-label {
  right: unset;
  left: -6px;
}
.small-progressbar .animate-circle {
  position: absolute;
  top: -11px;
  right: -18px;
  height: 30px;
  width: 30px;
  border: 14px solid #006666;
  border-radius: 70px;
  -webkit-animation: heart 1s ease-in-out;
          animation: heart 1s ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
[dir=rtl] .small-progressbar .animate-circle {
  right: unset;
  left: -18px;
}

@-webkit-keyframes heart {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes heart {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
.progress-b-space .progress {
  margin-bottom: 35px;
}

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px;
}
.project-list button:focus {
  outline: none !important;
}
.project-list .theme-form .form-group {
  margin-bottom: 15px;
}
.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right;
}
[dir=rtl] .project-list .btn {
  float: left;
}
.project-list .btn svg {
  vertical-align: middle;
  height: 16px;
}
.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0;
}
.project-list ul li svg {
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.tab-content .row > div.col-xl-4:nth-child(1) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 100000ms;
          animation: fadeIncustom 0.5s linear 100000ms;
}
.tab-content .row > div.col-xl-4:nth-child(2) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 200000ms;
          animation: fadeIncustom 0.5s linear 200000ms;
}
.tab-content .row > div.col-xl-4:nth-child(3) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 300000ms;
          animation: fadeIncustom 0.5s linear 300000ms;
}
.tab-content .row > div.col-xl-4:nth-child(4) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 400000ms;
          animation: fadeIncustom 0.5s linear 400000ms;
}
.tab-content .row > div.col-xl-4:nth-child(5) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 500000ms;
          animation: fadeIncustom 0.5s linear 500000ms;
}
.tab-content .row > div.col-xl-4:nth-child(6) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 600000ms;
          animation: fadeIncustom 0.5s linear 600000ms;
}
.tab-content .row > div.col-xl-4:nth-child(7) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 700000ms;
          animation: fadeIncustom 0.5s linear 700000ms;
}
.tab-content .row > div.col-xl-4:nth-child(8) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 800000ms;
          animation: fadeIncustom 0.5s linear 800000ms;
}
.tab-content .row > div.col-xl-4:nth-child(9) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 900000ms;
          animation: fadeIncustom 0.5s linear 900000ms;
}
.tab-content .row > div.col-xl-4:nth-child(10) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1000000ms;
          animation: fadeIncustom 0.5s linear 1000000ms;
}
.tab-content .row > div.col-xl-4:nth-child(11) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1100000ms;
          animation: fadeIncustom 0.5s linear 1100000ms;
}
.tab-content .row > div.col-xl-4:nth-child(12) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1200000ms;
          animation: fadeIncustom 0.5s linear 1200000ms;
}
.tab-content .row > div.col-xl-4:nth-child(13) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1300000ms;
          animation: fadeIncustom 0.5s linear 1300000ms;
}
.tab-content .row > div.col-xl-4:nth-child(14) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1400000ms;
          animation: fadeIncustom 0.5s linear 1400000ms;
}
.tab-content .row > div.col-xl-4:nth-child(15) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 1500000ms;
          animation: fadeIncustom 0.5s linear 1500000ms;
}

.project-cards .tab-content {
  margin-bottom: -30px;
}

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px;
}
.project-box h6 {
  font-weight: 500 !important;
}
.project-box .badge {
  position: absolute;
  right: 30px;
  top: 15px;
  line-height: 13px;
}
.project-box .project-status p {
  margin-bottom: 5px;
  font-weight: 800;
}
.project-box .d-flex {
  margin-bottom: 15px;
  margin-top: 10px;
}
.project-box .d-flex .flex-grow-1 {
  opacity: 0.5;
}
.project-box .details div {
  margin-bottom: 5px;
  opacity: 0.7;
}

.projectdetails .card .card-body {
  padding: 20px;
}
.projectdetails .card .card-footer {
  padding: 20px;
}
.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px;
}

.projectmore .details .col-4 {
  margin-bottom: 5px;
}
.projectmore .details .col-4:nth-child(even) {
  opacity: 0.5;
}
.projectmore h5 {
  font-size: 20px;
  font-weight: 600;
}
.projectmore .task-list {
  position: relative;
}
.projectmore .task-list ul li {
  margin-bottom: 5px;
}
.projectmore .task-list ul + ul {
  position: absolute;
  left: 50%;
  top: 0;
}

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important;
}
.new-users.activity .gradient-round::after {
  display: none;
}

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    -webkit-transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    -webkit-transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    -webkit-transform: perspective(240px) translateZ(4px);
            transform: perspective(240px) translateZ(4px);
  }
}
@keyframes shake {
  30% {
    -webkit-transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    -webkit-transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    -webkit-transform: perspective(240px) translateZ(4px);
            transform: perspective(240px) translateZ(4px);
  }
}
@-webkit-keyframes tear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0) translateZ(0);
            transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
            transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%, 80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
            transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}
@keyframes tear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0) translateZ(0);
            transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
            transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%, 80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
            transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}
@-webkit-keyframes toggle {
  50% {
    -webkit-transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
            transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}
@keyframes toggle {
  50% {
    -webkit-transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
            transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}
@-webkit-keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    -webkit-box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
            box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}
@keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    -webkit-box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
            box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}
.feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feedback li {
  position: relative;
  border-radius: 50%;
  background: var(--sb, var(--normal));
  -webkit-box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
          box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
  -webkit-transition: background 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  transition: background 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.feedback li:not(:last-child) {
  margin-right: 20px;
}
.feedback li div {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: perspective(240px) translateZ(4px);
          transform: perspective(240px) translateZ(4px);
}
.feedback li div svg {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 2px);
  -webkit-transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
          transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  fill: none;
  stroke: var(--s);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: stroke 0.4s;
  transition: stroke 0.4s;
}
.feedback li div:before {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 2px);
  -webkit-transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
          transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  content: "";
  z-index: var(--zi, 1);
  border-radius: var(--br, 1px);
  background: var(--b, var(--e, var(--normal-eye)));
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.feedback li div:after {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 2px);
  -webkit-transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
          transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  content: "";
  z-index: var(--zi, 1);
  border-radius: var(--br, 1px);
  background: var(--b, var(--e, var(--normal-eye)));
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.feedback li div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
}
.feedback li div svg.eye.right {
  --l: 23px;
}
.feedback li div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
}
.feedback li:not(.active) {
  cursor: pointer;
}
.feedback li:not(.active):active {
  -webkit-transform: scale(0.925);
          transform: scale(0.925);
}
.feedback li.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
}
.feedback li.angry div:before {
  --r: 20deg;
}
.feedback li.angry div:after {
  --l: 23px;
  --r: -20deg;
}
.feedback li.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.angry.active {
  -webkit-animation: angry 1s linear;
  animation: angry 1s linear;
}
.feedback li.angry.active div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}
.feedback li.angry.active div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}
.feedback li.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
}
.feedback li.sad div:before {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
}
.feedback li.sad div:after {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
  --l: 25px;
}
.feedback li.sad div svg.eye {
  --t: 16px;
}
.feedback li.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
}
.feedback li.sad.active div:before {
  -webkit-animation: tear 0.6s linear forwards;
  animation: tear 0.6s linear forwards;
}
.feedback li.sad.active div:after {
  -webkit-animation: tear 0.6s linear forwards;
  animation: tear 0.6s linear forwards;
}
.feedback li.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
}
.feedback li.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  -webkit-box-shadow: 12px 0 0 var(--e, var(--normal-eye));
          box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
.feedback li.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
}
.feedback li.ok.active div:before {
  --middle-s-y: .35;
  -webkit-animation: toggle 0.2s linear forwards;
  animation: toggle 0.2s linear forwards;
}
.feedback li.ok.active div:after {
  --middle-s-x: .5;
  -webkit-animation: toggle 0.7s linear forwards;
  animation: toggle 0.7s linear forwards;
}
.feedback li.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
}
.feedback li.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  opacity: 0.5;
  -webkit-box-shadow: 16px 0 0 var(--b);
          box-shadow: 16px 0 0 var(--b);
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.feedback li.good div:after {
  --sc: 0;
}
.feedback li.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
}
.feedback li.good.active div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}
.feedback li.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
}
.feedback li.happy div:before {
  --sc: 0;
}
.feedback li.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
}
.feedback li.happy div svg.eye {
  --t: 14px;
  --sc: -1;
}
.feedback li.happy.active div:after {
  --middle-s-x: .95;
  --middle-s-y: .75;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}
.feedback li.active {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --m: var(--active-mouth);
  --e: var(--active-eye);
}
.feedback li.active div {
  -webkit-animation: shake 0.8s linear forwards;
  animation: shake 0.8s linear forwards;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

* {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
*:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2);
}

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color);
}

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(../images/social-app/social-image.png);
}
.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px;
}
.user-profile .hovercard .user-image .share-icons li {
  display: inline-block;
  margin-right: 10px;
}
.user-profile .hovercard .user-image .share-icons li .social-icon {
  width: 50px;
  height: 50px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
}
.user-profile .hovercard .user-image .share-icons li .social-icon i {
  color: #fff;
  font-size: 25px;
}
.user-profile .hovercard .user-image .share-icons li:last-child {
  margin-right: 0;
}
.user-profile .card-footer > div h3 {
  font-size: 16px;
}

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important;
}
.market-tabs .nav {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.market-tabs .nav .nav-item {
  width: 100%;
}
.market-tabs .nav .nav-item .nav-link {
  height: 81px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 30px;
  text-align: center;
}

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px;
}
.tabs-scoial li a {
  font-weight: 600;
}
.tabs-scoial li a svg circle {
  color: #999999;
}

.social-network span {
  margin-bottom: 30px;
  display: block;
}

.social-list .d-flex {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-list .d-flex:last-child {
  margin-bottom: 0;
}
.social-list .d-flex .flex-grow-1 a {
  color: #999999;
}
.social-list .d-flex .flex-grow-1 span {
  font-weight: 600;
}
.social-list .d-flex .flex-grow-1:hover a {
  color: var(--theme-deafult);
}

.photos {
  margin-bottom: -15px;
}
.photos ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 70px;
}
.photos ul li:nth-child(4n) {
  margin-right: 0;
}

.new-users-social {
  margin-bottom: 30px;
}
.new-users-social svg {
  cursor: pointer;
}
.new-users-social .d-flex img {
  width: 58px;
}
.new-users-social .d-flex .flex-grow-1 {
  margin-top: 10px;
}
.new-users-social svg circle {
  color: #999999;
}

.like-content span i {
  font-size: 14px;
}

.timeline-content p {
  margin-top: 30px;
  color: #999999;
}
.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px;
}
.timeline-content .comments-box {
  margin-top: 30px;
}
.timeline-content .comments-box .flex-grow-1 {
  width: 100%;
}
.timeline-content .comments-box .input-group {
  margin-top: 6px;
}
.timeline-content .comments-box .input-group .input-txt-bx {
  border: none;
  background-color: #F5F5F5;
}
.timeline-content .comments-box .input-group .input-txt-bx::-webkit-input-placeholder {
  color: #999999;
}
.timeline-content .comments-box .input-group .input-txt-bx::-moz-placeholder {
  color: #999999;
}
.timeline-content .comments-box .input-group .input-txt-bx:-ms-input-placeholder {
  color: #999999;
}
.timeline-content .comments-box .input-group .input-txt-bx::-ms-input-placeholder {
  color: #999999;
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
  color: #999999;
}
.timeline-content .comments-box .input-group .input-group-append .btn i {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #999999;
}

.social-chat {
  margin-top: 30px;
}
.social-chat span span {
  font-weight: normal;
  color: #999999;
  font-size: 12px;
}
.social-chat .flex-grow-1 {
  padding: 20px;
  border: 1px solid #E6E9EB;
  position: relative;
}
.social-chat .flex-grow-1 p {
  margin-top: 5px;
}
.social-chat .flex-grow-1:before {
  content: "";
  position: absolute;
  top: 19px;
  right: 100%;
  border: 7px solid transparent;
  border-right: 7px solid #59667a;
}
.social-chat .flex-grow-1:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 100%;
  border: 7px solid transparent;
  border-right: 7px solid #fff;
}
.social-chat .your-msg,
.social-chat .other-msg {
  margin-bottom: 30px;
}
.social-chat .other-msg {
  margin-left: 40px;
}

.socialprofile span {
  color: #999999;
}
.socialprofile span.badge {
  padding: 6px 10px !important;
}
.socialprofile .social-btngroup {
  margin: 30px 0;
}
.socialprofile .likes-profile h5 span {
  color: #051A1A;
}
.socialprofile .social-group {
  margin-top: 30px;
}
.socialprofile .social-group ul li:nth-child(4) {
  margin-left: -22px;
}

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px;
}
.social-status .d-flex {
  position: relative;
  margin-bottom: 30px;
}
.social-status .d-flex:last-child {
  margin-bottom: 0;
}
.social-status .d-flex .social-status {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fff;
  bottom: 0;
  left: 35px;
  border-radius: 100%;
}
.social-status .d-flex .social-online {
  border: 3px solid #00AC46;
}
.social-status .d-flex .social-busy {
  border: 3px solid #FFAE1A;
}
.social-status .d-flex .social-offline {
  border: 3px solid #59667a;
}
.social-status .d-flex .flex-grow-1 p {
  color: #999999;
  margin-bottom: 5px;
}
.social-status .d-flex .flex-grow-1 span + span {
  color: #999999;
}
.social-status .d-flex .flex-grow-1 .light-span {
  color: #999999;
}

.social-header h5 span:first-child {
  line-height: 1.48;
}
.social-header h5 span svg circle {
  color: #999999;
}

.details-about + .details-about {
  margin-top: 30px;
}
.details-about .your-details p {
  color: #999999;
}

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px;
}
.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.avatar-showcase .pepole-knows ul li:last-child {
  margin-right: 0;
}
.avatar-showcase .pepole-knows ul li .add-friend h6 {
  margin-top: 3px;
}

.activity-log .my-activity + .my-activity {
  margin-top: 30px;
}
.activity-log .my-activity p {
  margin-bottom: 5px;
}
.activity-log .my-activity p span svg {
  width: 15px;
  height: 15px;
}

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px;
}
.swal-modal .swal-text {
  font-size: 17px;
}

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075;
}

.date-details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.date-details > div + div {
  margin-left: 10px;
}

.taskadd table tr td {
  border-top: none;
}
.taskadd table tr td:first-child {
  padding-left: 30px;
}
.taskadd table tr td:last-child {
  padding-right: 30px;
}
.taskadd table tr td svg {
  width: 18px;
  height: 18px;
  color: #59667a;
}
.taskadd table tr:first-child td {
  padding-top: 30px;
}
.taskadd table tr:last-child td {
  padding-bottom: 30px;
}

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px;
  }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px;
  }
  .date-details .d-inline-block {
    margin-bottom: 10px;
  }
  .taskadd table tr td:first-child {
    padding-left: 20px;
  }
  .taskadd table tr:first-child td {
    padding-top: 20px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px;
  }
}
@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px;
  }
  .taskadd table tr:first-child td {
    padding-top: 15px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 15px;
  }
}
/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.todo .action-box .icon {
  vertical-align: 0;
}
.todo .action-box.completed {
  background: #FE6A49;
  border: 1px solid #FE6A49;
  border-radius: 4px;
}
.todo .action-box.completed .icon {
  color: #fff;
  font-size: 14px;
}
.todo .action-box.large {
  height: 26px;
  width: 26px;
}
.todo .action-box.large .icon {
  font-size: 16px;
  vertical-align: -4px;
}
.todo .action-box.large .icon .icon-trash {
  color: #006666;
}
.todo .action-box.large .icon .icon-check {
  color: #006666;
}
.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.todo .todo-list-wrapper #todo-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.todo .todo-list-wrapper #todo-list li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.todo .todo-list-wrapper #todo-list li:last-child .task-container {
  border-bottom: 0;
  padding-bottom: 0;
}
.todo .todo-list-wrapper #todo-list li .task-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #ecf3fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.todo .todo-list-wrapper #todo-list li .task-container .d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
  text-align: right;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-label {
  display: table;
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  color: #999999;
  word-break: break-word;
  padding-top: 5px;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
  border: 1px solid transparent;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
  background: #fff;
  border-radius: 4px;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
  color: #59667a;
}
.todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
  color: #2c323f;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
  border: 1px solid #006666;
  border-radius: 4px;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
  font-weight: bold;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
  color: #00AC46;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
  background: #fff;
  border: 1px solid #00AC46;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
  color: #fff;
}
.todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
  text-decoration: line-through;
  color: #006666;
}
.todo .todo-list-wrapper #todo-list li.new .task-container {
  -webkit-animation: taskHighlighter 2000ms linear 1;
          animation: taskHighlighter 2000ms linear 1;
}
.todo .todo-list-wrapper .todo-list-header h5 {
  text-align: center;
  color: #efefef;
}
.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.todo .notification-popup.success {
  background: #00AC46;
  border: 1px solid #00AC46;
}
.todo .notification-popup p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.todo .notification-popup .task {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #fff;
  padding: 0 4px;
}
.todo .notification-popup .notification-text {
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  color: #fff;
}
.todo .notification-popup.hide {
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5);
  }
  100% {
    background: #fff;
  }
}
@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5);
  }
  100% {
    background: #fff;
  }
}

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa;
}
.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6;
}
.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
}
.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400;
}
.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  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;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
  color: #fff;
  padding: 5px 6px 4px 7px;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
  color: #006666;
  background-color: transparent;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
  color: #fff;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
  color: #006666;
}

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-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;
  padding-bottom: 12px;
}

.time-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.time-content i {
  font-size: 18px;
}

.activity .media {
  margin-bottom: 30px;
}
.activity .media:last-child {
  margin-bottom: 0;
}
.activity .media .gradient-round {
  position: relative;
  width: 53px;
  height: 53px;
  background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  border-radius: 100%;
  top: -18px;
}
.activity .media .gradient-round svg {
  position: absolute;
  width: 18px;
  height: 18px;
  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;
  left: 0;
  top: 18px;
  right: 0;
  margin: 0 auto;
}
.activity .media .gradient-round svg path,
.activity .media .gradient-round svg line,
.activity .media .gradient-round svg circle {
  color: #fff;
}
.activity .media .gradient-round.gradient-line-1:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 62px;
  bottom: -77px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.activity .media .gradient-round.small-line:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 19px;
  bottom: -34px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.activity .media .gradient-round.medium-line:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 53px;
  bottom: -68px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.activity .media .media-body h6 {
  font-weight: 600;
  margin-bottom: 30px;
}
.activity .media .media-body h6 span {
  font-weight: normal;
  color: #999999;
}
.activity .media .media-body p {
  width: 80%;
}

.timeline-small .media {
  margin-bottom: 30px;
}
.timeline-small .media:last-child {
  margin-bottom: 0;
}
.timeline-small .media .timeline-round {
  position: relative;
  width: 53px;
  height: 53px;
  border-radius: 100%;
  border-radius: 15px;
  top: -18px;
}
.timeline-small .media .timeline-round svg {
  position: absolute;
  width: 18px;
  height: 18px;
  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;
  left: 0;
  top: 18px;
  right: 0;
  margin: 0 auto;
}
.timeline-small .media .timeline-round svg path,
.timeline-small .media .timeline-round svg line,
.timeline-small .media .timeline-round svg circle {
  color: #fff;
}
.timeline-small .media .timeline-round.timeline-line-1:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 62px;
  bottom: -88px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.timeline-small .media .timeline-round.small-line:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 19px;
  bottom: -34px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.timeline-small .media .timeline-round.medium-line:after {
  position: absolute;
  content: "";
  background-color: #e9e9e9;
  width: 2px;
  height: 53px;
  bottom: -68px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.timeline-small .media .media-body h6 {
  margin-bottom: 30px;
}
.timeline-small .media .media-body h6 span {
  font-weight: normal;
  color: #999999;
}
.timeline-small .media .media-body p {
  width: 80%;
}

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.cd-container::after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px;
  }
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #E6E9EB;
  }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
  }
  .cd-timeline-img > i {
    font-size: 18px;
    top: 50%;
    left: 50%;
    padding: 3px;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
            animation: cd-bounce-1 0.6s;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
            animation: cd-bounce-2 0.6s;
  }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
            animation: cd-bounce-2-inverse 0.6s;
  }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff;
  }
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
}

#cd-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px;
}

.cd-timeline-block {
  position: relative;
  margin: 30px 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px;
}
.cd-timeline-img i {
  display: block;
  position: relative;
  left: 45%;
  top: 44%;
  margin-left: -12px;
  margin-top: -12px;
  font-size: 20px;
  color: #fff;
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
}
.cd-timeline-content p {
  padding-top: 9px;
}
.cd-timeline-content h4 {
  margin-bottom: 0;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content audio {
  width: 100%;
}
.cd-timeline-content .cd-date {
  font-size: 13px;
  display: inline-block;
  float: left;
  padding: 0.8em 0 0;
  opacity: 0.7;
}

.cd-timeline-content::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB;
}
[dir=rtl] .cd-timeline-content::before {
  border-right: 15px solid #E6E9EB;
  border-left: unset;
}
@media (max-width: 1169px) {
  .cd-timeline-content::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7;
  }
  .cd-timeline-block .cd-timeline-img > i {
    font-size: 15px;
    top: 16px;
    left: 17px;
    padding: 3px;
  }
  .landing-main #cd-timeline::before {
    left: -39px;
  }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8;
  }
  .landing-main .cd-timeline-block .cd-timeline-img > i {
    font-size: 23px;
    top: 21px;
    left: 7px;
    padding: 3px;
  }
}
@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px;
  }
  .cd-timeline-content h4 {
    font-size: 18px;
  }
}
.main-timeline ul::before {
  left: 5px;
}
[dir=rtl] .main-timeline ul::before {
  right: 5px;
  left: unset;
}

.square-timeline {
  position: relative;
}
.square-timeline::before {
  border: 1px dashed #E6E9EB;
  content: "";
  margin-left: 0px;
  position: absolute;
  top: 0;
  left: 18px;
  width: 1px;
  height: 100%;
}
[dir=rtl] .square-timeline::before {
  margin-left: unset;
  margin-right: 0;
  left: unset;
  right: 18px;
}
.square-timeline .timeline-event {
  position: relative;
}
.square-timeline .timeline-event:hover .timeline-event-icon {
  -webkit-transform: rotate(-105deg);
          transform: rotate(-105deg);
  background-color: #52526c;
}
.square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
  -webkit-box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3);
          box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3);
}
.square-timeline .timeline-event .timeline-event-wrapper {
  padding: 0 0 0 14px;
  position: relative;
  top: -7px;
  left: 38px;
  width: 95%;
}
[dir=rtl] .square-timeline .timeline-event .timeline-event-wrapper {
  left: unset;
  right: 38px;
  padding: 0 14px 0 0;
}
@media (max-width: 1200px) {
  .square-timeline .timeline-event .timeline-event-wrapper {
    width: calc(84% + 11 * (100vw - 320px) / 880);
  }
}
.square-timeline .timeline-event .timeline-event-wrapper .designer-details {
  padding-top: 20px;
}
.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
  -webkit-transition: -webkit-box-shadow 0.5s ease-in 0.1s;
  transition: -webkit-box-shadow 0.5s ease-in 0.1s;
  transition: box-shadow 0.5s ease-in 0.1s;
  transition: box-shadow 0.5s ease-in 0.1s, -webkit-box-shadow 0.5s ease-in 0.1s;
  color: #2c323f;
  background-color: rgba(0, 102, 102, 0.2);
  -webkit-box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
          box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
  display: inline-block;
  margin-bottom: 12px;
  padding: 2px 25px;
}
.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
  background-color: unset;
}
.square-timeline .timeline-event .timeline-event-wrapper > div {
  display: inline-block;
  width: 100%;
}
.square-timeline .timeline-event .timeline-event-icon {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #006666;
  outline: 6px solid rgba(0, 102, 102, 0.2);
  display: block;
  margin: 0px;
  position: absolute;
  top: 0;
  left: 14px;
  width: 10px;
  height: 10px;
}
[dir=rtl] .square-timeline .timeline-event .timeline-event-icon {
  right: 14px;
  left: unset;
}

.list-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list-inline.events .event-list {
  display: block;
  position: relative;
  text-align: center;
  padding-top: 70px;
  margin-right: 0;
}
.list-inline.events .event-list p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.list-inline.events .event-list .event-date {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  width: 75px;
  margin: 0 auto;
  border-radius: 4px;
  padding: 2px 4px;
}
.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.5;
  margin-top: 7px;
}

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB;
}
.timeline-list.list-inline {
  padding-bottom: 0;
}
.timeline-list.list-inline.events .event-list {
  padding-top: 35px;
}
.timeline-list.list-inline.events .event-list::before {
  content: "";
  height: 0;
  border-right: unset;
}
.timeline-list.list-inline.events .event-list .event-date {
  top: 2px;
}
.timeline-list.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.5;
  margin-top: 7px;
}
.timeline-list.list-inline.events .event-list .read-more-btn {
  position: relative;
  margin-bottom: 3px;
}
.timeline-list.list-inline .vertical-line {
  height: 45px;
  width: 1px;
  margin: 0 auto;
  position: relative;
  border: 1px dashed #006666;
}

.list-group.main-lists-content {
  padding-top: 20px;
}
@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none;
  }
}

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none;
  }
}

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a;
}
.user-profile .border-right {
  border-right: 1px solid #E6E9EB;
}
.user-profile hr {
  margin: 30px 0;
}
.user-profile .hovercard .cardheader {
  background: url(../images/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px;
}
.user-profile .hovercard .user-image {
  position: relative;
  height: 0;
}
.user-profile .hovercard .user-image .avatar {
  margin-top: -80px;
}
.user-profile .hovercard .user-image .avatar img {
  width: 100px;
  height: 100px;
  max-width: 155px;
  max-height: 155px;
  border-radius: 50%;
  border: 7px solid #fff;
}
.user-profile .hovercard .user-image .icon-wrapper {
  position: absolute;
  bottom: -20px;
  left: 51%;
  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;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
  margin: 0 auto;
  font-size: 17px;
  -webkit-box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1);
          box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1);
}
.user-profile .hovercard .info {
  padding: 30px;
}
.user-profile .hovercard .info .title {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1;
  color: #2c323f;
  vertical-align: middle;
}
.user-profile .hovercard .info .title a {
  color: #242934;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.user-profile .hovercard .info .desc {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #59667a;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.user-profile .follow {
  margin-top: 20px;
}
.user-profile .follow .follow-num {
  font-size: 20px;
  color: #242934;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.user-profile .follow span {
  color: #59667a;
}
.user-profile .profile-img-style {
  padding: 30px;
}
.user-profile .profile-img-style .img-container {
  margin-top: 30px;
}
.user-profile .profile-img-style .user-name {
  font-size: 14px;
  color: #242934;
  margin: 0;
  font-weight: 600;
}
.user-profile .profile-img-style p {
  line-height: 30px;
  font-size: 14px;
  color: #898989;
  margin-bottom: 0;
}
.user-profile .profile-img-style .media img {
  width: 50px;
}
.user-profile .like-comment li a {
  color: #898989;
}
.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49;
}
.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif;
}
.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer;
}
.user-profile .social-media a:hover {
  color: var(--theme-deafult);
}

.edit-profile .profile-title .media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.edit-profile .profile-title .media .media-body {
  margin-left: 14px;
}
[dir=rtl] .edit-profile .profile-title .media .media-body {
  margin-left: unset;
  margin-right: 14px;
}

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer;
}

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
}
body.dark-only.modal-open {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
}
body.dark-only.modal-open h1,
body.dark-only.modal-open h2,
body.dark-only.modal-open h3,
body.dark-only.modal-open h4,
body.dark-only.modal-open h5,
body.dark-only.modal-open h6 {
  color: #fff;
}
body.dark-only.modal-open span {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only.modal-open p {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only span {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only .txt-primary {
  color: #006666 !important;
}
body.dark-only .txt-secondary {
  color: #FE6A49 !important;
}
body.dark-only .txt-success {
  color: #00AC46 !important;
}
body.dark-only .txt-danger {
  color: #FE6A49 !important;
}
body.dark-only .txt-info {
  color: #173878 !important;
}
body.dark-only .txt-light {
  color: #E6E9EB !important;
}
body.dark-only .txt-dark {
  color: #2c323f !important;
}
body.dark-only .txt-warning {
  color: #FFAE1A !important;
}
body.dark-only .txt-google-plus {
  color: #c64e40 !important;
}
body.dark-only .txt-twitter {
  color: #6fa2d8 !important;
}
body.dark-only .txt-linkedin {
  color: #0077B5 !important;
}
body.dark-only .txt-fb {
  color: #50598e !important;
}
body.dark-only .txt-primary {
  color: var(--theme-deafult) !important;
}
body.dark-only .txt-secondary {
  color: var(--theme-secondary) !important;
}
body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2);
}
body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3);
}
body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3);
}
body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3);
}
body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3);
}
body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB;
}
body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3);
}
body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border: none;
}
body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2;
}
body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border: none;
}
body.dark-only .list-product-header .collapse .list-product-body {
  border: unset !important;
}
body.dark-only .card {
  --bs-card-title-color: var(--body-font-color);
  --bs-card-subtitle-color: var(--body-font-color);
  --bs-card-cap-color: var(--body-font-color);
  --bs-card-color: var(--body-font-color);
  --bs-body-color: var(--body-font-color);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .breadcrumb {
  --bs-breadcrumb-bg: transparent;
}
body.dark-only .toast {
  --bs-toast-color: var(--body-font-color);
}
body.dark-only .modal {
  --bs-modal-color: rgba(255, 255, 255, 0.2);
  --bs-modal-footer-bg: $dark-card-background;
}
body.dark-only .accordion-flush .accordion-item .accordion-header button {
  background-color: rgba(0, 172, 70, 0.3) !important;
}
body.dark-only .moon {
  stroke: var(--body-font-color);
}
body.dark-only .radio label::before {
  background-color: #1A1C23;
}
body.dark-only .support-custom-table table.dataTable {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .support-custom-table table.dataTable thead th,
body.dark-only .support-custom-table table.dataTable thead td {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .support-custom-table table.dataTable tbody td {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .list-product .datatable-sorter::before {
  border-top: 4px solid rgba(255, 255, 255, 0.5) !important;
}
body.dark-only .list-product .datatable-sorter::after {
  border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important;
}
body.dark-only .onhover-dropdown.notification-down::before {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li:nth-child(n+3).profile-nav) {
  background-color: #22242B !important;
}
body.dark-only .nav-right > ul > li:nth-child(2) {
  background-color: #22242B !important;
}
body.dark-only .nav-right .nav-menus li.profile-nav ul li {
  background-color: #1A1C23 !important;
}
body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
  background-color: #1A1C23 !important;
}
body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
  background-color: #1A1C23 !important;
}
body.dark-only .nav-right .nav-menus li .input-icon input {
  background-color: #22242B;
  border: none;
  color: #fff;
}
body.dark-only .nav-right .nav-menus li .user-name svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
  color: #fff;
}
body.dark-only .email-right-aside .email-read .mail-header1 svg {
  stroke: rgba(255, 255, 255, 0.7);
}
body.dark-only .customers ul li:last-child p {
  color: rgba(255, 255, 255, 0.2) !important;
  border: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .invoice-text span {
  color: #006666;
}
body.dark-only .invoice-table-data {
  background-color: #22242B !important;
}
body.dark-only .form-control {
  background-color: #22242B !important;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.dark-only .total-chart .data-grow span {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only .payment-second .mega-icons .stroke-dark {
  -webkit-filter: invert(3);
          filter: invert(3);
}
body.dark-only .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.dark-only .breadcrumb-item + .breadcrumb-item:before {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.dark-only .sale-history-card .history-price a {
  color: #fff;
}
body.dark-only .radius-wrapper {
  background-color: #1A1C23 !important;
}
body.dark-only .product-costing {
  border-color: rgba(230, 233, 235, 0.1);
  color: #fff;
}
body.dark-only .sale-history-card {
  border-color: rgba(230, 233, 235, 0.1);
}
body.dark-only .table-order table thead {
  background-color: rgba(230, 233, 235, 0.07);
}
body.dark-only .table-order table tbody tr {
  border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important;
}
body.dark-only .table-order table tbody tr td a {
  color: #fff !important;
}
body.dark-only .table-order table tbody tr td .dropdown svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .table-order table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
body.dark-only .table-order table tbody tr:last-child {
  border-bottom: none !important;
}
body.dark-only .table-order table tbody tr:last-child td {
  border-bottom: none !important;
}
body.dark-only .new-product .product-cost .product-icon:last-child svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .revenuegrowth .revenuegrowth-chart::before {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .revenuegrowth-details .growth-details {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .add-project-link .categories-content a {
  color: #fff;
}
body.dark-only .activity-group::before {
  border-left: 1px dashed rgba(255, 255, 255, 0.1);
}
body.dark-only .email-general h6 {
  color: #fff;
}
body.dark-only .tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.07);
}
body.dark-only .card .card-footer .common-space a {
  color: #fff;
}
body.dark-only .card .card-footer .common-space:hover a {
  color: var(--theme-deafult);
}
body.dark-only .card .card-footer .common-space .visited-dropdown {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .card .card-footer .common-space .visited-dropdown svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .today-work-table .today-working-table tbody tr td a {
  color: #fff !important;
}
body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
  color: #006666 !important;
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .add-project .categories-content a {
  color: #fff;
}
body.dark-only .activity-log h6 a {
  color: #fff;
}
body.dark-only span.dayName {
  color: #006666 !important;
}
body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
  color: #006666 !important;
}
body.dark-only .badge-light {
  background-color: #1A1C23;
  color: #fff !important;
}
body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
  stroke: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
  stroke: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
  background-color: #1A1C23;
}
body.dark-only .activity-log-card ul li div .username {
  color: #fff;
}
body.dark-only .product-box .product-details h4 {
  color: #fff;
}
body.dark-only .product-box .product-details p {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only .bookmark-wrap .left-bookmark ul li button {
  color: #fff !important;
}
body.dark-only .balance-profile h5 {
  color: #fff;
}
body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
  background: #1A1C23;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
  color: #fff;
}
body.dark-only .common-space .header-top .btn:hover i {
  color: #fff !important;
}
body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
  color: #fff !important;
}
body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .activity-table table tbody tr td .team-activity:hover a {
  color: var(--theme-deafult) !important;
}
body.dark-only .left-header .welcome-content span {
  color: var(--body-font-color);
}
body.dark-only .dropdown-menu .input-group {
  background-color: #1A1C23;
  opacity: 1;
}
body.dark-only .dropdown-menu .dropdown-item {
  background-color: #1A1C23;
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: #1A1C23;
  color: #fff;
}
body.dark-only .activity-log-card ul::before {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .dropdown-basic .dropdown .dropdown-content {
  background-color: #1A1C23;
  z-index: 2;
}
body.dark-only .dropdown-basic .dropdown .dropdown-content a {
  background-color: #1A1C23;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #22242B !important;
}
body.dark-only .projectlist-card {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .projectlist-card .project-data a {
  color: #fff;
}
body.dark-only .new-user ul li {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .new-user ul li a {
  color: #fff !important;
}
body.dark-only .new-user ul li:hover a {
  color: var(--theme-deafult) !important;
}
body.dark-only .new-user ul li .product-sub .invoice-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .top-product-card ul li a {
  color: #fff !important;
}
body.dark-only .top-product-card ul li:hover a {
  color: var(--theme-deafult) !important;
}
body.dark-only .top-product-card ul li.top-product {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .top-product-card ul li .product-items span {
  color: #fff !important;
}
body.dark-only .deliveries-percentage table tbody tr td a {
  color: #fff;
}
body.dark-only .project-meeting-details {
  border-top: rgba(255, 255, 255, 0.1);
}
body.dark-only .project-meeting-details .project-meeting-time a {
  color: #fff;
}
body.dark-only .client-list-table table tbody tr td a {
  color: #fff !important;
}
body.dark-only .client-list-table table tbody tr td .user-id::before {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .client-list-table table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
body.dark-only .project-table .order-table thead {
  background-color: rgba(230, 233, 235, 0.07);
}
body.dark-only .project-table .order-table tbody tr td a {
  color: #fff;
}
body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .project-table .order-table tbody tr:hover td a {
  color: #fff;
}
body.dark-only .user-message li {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .user-message svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1A1C23;
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .apexcharts-tooltip-series-group {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .apexcharts-yaxistooltip,
body.dark-only .apexcharts-xaxistooltip {
  color: rgba(255, 255, 255, 0.6);
  background: #1A1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
  border-left-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .bottom-content .apexcharts-canvas span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  margin-bottom: 0;
}
body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
  fill: #98a6ad;
}
body.dark-only .apexcharts-xaxistooltip {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1A1C23;
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
  color: #98a6ad;
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #22242B;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #98a6ad;
}
body.dark-only .apexcharts-yaxis text {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .theme-form input[type=text] {
  background-color: #1A1C23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
  background-color: #1A1C23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .theme-form textarea {
  background-color: #1A1C23;
}
body.dark-only .page-body .bg-light {
  background-color: #1A1C23 !important;
}
body.dark-only .wizard-4 .step-container {
  background-color: #22242B;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .wizard-4 .login-card .login-main {
  background-color: #1A1C23;
}
body.dark-only .total-balance {
  background-blend-mode: overlay;
}
body.dark-only .icon-state .switch-state:after {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .social-widget .social-icons {
  -webkit-box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23;
          box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23;
}
body.dark-only .calendar-basic .md-sidebar-aside {
  background: #22242B;
}
body.dark-only .calendar-basic #external-events {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .clockpicker-popover .popover-title {
  background-color: #22242B;
}
body.dark-only .clockpicker-popover.bottom > .arrow {
  border-bottom-color: #1A1C23;
}
body.dark-only .clockpicker-popover.bottom > .arrow:after {
  border-bottom-color: #22242B;
}
body.dark-only .clockpicker-popover.top > .arrow {
  border-top-color: #1A1C23;
}
body.dark-only .clockpicker-popover.top > .arrow::after {
  border-top-color: #22242B;
}
body.dark-only .clockpicker-popover.left > .arrow {
  border-left-color: #1A1C23;
}
body.dark-only .clockpicker-popover.left > .arrow::after {
  border-left-color: #22242B;
}
body.dark-only .clockpicker-popover .popover-title {
  border-bottom-color: #22242B;
}
body.dark-only .fc-theme-standard .fc-scrollgrid,
body.dark-only .fc-theme-standard .fc-list {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .fc-theme-standard .fc-list-day-cushion {
  background-color: #1A1C23;
}
body.dark-only .fc .fc-list-event:hover td {
  background-color: #1A1C23;
}
body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
  outline: 25px solid rgba(62, 61, 114, 0.3490196078);
}
body.dark-only .currency-widget div[class*=bg-light-] {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .btn.badge-light-primary:hover {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
  display: none;
}
body.dark-only svg.f-light {
  fill: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
body.dark-only .course-widget .btn-light {
  background-color: #1A1C23 !important;
}
body.dark-only .schedule-list > li {
  -webkit-box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2);
          box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2);
}
body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
  fill: none;
  stroke: none;
}
body.dark-only .page-wrapper.advance-layout .page-header {
  background: #22242B;
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper.only-body {
  background: #1A1C23;
}
body.dark-only .balance-card .svg-box {
  background: #22242B;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.dark-only .balance-card .svg-box svg {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .f-light {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: #22242B;
  color: #fff;
}
body.dark-only .card {
  background-color: #22242B;
}
body.dark-only .ecommerce-widget {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .btn-light {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .form-select {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .add-project .text-inherit {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .knowledgebase-search {
  color: #051A1A;
}
body.dark-only .knowledgebase-search h3 {
  color: #051A1A;
}
body.dark-only .knowledgebase-search .form-control-plaintext {
  color: #051A1A;
}
body.dark-only .toast {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .toast .toast-header {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .toast .toast-dark {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .btn-close {
  -webkit-filter: brightness(0.8) invert(1);
          filter: brightness(0.8) invert(1);
}
body.dark-only .prooduct-details-box .media {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .product-price del {
  color: #98a6ad;
}
body.dark-only .ProfileCard {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .form-control-plaintext {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .form-select {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .box-layout {
  background-color: #1A1C23;
}
body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
  border: 1px solid #1A1C23;
}
body.dark-only .form-check-input {
  background-color: #1A1C23;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .checkbox-wrapper li .form-check-input,
body.dark-only .radio-wrapper li .form-check-input {
  background-color: transparent;
}
body.dark-only .switch-state:before {
  background-color: #22242B;
}
body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #323846;
}
body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #323846;
  border-top-color: transparent;
}
body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #323846;
  border-top-color: transparent;
}
body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #323846;
  border-top-color: transparent;
}
body.dark-only .tooltip .tooltip-inner {
  background-color: #323846;
  color: #fff;
}
body.dark-only .tooltip .tooltip-arrow:before {
  border-top-color: #323846;
}
body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
  color: rgba(255, 255, 255, 0.5);
}
body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
  color: #fff;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
  background-color: #1A1C23 !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
  background-color: #1A1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
  background-color: #1A1C23 !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
  stroke: rgba(255, 255, 255, 0.3);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
  color: rgba(255, 255, 255, 0.4);
  border-color: #1A1C23 !important;
  background-color: #1A1C23 !important;
}
body.dark-only .qty-box input {
  color: rgba(255, 255, 255, 0.5);
}
body.dark-only .customizer-contain {
  color: #1A1C23;
}
body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
  background-color: #fff;
}
body.dark-only .login-dark {
  background-color: #22242B;
  background-blend-mode: overlay;
}
body.dark-only .login-dark .login-main {
  background-color: #323846;
}
body.dark-only .login-card .btn-showcase .btn {
  background-color: #22242B !important;
  color: #fff;
  border-color: #22242B !important;
}
body.dark-only .login-card .login-main {
  -webkit-box-shadow: 0 0 37px rgba(255, 255, 255, 0.05);
          box-shadow: 0 0 37px rgba(255, 255, 255, 0.05);
}
body.dark-only .login-card .login-main .theme-form input {
  background-color: #22242B !important;
}
body.dark-only .login-card .login-main .theme-form .or:before {
  background-color: #22242B;
}
body.dark-only .login-card .login-main .theme-form .checkbox label::before {
  background-color: #22242B !important;
  border-color: #22242B !important;
}
body.dark-only .H_ui ~ div {
  background-color: #1A1C23 !important;
}
body.dark-only .swal-icon--success:after,
body.dark-only .swal-icon--success:before {
  background: #22242B;
}
body.dark-only .swal-icon--success__hide-corners {
  background-color: #22242B;
}
body.dark-only .note-editor.note-frame .note-status-output {
  border-top: 1px solid #22242B;
}
body.dark-only .note-editor.note-frame .note-statusbar {
  border-top: 1px solid #22242B;
}
body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
  background-color: #22242B;
}
body.dark-only .light-font {
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only .page-link {
  background-color: #1A1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .b-r-light {
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .history-details .media {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only #right-history {
  background-color: #22242B;
  -webkit-box-shadow: 0 0 9px #1A1C23;
          box-shadow: 0 0 9px #1A1C23;
}
body.dark-only #right-history h6 span a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .ProfileCard:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #22242B;
}
body.dark-only .translate_wrapper.active .more_lang:before {
  border-bottom: 7px solid #22242B;
}
body.dark-only .translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .toggle-sidebar svg {
  stroke: #fff !important;
}
body.dark-only .toggle-sidebar:hover svg {
  color: #fff !important;
  stroke: #fff !important;
}
body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
  background: rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-title {
  background-color: transparent;
  border-bottom: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px;
          box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px;
}
body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
  stroke: #fff !important;
}
body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
  fill: rgba(255, 255, 255, 0.5);
  stroke: transparent;
}
body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
  stroke: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
  fill: var(--theme-deafult);
  stroke: transparent;
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
  stroke: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
  background-color: transparent;
  border: none;
}
body.dark-only .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B;
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
  stroke: var(--theme-deafult);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
  color: #fff;
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
  background-color: rgba(255, 255, 255, 0.3);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
  color: #fff !important;
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
  background: #22242B;
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
  background: #22242B;
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
  background: #22242B;
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B;
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B;
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
  color: var(--theme-deafult);
  stroke: var(--theme-deafult);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
  border-radius: 15px 15px 0 0;
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
  background-color: transparent;
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
  color: #fff;
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
  color: #fff;
}
body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
  border: 1px solid #1A1C23;
  background: #1A1C23;
  color: #fff;
}
body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
  background-color: transparent;
}
body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
  background-color: transparent;
}
body.dark-only .page-wrapper.advance-layout {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
  background: transparent;
}
body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
  background: transparent;
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
  background: transparent;
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
  background: transparent;
}
body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
    stroke: #fff;
  }
}
body.dark-only ::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .kanban-board-header {
  background-color: #1A1C23;
  border-bottom: 1px solid #22242B;
}
body.dark-only .kanban-board .kanban-drag {
  background: #1A1C23;
}
body.dark-only .kanban-container .kanban-item .kanban-box {
  border: 1px solid rgba(0, 102, 102, 0.15);
  background-color: #1A1C23;
}
body.dark-only .project-box {
  border: 1px solid rgba(0, 102, 102, 0.15);
  background-color: #1A1C23;
}
body.dark-only .file-content .form-inline {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .file-content .files .file-box {
  border: 1px solid rgba(0, 102, 102, 0.15);
  background-color: #1A1C23;
}
body.dark-only .file-content .files .file-box .file-top {
  background-color: #22242B;
  border: 1px solid rgba(0, 102, 102, 0.15);
}
body.dark-only .file-content .folder .folder-box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #1A1C23;
}
body.dark-only .files-content li .files-list .file-left {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #1A1C23;
}
body.dark-only .file-sidebar .pricing-plan {
  border: 1px solid rgba(0, 102, 102, 0.15) !important;
}
body.dark-only .file-sidebar .btn-light {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23 !important;
  border: 1px solid rgba(0, 102, 102, 0.15) !important;
}
body.dark-only #lnb {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .lnb-new-schedule,
body.dark-only .lnb-calendars > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only #menu .sidebar-list .btn-default {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .tui-full-calendar-timegrid-hour {
  background-color: #22242B;
  color: #fff !important;
}
body.dark-only .tui-full-calendar-timegrid-gridline {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .tui-full-calendar-time-date,
body.dark-only .tui-full-calendar-weekday-grid-line,
body.dark-only .tui-full-calendar-left,
body.dark-only .tui-full-calendar-timegrid-timezone {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .tui-full-calendar-popup {
  color: #051A1A;
}
body.dark-only #menu .btn-default {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only #menu .btn-default:hover {
  color: #051A1A;
}
body.dark-only #menu .dropdown-menu {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .tui-full-calendar-dayname-container,
body.dark-only .tui-full-calendar-splitter {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only span.tui-full-calendar-dayname-date-area {
  color: #fff !important;
}
body.dark-only .tui-full-calendar-layout {
  background-color: #22242B !important;
}
body.dark-only .blockquote {
  border-left: 4px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .figure.text-end blockquote {
  border-right-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .contacts-tabs .nav-pills {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-right: unset !important;
}
body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  background-color: #22242B;
}
body.dark-only .apexcharts-gridline {
  stroke: #1A1C23;
}
body.dark-only .apexcharts-tooltip-title,
body.dark-only .apexcharts-tooltip-series-group,
body.dark-only .apexcharts-tooltip.light,
body.dark-only .apexcharts-menu-item {
  color: #000;
}
body.dark-only .small-donut ~ svg path:nth-child(even),
body.dark-only .small-donut svg path:nth-child(even),
body.dark-only .donut-peity2 ~ svg path:nth-child(even),
body.dark-only .donut-peity2 svg path:nth-child(even),
body.dark-only .pie-peity ~ svg path:nth-child(even),
body.dark-only .pie-peity svg path:nth-child(even) {
  fill: #1A1C23;
}
body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .notification .card .d-flex .w-100 p span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .notification .card .d-flex .w-100 span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .notification .vertical-more svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .datepicker {
  background-color: #323846;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .datepicker .datepicker--cell.-current- {
  color: #006666;
}
body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
  color: #fff;
}
body.dark-only .datepicker .datepicker--cell-day.-other-month-,
body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
  color: rgba(255, 255, 255, 0.4);
}
body.dark-only .datepicker .datepicker--nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .datepicker .datepicker--pointer {
  background: #323846;
  border-top-color: #323846;
  border-right-color: #323846;
}
body.dark-only .default-datepicker .datepicker-inline .datepicker {
  background: #22242B;
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
  color: #fff;
}
body.dark-only [class*=activity-dot-] {
  background-color: #22242B;
}
body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .progress {
  background-color: #1A1C23 !important;
}
body.dark-only .alert-primary {
  background-color: rgba(0, 102, 102, 0.8) !important;
  border-color: rgba(0, 102, 102, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-primary .progress {
  height: 5px;
  background-color: #006161;
  border-radius: 0;
}
body.dark-only .alert-primary .progress-bar {
  background-color: #66ffff;
}
body.dark-only .alert-primary.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-primary.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-primary.outline .btn-close,
body.dark-only .alert-primary.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-secondary {
  background-color: rgba(254, 106, 73, 0.8) !important;
  border-color: rgba(254, 106, 73, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-secondary .progress {
  height: 5px;
  background-color: #fe6644;
  border-radius: 0;
}
body.dark-only .alert-secondary .progress-bar {
  background-color: white;
}
body.dark-only .alert-secondary.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-secondary.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-secondary.outline .btn-close,
body.dark-only .alert-secondary.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-success {
  background-color: rgba(0, 172, 70, 0.8) !important;
  border-color: rgba(0, 172, 70, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-success .progress {
  height: 5px;
  background-color: #00a744;
  border-radius: 0;
}
body.dark-only .alert-success .progress-bar {
  background-color: #acffce;
}
body.dark-only .alert-success.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-success.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-success.outline .btn-close,
body.dark-only .alert-success.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-danger {
  background-color: rgba(254, 106, 73, 0.8) !important;
  border-color: rgba(254, 106, 73, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-danger .progress {
  height: 5px;
  background-color: #fe6644;
  border-radius: 0;
}
body.dark-only .alert-danger .progress-bar {
  background-color: white;
}
body.dark-only .alert-danger.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-danger.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-danger.outline .btn-close,
body.dark-only .alert-danger.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-warning {
  background-color: rgba(255, 174, 26, 0.8) !important;
  border-color: rgba(255, 174, 26, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-warning .progress {
  height: 5px;
  background-color: #ffac15;
  border-radius: 0;
}
body.dark-only .alert-warning .progress-bar {
  background-color: white;
}
body.dark-only .alert-warning.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-warning.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-warning.outline .btn-close,
body.dark-only .alert-warning.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-info {
  background-color: rgba(23, 56, 120, 0.8) !important;
  border-color: rgba(23, 56, 120, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-info .progress {
  height: 5px;
  background-color: #163674;
  border-radius: 0;
}
body.dark-only .alert-info .progress-bar {
  background-color: #a1bbed;
}
body.dark-only .alert-info.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-info.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-info.outline .btn-close,
body.dark-only .alert-info.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-light {
  background-color: rgba(230, 233, 235, 0.8) !important;
  border-color: rgba(230, 233, 235, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-light .progress {
  height: 5px;
  background-color: #e3e7e9;
  border-radius: 0;
}
body.dark-only .alert-light .progress-bar {
  background-color: white;
}
body.dark-only .alert-light.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-light.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-light.outline .btn-close,
body.dark-only .alert-light.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .alert-dark {
  background-color: rgba(44, 50, 63, 0.8) !important;
  border-color: rgba(44, 50, 63, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-dark .progress {
  height: 5px;
  background-color: #2a303c;
  border-radius: 0;
}
body.dark-only .alert-dark .progress-bar {
  background-color: #a8b0c2;
}
body.dark-only .alert-dark.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-dark.inverse .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .alert-dark.outline .btn-close,
body.dark-only .alert-dark.outline-2x .btn-close {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
body.dark-only .dismiss-text .alert-dismissible .btn-close {
  -webkit-filter: unset;
          filter: unset;
}
body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
  color: #051A1A !important;
}
body.dark-only .options > div {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  background-color: #1A1C23;
}
body.dark-only .pricing-simple {
  -webkit-box-shadow: 1px 1px 2px 1px #1A1C23 !important;
          box-shadow: 1px 1px 2px 1px #1A1C23 !important;
}
body.dark-only .pricing-block {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important;
          box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important;
}
body.dark-only .search-page ul.search-info li + li {
  border-left: 1px solid #1A1C23;
}
body.dark-only .search-page .info-block {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
body.dark-only .browse .browse-articles h6 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here {
  border: 1px solid #1A1C23;
}
body.dark-only .calendar-wrap .fc-unthemed td,
body.dark-only .calendar-wrap .fc-unthemed th {
  border-color: #1A1C23;
}
body.dark-only .mega-inline,
body.dark-only .mega-horizontal,
body.dark-only .mega-vertical {
  --bs-body-color: rgba(255, 255, 255, 0.6);
}
body.dark-only .mega-inline .card,
body.dark-only .mega-horizontal .card,
body.dark-only .mega-vertical .card {
  -webkit-box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important;
          box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important;
}
body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
body.dark-only .mega-horizontal.plain-style .card,
body.dark-only .mega-horizontal.border-style .card,
body.dark-only .mega-horizontal.offer-style .card,
body.dark-only .mega-vertical.plain-style .card,
body.dark-only .mega-vertical.border-style .card,
body.dark-only .mega-vertical.offer-style .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.dark-only .mega-inline.border-style .card,
body.dark-only .mega-horizontal.border-style .card,
body.dark-only .mega-vertical.border-style .card {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .mega-inline.offer-style .card,
body.dark-only .mega-horizontal.offer-style .card,
body.dark-only .mega-vertical.offer-style .card {
  border: 1px dashed rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .setting-dot .setting-bg {
  background-color: var(--theme-secondary);
}
body.dark-only .bookmark.pull-right {
  border: none;
}
body.dark-only .popover {
  background-color: #1A1C23;
}
body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
  border-bottom-color: #1A1C23;
  border-right-color: transparent;
}
body.dark-only .popover.bs-popover-top .popover-arrow:after {
  border-right-color: transparent;
  border-top-color: #1A1C23;
}
body.dark-only .popover.bs-popover-start .popover-arrow:after {
  border-left-color: #1A1C23;
}
body.dark-only .popover .popover-header {
  background-color: #22242B;
}
body.dark-only .popover .popover-arrow:after {
  border-right-color: #1A1C23;
}
body.dark-only .popover .popover-body {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .popover code {
  background-color: unset;
}
body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .quick-file li .quick-box {
  background-color: #1A1C23;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
  fill: #fff;
}
body.dark-only .Typeahead-menu {
  background-color: #1A1C23;
}
body.dark-only .ecommerce-widget {
  border: 1px solid #1A1C23;
}
body.dark-only .bookmark ul li .search-form .form-control-search input {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .bookmark ul li .search-form .form-control-search:before {
  background: #1A1C23;
}
body.dark-only .cart .qty-box .input-group .btn {
  background-color: #2e3648 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .checkout .checkout-details {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  padding: 40px;
}
body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
  border: 2px solid #22242B;
}
body.dark-only .order-box .title-box {
  color: #bfc2c6;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .order-box .qty {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .order-box .qty li {
  color: #bfc2c6;
}
body.dark-only .order-box .qty li span {
  color: #bfc2c6;
}
body.dark-only .order-box .sub-total li {
  color: #bfc2c6;
}
body.dark-only .order-box .total li {
  color: #bfc2c6;
}
body.dark-only .shopping-checkout-option .checkbox_animated:after {
  border: 2px solid #22242B;
}
body.dark-only .animate-chk .radio_animated:after {
  border: 2px solid #1A1C23;
}
body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(41, 50, 64, 0.52);
}
body.dark-only .product-box .product-img .product-hover ul li .btn {
  color: #98a6ad;
}
body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
  color: #fff;
}
body.dark-only .radio_animated:after,
body.dark-only .checkbox_animated:after {
  background: #1A1C23;
  border: 2px solid #1A1C23;
}
body.dark-only .slider-product {
  border-top: 1px solid #1A1C23;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .icon-menu-header svg {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.dark-only .square-product-setting .icon-grid {
  background-color: #22242B;
}
body.dark-only .square-product-setting .icon-grid svg {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .active-order-table table thead tr th,
body.dark-only .market-table table thead tr th {
  border-top: none !important;
}
body.dark-only .active-order-table table tbody tr td,
body.dark-only .market-table table tbody tr td {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .active-order-table table tbody tr:last-child td,
body.dark-only .market-table table tbody tr:last-child td {
  border-bottom: none;
}
body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .flot-chart-container .legend .table tbody {
  background-color: #22242B;
  color: #fff;
}
body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
  padding-left: 5px;
}
body.dark-only .google-visualization-tooltip text {
  fill: rgba(0, 0, 0, 0.7) !important;
}
body.dark-only .nav-dark .nav-link,
body.dark-only .nav-pills.nav-dark .nav-link {
  color: #fff;
}
body.dark-only .loader-wrapper {
  background-color: #1A1C23;
}
body.dark-only .loader-wrapper .loader {
  background-color: #1A1C23 !important;
}
body.dark-only .nav-right .nav-menus li .input-icon::before {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}
body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
  background-color: #1a1c23;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
body.dark-only .page-wrapper {
  /* Main Header start */
  /* Main Header ends */
}
body.dark-only .page-wrapper .sidebar-main-title h6 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header form {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper li i {
  color: #E6E9EB;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
  fill: rgba(255, 255, 255, 0.3);
  stroke: rgba(255, 255, 255, 0.3);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
  color: #fff !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
  color: #fff !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
  color: #fff !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
  background-color: #1A1C23;
  -webkit-box-shadow: 0 0 14px #1A1C23;
          box-shadow: 0 0 14px #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
  border-bottom: 7px solid #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
  border-bottom: 7px solid #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
  background-color: #22242B;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
  background-color: #282e38 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
  color: var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
  background-color: #1A1C23;
  -webkit-box-shadow: 0 0 2px 2px #22242B;
          box-shadow: 0 0 2px 2px #22242B;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
  border-bottom: 7px solid #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
  border-bottom: 7px solid #1A1C23;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
  display: none;
}
body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
  display: block;
}
body.dark-only .page-wrapper .page-body-wrapper {
  /* body start*/
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
  border-bottom: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
  border: 5px solid #334154;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
  border-bottom: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
  border-top: none !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
  border-bottom: none !important;
}
body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
  background-color: #000;
  opacity: 0.8;
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
  stroke: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
  border: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
  color: rgba(255, 255, 255, 0.7);
  background-color: #22242B;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 {
  background-color: #1b1d24;
  background-blend-mode: overlay;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round {
  -webkit-box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83);
          box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round .half-circle {
  background: rgba(49, 53, 66, 0);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).social-profile {
  background-blend-mode: overlay;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).dependent-profile {
  background-blend-mode: overlay;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
  color: #051A1A;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).trending-card {
  background-color: #010314;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).explore-card {
  background-color: #22242B;
  background-blend-mode: overlay;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).balance-box {
  background-blend-mode: overlay;
  background-color: #16171c;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
  fill: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
  fill: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
  color: #98a6ad !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
  background-color: #22242B;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
  border-color: rgba(255, 255, 255, 0.03);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
  border-bottom: 1px solid var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
  color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
  color: #000;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
  color: #000;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
  border-bottom: 1px solid var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] td {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgba(0, 0, 0, 0.05);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
  border-right: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
  background-color: #22242B;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
  background-color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
  background-color: #22242B !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
  border-left: 1px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
  stroke: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
  border: 2px solid #fff !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
  color: #051A1A;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
  color: #000 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child {
  fill: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6) {
  fill: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect {
  fill: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
  fill: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
  fill: rgb(177, 177, 178);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
  stroke: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
  fill: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
  background-color: #1A1C23;
  color: #98a6ad;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
  background-color: #1A1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
  color: #000;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type=search] {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
  background-color: #1c212b;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
  background-color: #1f232b;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #1c212b;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #22262f;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
  border-bottom: 2px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
  border: 1px solid #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: #1d1e26;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  border-color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #98a6ad !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
  color: #98a6ad !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
  border-top: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #191e27;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
  background-color: #1c212b;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
  border-top: 1px solid #1A1C23;
  border-right: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
  border-left: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
  background-color: #22242B;
  border-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
  color: rgba(255, 255, 255, 0.6);
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
  color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
  background-color: #22242B;
  border-top: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
  border: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
  background-color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
  border: 2px solid #1A1C23;
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid var(--theme-deafult);
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
  background: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-right-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
  background-color: #22242B !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
  opacity: 0.5;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
  border-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
  color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
  background-color: #22242B;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
  background: #22242B;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
  background-color: #1A1C23;
  border-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
  outline: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
  background-color: #1A1C23;
  border-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
  background-color: #1c212b;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*=jsgrid-pager] {
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 700;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
  color: var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
  background-color: #1A1C23;
  -webkit-box-shadow: 0 0 14px 0 #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
  color: #fff;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
  color: var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
  border-bottom: 7px solid #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
  color: #98a6ad;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
  border: 1px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
  border: 2px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
  border: 3px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
  border: 4px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
  border: 5px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
  border: 6px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
  border: 7px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
  border: 8px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
  border: 9px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
  border: 10px solid #1A1C23 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
  border: 1px solid var(--theme-deafult) !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
  border: none !important;
  border-top: 1px solid var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
  border: 1px solid var(--theme-deafult) !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
  border: none !important;
  border-bottom: 1px solid var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
  border: 1px solid var(--theme-deafult) !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
  border: none !important;
  border-left: 1px solid var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
  border: 1px solid var(--theme-deafult) !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
  border: none !important;
  border-right: 1px solid var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
  border: 1px solid var(--theme-deafult) !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
  border: 1px solid var(--theme-deafult) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
  border: none !important;
  border-top: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
  border: none !important;
  border-bottom: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
  border: none !important;
  border-left: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
  border: none !important;
  border-right: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
  border: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
  border: 1px solid #00AC46 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
  border: none !important;
  border-top: 1px solid #00AC46 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
  border: 1px solid #00AC46 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
  border: none !important;
  border-bottom: 1px solid #00AC46 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
  border: 1px solid #00AC46 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
  border: none !important;
  border-left: 1px solid #00AC46 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
  border: 1px solid #00AC46 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
  border: none !important;
  border-right: 1px solid #00AC46 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
  border: 1px solid #00AC46 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
  border: 1px solid #00AC46 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
  border: none !important;
  border-top: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
  border: none !important;
  border-bottom: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
  border: none !important;
  border-left: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
  border: none !important;
  border-right: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
  border: 1px solid #FE6A49 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
  border: 1px solid #FE6A49 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
  border: 1px solid #FFAE1A !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
  border: none !important;
  border-top: 1px solid #FFAE1A !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
  border: 1px solid #FFAE1A !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
  border: none !important;
  border-bottom: 1px solid #FFAE1A !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
  border: 1px solid #FFAE1A !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
  border: none !important;
  border-left: 1px solid #FFAE1A !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
  border: 1px solid #FFAE1A !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
  border: none !important;
  border-right: 1px solid #FFAE1A !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
  border: 1px solid #FFAE1A !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
  border: 1px solid #FFAE1A !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
  border: 1px solid #173878 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
  border: none !important;
  border-top: 1px solid #173878 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
  border: 1px solid #173878 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
  border: none !important;
  border-bottom: 1px solid #173878 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
  border: 1px solid #173878 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
  border: none !important;
  border-left: 1px solid #173878 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
  border: 1px solid #173878 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
  border: none !important;
  border-right: 1px solid #173878 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
  border: 1px solid #173878 !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
  border: 1px solid #173878 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
  border: 1px solid #E6E9EB !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
  border: none !important;
  border-top: 1px solid #E6E9EB !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
  border: 1px solid #E6E9EB !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
  border: none !important;
  border-bottom: 1px solid #E6E9EB !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
  border: 1px solid #E6E9EB !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
  border: none !important;
  border-left: 1px solid #E6E9EB !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
  border: 1px solid #E6E9EB !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
  border: none !important;
  border-right: 1px solid #E6E9EB !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
  border: 1px solid #E6E9EB !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
  border: 1px solid #E6E9EB !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
  border: 1px solid #2c323f !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
  border: none !important;
  border-top: 1px solid #2c323f !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
  border: 1px solid #2c323f !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
  border: none !important;
  border-bottom: 1px solid #2c323f !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
  border: 1px solid #2c323f !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
  border: none !important;
  border-left: 1px solid #2c323f !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
  border: 1px solid #2c323f !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
  border: none !important;
  border-right: 1px solid #2c323f !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
  border: 1px solid #2c323f !important;
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
  border: 1px solid #2c323f !important;
}
body.dark-only .page-wrapper .page-body-wrapper .footer {
  border-top: 1px solid #1A1C23;
  background-color: #22242B;
}
body.dark-only .page-wrapper .page-body-wrapper .footer p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .custom-select,
body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
  background: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
  background-color: #22242B;
  border-top: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .note textarea {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .dt-button-info {
  background-color: #22242B;
  border: 1px solid #98a6ad;
}
body.dark-only .page-wrapper .dt-button-info h2 {
  background-color: #22242B;
}
body.dark-only .page-wrapper pre {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .scorlled {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .input-group-air {
  -webkit-box-shadow: 0 3px 20px 0 #1A1C23;
          box-shadow: 0 3px 20px 0 #1A1C23;
}
body.dark-only .page-wrapper .input-group-text {
  background-color: #22242B;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .input-group-text i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .input-group-solid .input-group-text,
body.dark-only .page-wrapper .input-group-solid .form-control {
  background: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .semilight-bg-color,
body.dark-only .page-wrapper .header-bg-color {
  background-color: #fff;
}
body.dark-only .page-wrapper .list-group-item {
  background-color: #22242B;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .list-group-item + .list-group-item {
  border-top-width: 0;
}
body.dark-only .page-wrapper .list-group-item.active {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult);
  color: #fff;
}
body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .list-group-flush .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
  border-left: 4px solid var(--theme-deafult);
}
body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
  border-left: 4px solid var(--theme-secondary);
}
body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
  border-left: 4px solid #FFAE1A;
}
body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
  border-left: 4px solid #00AC46;
}
body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
  border-left: 4px solid #173878;
}
[dir=rtl] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
  border-left: none;
}
[dir=rtl] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
  border-left: none;
}
[dir=rtl] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
  border-left: none;
}
[dir=rtl] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
  border-left: none;
}
[dir=rtl] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
  border-left: none;
}
body.dark-only .page-wrapper .list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
body.dark-only .page-wrapper .list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
body.dark-only .page-wrapper .list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
body.dark-only .page-wrapper .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
body.dark-only .page-wrapper .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
body.dark-only .page-wrapper .list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
body.dark-only .page-wrapper .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
body.dark-only .page-wrapper .list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
body.dark-only .page-wrapper .auth-bg {
  background-blend-mode: overlay;
  background-color: rgba(54, 64, 74, 0.9);
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card {
  background-color: #22242B;
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .auth-bg .authentication-box h3,
body.dark-only .page-wrapper .auth-bg .authentication-box h4,
body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
  color: #fff;
}
body.dark-only .page-wrapper .auth-bg-video {
  background-blend-mode: overlay;
  background-color: rgba(54, 64, 74, 0.7);
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
  color: #fff;
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
  color: #98a6ad;
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
  background-color: #22242B;
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
  color: #1A1C23;
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
  color: #1A1C23;
}
body.dark-only .page-wrapper .modal-content {
  background-color: #22242B;
}
body.dark-only .page-wrapper .modal-content .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
  color: #fff;
}
body.dark-only .page-wrapper .modal-content .modal-header .close {
  color: #98a6ad;
}
body.dark-only .page-wrapper .modal-content .modal-footer {
  border-top: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .comingsoon {
  background-blend-mode: overlay;
  background-color: rgba(54, 64, 74, 0.9);
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
  border-top: 1px solid #1A1C23;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .theme-form .login-divider {
  border-top: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .theme-form .login-divider:before {
  background: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .authentication-main {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
  background-color: #22242B;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
  color: #98a6ad;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
  color: #98a6ad;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border-color: #1A1C23;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
  background-color: #1A1C23;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
  color: #98a6ad;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
  background-color: #22242B;
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .vertical-menu-main {
  background-color: #22242B;
}
body.dark-only .page-wrapper .mega-menu .title {
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
  color: var(--theme-deafult);
}
body.dark-only .page-wrapper .default-according .card {
  background-color: #22242B;
}
body.dark-only .page-wrapper .default-according .card .btn-link {
  background-color: #22242B;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  color: #fff;
}
body.dark-only .page-wrapper .default-according .card .text-muted {
  color: #98a6ad !important;
}
body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
}
body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
  background-color: var(--theme-secondary);
  border: 1px solid var(--theme-secondary);
}
body.dark-only .page-wrapper .collapse .card-body {
  background-color: #22242B;
}
body.dark-only .page-wrapper .balance-widget.card-body {
  background-color: #22242B;
  background-blend-mode: overlay;
}
@media screen and (max-width: 1660px) {
  body.dark-only .page-wrapper .caller-img img {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 1199px) {
  body.dark-only .page-wrapper .mobile-title.d-none {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  body.dark-only .page-wrapper .chat-menu {
    border-top: 1px solid #1A1C23;
    background-color: #22242B;
  }
  body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
    color: #2c323f;
  }
}
@media only screen and (max-width: 575.98px) {
  body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23;
  }
  body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
}
body.dark-only .lg-backdrop {
  background-color: #1A1C23;
}
body.dark-only .lg-outer .lg-thumb-outer {
  background-color: #22242B;
}
body.dark-only .drag {
  background-color: #22242B;
}
body.dark-only .drag form {
  background: #22242B;
  -webkit-box-shadow: 0 0 30px #1A1C23;
          box-shadow: 0 0 30px #1A1C23;
  border: 1px dotted #1A1C23;
}
body.dark-only .drag form input {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .drag form .help-block {
  text-transform: capitalize;
  color: #98a6ad;
}
body.dark-only .draggable input {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A1C23;
}
body.dark-only .draggable p {
  color: #98a6ad;
}
body.dark-only .draggable select {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A1C23;
}
body.dark-only .draggable .radio label::before,
body.dark-only .draggable .checkbox label::before {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .select2-container--default .select2-selection--multiple,
body.dark-only .select2-container--default .select2-selection--single {
  background-color: #1A1C23;
  border: 1px solid #1A1C23 !important;
}
body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #22242B !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .select2-dropdown {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only .select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult) !important;
  color: var(--theme-deafult) !important;
}
body.dark-only .select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary) !important;
  color: var(--theme-secondary) !important;
}
body.dark-only .select2-drpdwn .form-control-success {
  border-color: #00AC46 !important;
  color: #00AC46 !important;
}
body.dark-only .select2-drpdwn .form-control-info {
  border-color: #173878 !important;
  color: #173878 !important;
}
body.dark-only .select2-drpdwn .form-control-warning {
  border-color: #FFAE1A !important;
  color: #FFAE1A !important;
}
body.dark-only .select2-drpdwn .form-control-danger {
  border-color: #FE6A49 !important;
  color: #FE6A49 !important;
}
body.dark-only .select2-drpdwn .form-control-inverse {
  border-color: #fff !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult) !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary) !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-success-fill {
  background-color: #00AC46 !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-info-fill {
  background-color: #173878 !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49 !important;
  color: #fff !important;
}
body.dark-only .select2-drpdwn .form-control-inverse-fill {
  background-color: #fff !important;
  color: #000 !important;
}
body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #1A1C23;
}
body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border-color: #1A1C23;
}
body.dark-only .theme-form .form-group input[type=text],
body.dark-only .theme-form .form-group input[type=email],
body.dark-only .theme-form .form-group input[type=search],
body.dark-only .theme-form .form-group input[type=password],
body.dark-only .theme-form .form-group input[type=number],
body.dark-only .theme-form .form-group input[type=tel],
body.dark-only .theme-form .form-group input[type=date],
body.dark-only .theme-form .form-group input[type=datetime-local],
body.dark-only .theme-form .form-group input[type=time],
body.dark-only .theme-form .form-group input[type=datetime-local],
body.dark-only .theme-form .form-group input[type=month],
body.dark-only .theme-form .form-group input[type=week],
body.dark-only .theme-form .form-group input[type=url],
body.dark-only .theme-form .form-group input[type=file],
body.dark-only .theme-form .form-group select {
  border-color: #1A1C23;
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
  color: #98a6ad;
}
body.dark-only .theme-form .form-group .form-control {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .theme-form .form-group textarea {
  border-color: #1A1C23;
}
body.dark-only .theme-form .form-divider {
  border-top: 1px solid #1A1C23;
}
body.dark-only .theme-form .form-divider::before {
  background: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .CodeMirror {
  background: #22242B;
  border: 1px solid #98a6ad;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .CodeMirror .CodeMirror-code pre {
  background: #22242B;
}
body.dark-only .editor-toolbar {
  border-top: 1px solid #98a6ad;
  border-left: 1px solid #98a6ad;
  border-right: 1px solid #98a6ad;
}
body.dark-only .editor-toolbar a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
  background: #1A1C23;
}
body.dark-only .editor-toolbar i.separator {
  border-left: 1px solid #98a6ad;
  border-right: 1px solid #98a6ad;
}
body.dark-only .editor-toolbar.fullscreen::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A1C23), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%);
}
body.dark-only .editor-toolbar.fullscreen::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), to(#1A1C23));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%);
}
body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
  background: #1A1C23;
}
body.dark-only .editor-preview {
  background-color: #22242B;
}
body.dark-only .editor-toolbar.fullscreen,
body.dark-only .editor-preview-side {
  background: #22242B;
  border: 1px solid #98a6ad;
}
body.dark-only .u-step {
  background: #1A1C23;
}
body.dark-only .u-step.active, body.dark-only .u-step.current {
  background: var(--theme-deafult);
  color: #fff;
}
body.dark-only .u-step-title,
body.dark-only .u-pearl-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .u-step-number {
  background-color: #22242B;
}
body.dark-only .u-pearl:before {
  background-color: #1A1C23;
}
body.dark-only .u-pearl-number,
body.dark-only .u-pearl-icon {
  background: #1A1C23;
  border: 2px solid #1A1C23;
}
body.dark-only .u-pearl.disabled .u-pearl-icon,
body.dark-only .u-pearl.disabled .u-pearl-number {
  background: #1A1C23;
  border: 2px solid #1A1C23;
}
body.dark-only .u-pearl.disabled:after {
  background-color: #334053;
}
body.dark-only .u-pearl.error:after {
  background-color: #1A1C23;
}
body.dark-only .note-editor.note-frame {
  border-color: #1A1C23;
}
body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .swal-modal {
  background-color: #22242B;
}
body.dark-only .swal-modal .swal-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .swal-modal .swal-text {
  color: #98a6ad;
}
body.dark-only .swal-modal .swal-content__input {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .nav-tabs .nav-link.active {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B;
}
body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846;
}
body.dark-only .nav-tabs .nav-item.show .nav-link {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
  border-color: #1A1C23 #1A1C23 #22242B;
}
body.dark-only .nav-primary .nav-link.active {
  background-color: var(--theme-deafult);
}
body.dark-only .nav-primary .nav-item.show .nav-link {
  background-color: var(--theme-deafult);
}
body.dark-only .custom-tab.nav-tabs {
  border-bottom: none;
}
body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #22242B #1A1C23 #1A1C23;
}
body.dark-only .border-tab .nav-link.active {
  background-color: transparent;
}
body.dark-only .border-tab .show > .nav-link {
  background-color: transparent;
}
body.dark-only .email-wrap .media-body h6 {
  color: #fff;
}
body.dark-only .email-wrap .media-body p {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .email-wrap .main-menu > li a:hover {
  background-color: #1A1C23;
}
body.dark-only .email-wrap .main-menu > li a:active {
  background-color: #1A1C23;
}
body.dark-only .border-tab.nav-left .nav-link,
body.dark-only .border-tab.nav-right .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .border-tab.nav-left .nav-link.active,
body.dark-only .border-tab.nav-right .nav-link.active {
  color: var(--theme-deafult);
}
body.dark-only .border-tab.nav-left .show > .nav-link,
body.dark-only .border-tab.nav-right .show > .nav-link {
  color: var(--theme-deafult);
}
body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
  border-left-color: var(--theme-secondary);
  color: var(--theme-secondary) !important;
}
body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: var(--theme-secondary);
  color: var(--theme-secondary) !important;
}
body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
  color: var(--theme-secondary) !important;
  border-left-color: var(--theme-secondary);
}
body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
  color: #00AC46 !important;
}
body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46 !important;
}
body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
  color: #00AC46 !important;
  border-left-color: #00AC46;
}
body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
  color: #173878 !important;
}
body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878 !important;
}
body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
  color: #173878 !important;
  border-left-color: #173878;
}
body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
  color: var(--theme-secondary) !important;
}
body.dark-only .border-tab.nav-secondary .nav-item.show {
  color: var(--theme-secondary) !important;
}
body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
  color: #00AC46 !important;
}
body.dark-only .border-tab.nav-success .nav-item.show {
  color: #00AC46 !important;
}
body.dark-only .dropdown-divider {
  border-top: 1px solid #1A1C23;
}
body.dark-only .icon-hover-bottom {
  background-color: #22242B;
  -webkit-box-shadow: 0px 0px 1px 1px #1A1C23;
          box-shadow: 0px 0px 1px 1px #1A1C23;
}
body.dark-only .icon-hover-bottom .icon-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .icon-hover-bottom span {
  color: #98a6ad;
}
body.dark-only .icon-hover-bottom .form-group input {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A1C23;
}
body.dark-only .icon-hover-bottom .icon-first i {
  color: #98a6ad;
}
body.dark-only code {
  background-color: #1A1C23;
  border-radius: 2px;
}
body.dark-only #cd-timeline::before {
  background: #1A1C23;
}
body.dark-only .timeliny {
  border-top: 1px solid #1A1C23;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .timeliny::before {
  background-color: #fff;
}
body.dark-only .timeliny .timeliny-dot {
  background-color: #22242B;
  border: 1px solid #fff;
}
body.dark-only .timeliny .timeliny-dot::before {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
  border: none;
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
  background-color: #fff;
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
  background-color: #22242B;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
  background: #22242B;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
  color: #fff;
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
  background: #22242B;
  border: 1px solid #1A1C23;
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
  color: var(--theme-deafult);
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
  border: 1px solid #00AC46 !important;
}
body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
  background-color: #22242B;
  border: 1px solid #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .user-profile .ttl-info h6 {
  color: #98a6ad;
}
body.dark-only .user-profile .ttl-info span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .user-profile .hovercard .info .title a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .user-profile .hovercard .user-image .avatar img {
  border: 10px solid #22242B;
}
body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
  background-color: #22242B;
}
body.dark-only .user-profile .hovercard .tabs-scoial {
  border-bottom: none !important;
}
body.dark-only .user-profile .follow .follow-num {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .user-profile .profile-img-style .user-name {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .user-profile .profile-img-style p {
  color: #98a6ad;
}
body.dark-only .introjs-helperLayer {
  background-color: rgba(54, 64, 74, 0.9);
  border: rgba(255, 255, 255, 0.5);
}
body.dark-only .jstree-default .jstree-node,
body.dark-only .jstree-default .jstree-icon {
  color: #455869 !important;
}
body.dark-only .jstree-default .jstree-anchor {
  color: #98a6ad;
}
body.dark-only .jstree-default .jstree-clicked {
  color: #fff;
  background-color: transparent;
}
body.dark-only .jstree-default .jstree-hovered {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
}
body.dark-only span.twitter-typeahead .tt-menu {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only span.twitter-typeahead .tt-suggestion {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
  background-color: #22242B;
}
body.dark-only .typography small {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .code-box-copy pre {
  background-color: #1A1C23;
}
body.dark-only .code-box-copy pre code {
  background-color: #1A1C23;
}
body.dark-only .code-box-copy pre[class*=language-] {
  border: 1px solid #1A1C23;
}
body.dark-only .code-box-copy .code-box-copy__btn {
  background-color: #1A1C23;
  border: 1px solid #1A1C23;
  color: #fff;
}
body.dark-only .code-box-copy code[class*=language-],
body.dark-only .code-box-copy pre[class*=language-] {
  text-shadow: 0px 1px #000;
}
body.dark-only .code-box-copy code[class*=language-] ::-moz-selection, body.dark-only .code-box-copy pre[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #22242B;
}
body.dark-only .code-box-copy code[class*=language-] ::selection,
body.dark-only .code-box-copy pre[class*=language-] ::selection {
  text-shadow: none;
  background: #22242B;
}
body.dark-only table.fixedHeader-floating {
  background-color: #1A1C23;
}
body.dark-only .note textarea {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .dt-button-info {
  background-color: #22242B;
  border: 1px solid #1A1C23;
}
body.dark-only .dt-button-info h2 {
  background-color: #22242B;
  border-bottom: 1px solid #1A1C23;
}
body.dark-only pre {
  background-color: #1A1C23;
}
body.dark-only #keytable_wrapper .dataTables_paginate,
body.dark-only #column-selector_wrapper .dataTables_paginate,
body.dark-only #auto-fill_wrapper .dataTables_paginate,
body.dark-only #custom-button_wrapper .dataTables_paginate,
body.dark-only #class-button_wrapper .dataTables_paginate,
body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
body.dark-only #state-saving_wrapper .dataTables_paginate,
body.dark-only #real-time_wrapper .dataTables_paginate,
body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
body.dark-only #export-button_wrapper .dataTables_paginate,
body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
body.dark-only #cust-json_wrapper .dataTables_paginate,
body.dark-only #basic-key-table_wrapper .dataTables_paginate,
body.dark-only #focus-cell_wrapper .dataTables_paginate,
body.dark-only #responsive_wrapper .dataTables_paginate,
body.dark-only #new-cons_wrapper .dataTables_paginate,
body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
body.dark-only #full-row_wrapper .dataTables_paginate,
body.dark-only #rest-column_wrapper .dataTables_paginate {
  border: none;
}
body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
  background-color: #1A1C23;
}
body.dark-only .error-wrapper {
  background-color: rgba(54, 64, 74, 0.8);
}
body.dark-only .error-wrapper .sub-content {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .b-light {
  border: 1px solid #1A1C23 !important;
}
body.dark-only .modal-content {
  background-color: #22242B;
}
body.dark-only .modal-content .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .modal-content .modal-header h3 {
  color: #fff;
}
body.dark-only .modal-content .modal-header .close {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-only .modal-content .ui-front .form-control {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
body.dark-only .modal .theme-close {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .token.atrule,
body.dark-only .token.attr-value,
body.dark-only .token.keyword {
  color: #173878;
}
body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
  color: #FE6A49;
}
body.dark-only .loader-box.card-loader {
  background-color: #22242B;
}
body.dark-only .my-gallery.gallery-with-description img {
  border: 1px solid #1A1C23 !important;
  border-bottom: none !important;
}
body.dark-only .alert-primary.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-secondary.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-success.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-danger.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-warning.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-info.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-light.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-dark.inverse {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .alert-theme span + span + span {
  border-left: 5px solid var(--theme-deafult);
  background-color: #1A1C23;
  border-radius: 4px;
}
body.dark-only .alert-theme i {
  color: #fff;
  padding: 20px;
  margin-right: 20px !important;
}
body.dark-only .user-card .user-deatils h6 {
  color: #98a6ad;
}
body.dark-only .user-card .card-footer > div:first-child {
  border-right: 1px solid #1A1C23;
}
body.dark-only .user-card .card-footer .user-footer h6 {
  color: #98a6ad;
}
body.dark-only .user-card .card-footer .user-footer svg path,
body.dark-only .user-card .card-footer .user-footer svg rect {
  color: #98a6ad;
}
body.dark-only .order-history table .qty-box button {
  background-color: #1A1C23 !important;
  border: none !important;
}
body.dark-only .order-history table .qty-box .input-group {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .order-history table thead tr th {
  background-color: #1A1C23;
}
body.dark-only .order-history table tr td,
body.dark-only .order-history table tr th {
  border-top: none !important;
}
body.dark-only .order-history .title-orders {
  background-color: #1A1C23;
}
body.dark-only .navigation-option ul li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .navigation-option ul li:hover {
  background-color: #1A1C23;
}
body.dark-only .product-box .product-details h6 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .product-box .product-details > a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .product-box .product-details span {
  color: #98a6ad;
}
body.dark-only .product-box .product-img .product-hover ul li {
  background-color: #22242B;
}
body.dark-only .product-box .product-img .product-hover ul li:hover {
  background-color: #000;
  color: #fff;
}
body.dark-only .browse .browse-articles ul li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .browse .browse-articles ul li:hover {
  background-color: #1A1C23;
}
body.dark-only .radio-primary input[type=radio] + label::before {
  border-color: var(--theme-deafult) !important;
}
body.dark-only .radio-primary input[type=radio] + label::after {
  background-color: var(--theme-deafult);
}
body.dark-only .radio-primary input[type=radio]:checked + label::before {
  border-color: var(--theme-deafult) !important;
}
body.dark-only .radio-primary input[type=radio]:checked + label::after {
  background-color: var(--theme-deafult);
}
body.dark-only .radio-secondary input[type=radio] + label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .radio-secondary input[type=radio] + label::after {
  background-color: #FE6A49;
}
body.dark-only .radio-secondary input[type=radio]:checked + label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .radio-secondary input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}
body.dark-only .radio-success input[type=radio] + label::before {
  border-color: #00AC46 !important;
}
body.dark-only .radio-success input[type=radio] + label::after {
  background-color: #00AC46;
}
body.dark-only .radio-success input[type=radio]:checked + label::before {
  border-color: #00AC46 !important;
}
body.dark-only .radio-success input[type=radio]:checked + label::after {
  background-color: #00AC46;
}
body.dark-only .radio-danger input[type=radio] + label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .radio-danger input[type=radio] + label::after {
  background-color: #FE6A49;
}
body.dark-only .radio-danger input[type=radio]:checked + label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .radio-danger input[type=radio]:checked + label::after {
  background-color: #FE6A49;
}
body.dark-only .radio-info input[type=radio] + label::before {
  border-color: #173878 !important;
}
body.dark-only .radio-info input[type=radio] + label::after {
  background-color: #173878;
}
body.dark-only .radio-info input[type=radio]:checked + label::before {
  border-color: #173878 !important;
}
body.dark-only .radio-info input[type=radio]:checked + label::after {
  background-color: #173878;
}
body.dark-only .radio-light input[type=radio] + label::before {
  border-color: #E6E9EB !important;
}
body.dark-only .radio-light input[type=radio] + label::after {
  background-color: #E6E9EB;
}
body.dark-only .radio-light input[type=radio]:checked + label::before {
  border-color: #E6E9EB !important;
}
body.dark-only .radio-light input[type=radio]:checked + label::after {
  background-color: #E6E9EB;
}
body.dark-only .radio-dark input[type=radio] + label::before {
  border-color: #2c323f !important;
}
body.dark-only .radio-dark input[type=radio] + label::after {
  background-color: #2c323f;
}
body.dark-only .radio-dark input[type=radio]:checked + label::before {
  border-color: #2c323f !important;
}
body.dark-only .radio-dark input[type=radio]:checked + label::after {
  background-color: #2c323f;
}
body.dark-only .radio-warning input[type=radio] + label::before {
  border-color: #FFAE1A !important;
}
body.dark-only .radio-warning input[type=radio] + label::after {
  background-color: #FFAE1A;
}
body.dark-only .radio-warning input[type=radio]:checked + label::before {
  border-color: #FFAE1A !important;
}
body.dark-only .radio-warning input[type=radio]:checked + label::after {
  background-color: #FFAE1A;
}
body.dark-only .checkbox-primary label::before {
  border-color: var(--theme-deafult) !important;
}
body.dark-only .checkbox-secondary label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .checkbox-success label::before {
  border-color: #00AC46 !important;
}
body.dark-only .checkbox-danger label::before {
  border-color: #FE6A49 !important;
}
body.dark-only .checkbox-info label::before {
  border-color: #173878 !important;
}
body.dark-only .checkbox-light label::before {
  border-color: #E6E9EB !important;
}
body.dark-only .checkbox-dark label::before {
  border-color: #2c323f !important;
}
body.dark-only .checkbox-warning label::before {
  border-color: #FFAE1A !important;
}
body.dark-only .checkbox-solid-primary label:before {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-primary input[type=checkbox]:checked + label::before {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-primary input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-secondary label:before {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked + label::before {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-success label:before {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-success input[type=checkbox]:checked + label::before {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-success input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-danger label:before {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-danger input[type=checkbox]:checked + label::before {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-danger input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-info label:before {
  background-color: #173878 !important;
  border-color: #173878 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-info input[type=checkbox]:checked + label::before {
  background-color: #173878 !important;
  border-color: #173878 !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-info input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-light label:before {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-light input[type=checkbox]:checked + label::before {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-light input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-dark label:before {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-dark input[type=checkbox]:checked + label::before {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-dark input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .checkbox-solid-warning label:before {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-warning input[type=checkbox]:checked + label::before {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  color: #fff !important;
}
body.dark-only .checkbox-solid-warning input[type=checkbox]:checked + label::after {
  color: #fff !important;
}
body.dark-only .bootstrap-datetimepicker-widget ul li {
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #1A1C23;
}
body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
  background-color: #22242B;
}
body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
  background-color: #22242B;
}
body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
  background-color: #22242B;
}
body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
  background-color: #22242B;
}
body.dark-only .btn-transparent {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
  color: #98a6ad;
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
  color: #98a6ad;
}
body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
  color: #fff !important;
}
body.dark-only .fc-button-group .fc-basicWeek-button,
body.dark-only .fc-button-group .fc-basicDay-button,
body.dark-only .fc-button-group .fc-agendaWeek-button,
body.dark-only .fc-button-group .fc-agendaDay-button {
  color: #000 !important;
}
body.dark-only .fc-button-group .fc-month-button {
  color: #fff !important;
}
body.dark-only .btn-light:not([disabled]):not(.disabled).active.active {
  background-color: #1A1C23 !important;
  color: rgba(255, 255, 255, 0.3) !important;
}
body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
  color: rgba(5, 26, 26, 0.5) !important;
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
  color: #000 !important;
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
  color: #fff !important;
}
body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
  color: #000 !important;
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
  color: #000 !important;
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
  color: #fff !important;
}
body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
  color: #000 !important;
}
body.dark-only .categories ul li a {
  color: #98a6ad;
}
body.dark-only .categories ul li:hover {
  background-color: #1A1C23;
}
body.dark-only .socialprofile .likes-profile h5 span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .socialprofile span {
  color: #98a6ad;
}
body.dark-only .social-status .media .media-body span + span {
  color: #98a6ad;
}
body.dark-only .social-status .media .media-body p,
body.dark-only .social-status .media .media-body .light-span {
  color: #98a6ad;
}
body.dark-only .filter-cards-view p,
body.dark-only .timeline-content p {
  color: #98a6ad;
}
body.dark-only .filter-cards-view .comment-number i,
body.dark-only .timeline-content .comment-number i {
  color: #98a6ad;
}
body.dark-only .filter-cards-view .comments-box .input-group .form-control,
body.dark-only .timeline-content .comments-box .input-group .form-control {
  border: none !important;
}
body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
body.dark-only .timeline-content .comments-box .input-group .input-group-append {
  background-color: #1A1C23;
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  background-color: #1A1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .social-chat .flex-grow-1 {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .social-chat .flex-grow-1:after {
  border-right: 7px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .social-chat .flex-grow-1 .input-group input {
  background-color: #1A1C23;
}
body.dark-only .social-chat span span {
  color: #98a6ad;
}
body.dark-only .details-about .your-details p {
  color: #98a6ad;
}
body.dark-only .activity-log .my-activity p {
  color: #98a6ad;
}
body.dark-only .bookmark ul li a {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 991.98px) {
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media only screen and (max-width: 767.98px) {
  body.dark-only .page-wrapper.material-icon .page-header {
    background-color: #22242B;
  }
}
body.dark-only .apexcharts-tooltip.light {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #1A1C23;
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
  color: #fff;
}
body.dark-only .dark-txt p strong {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .live-dark .btn-close {
  -webkit-filter: initial;
          filter: initial;
}
body.dark-only .alert-light {
  color: #1A1C23 !important;
}
body.dark-only .dark-input-type .input-group .input-group-text {
  background: transparent;
  border: unset;
}
body.dark-only .dropdown-menu {
  background-color: #1A1C23;
}
body.dark-only .leaflet-control-zoom span {
  color: #051A1A;
}
body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
  color: rgba(255, 255, 255, 0.1);
}
body.dark-only .dark-accordion .accordion-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
  background-color: #22242B;
}
body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
  border: 0;
}
body.dark-only .dark-accordion .collapse-wrapper {
  color: #1A1C23;
}
body.dark-only .dark-accordion.card {
  border-radius: unset;
}
body.dark-only .accordions-content li {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
  border-top-width: 1px;
}
body.dark-only .dark-list .list-group .list-group-item .form-check-input {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: transparent;
}
body.dark-only .dark-list .list-light-dark {
  background-color: #1A1C23;
}
body.dark-only .card-wrapper .sub-title {
  border-bottom: unset !important;
}
body.dark-only .dark-blockquote .blockquote p {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .dark-sign-up h3 {
  color: #22242B;
}
body.dark-only .dark-sign-up p {
  color: #22242B;
}
body.dark-only .dark-sign-up .modal-body form .form-label {
  color: #1f2533;
}
body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
  color: #1f2533;
}
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .social-profile {
  background-attachment: fixed;
}
body.dark-only .social-profile .social-details h5 a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .dark-helper {
  background-color: rgba(26, 28, 35, 0.4);
}
body.dark-only .dark-helper h6,
body.dark-only .dark-helper span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .dark-helper .text-muted {
  color: #22242B !important;
}
body.dark-only .font-dark {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .treejs .treejs-node__disabled {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .treejs .treejs-switcher:before {
  border-top: 4px solid rgba(255, 255, 255, 0.6);
}
body.dark-only .irs-min,
body.dark-only .irs-max {
  color: #98a6ad;
  background-color: #323846;
}
body.dark-only .ribbon-wrapper.alert-light-light,
body.dark-only .ribbon-wrapper-bottom.alert-light-light,
body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
body.dark-only .ribbon-wrapper-right.alert-light-light,
body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
  background-color: #323846;
}
body.dark-only .pagination .page-item .page-link.rounded-circle {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-only .dark-timeline .date-content {
  color: rgba(255, 255, 255, 0.6) !important;
  background-color: #1A1C23 !important;
}
body.dark-only .student-leader-wrapper .student-leader-content {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .attendance-card .left-overview-content .svg-box {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .task-table .main-task-wrapper .square-white {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid transparent;
}
body.dark-only .income-wrapper ul li + li {
  border-left: 1px dashed rgba(255, 255, 255, 0.1);
}
@media (max-width: 1735px) {
  body.dark-only .income-wrapper ul li + li {
    border-left: unset;
  }
}
body.dark-only .icons-box-2 .open-options .dropdown-menu {
  background-color: #1A1C23;
}
body.dark-only .performance-wrapper .performance-right p {
  color: var(--body-font-color);
}
body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  color: #98a6ad;
}
body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: unset;
  background-color: #22242B;
}
[dir=rtl] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-right: unset;
}
body.dark-only .our-product-wrapper {
  -webkit-box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18);
          box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18);
}
body.dark-only .grid-showcase span {
  background-color: #1A1C23;
}
body.dark-only .grid-showcase .grid-wrapper {
  background-color: #1A1C23;
}
body.dark-only .custom-input #validationCustom03.form-control,
body.dark-only .custom-input #validationCustom03 .form-select,
body.dark-only .custom-input #validationCustom05.form-control,
body.dark-only .custom-input #validationCustom05 .form-select,
body.dark-only .custom-input #validationCustomUsername.form-control,
body.dark-only .custom-input #validationCustomUsername .form-select {
  border-color: #1A1C23;
}
body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
  color: rgba(255, 255, 255, 0.2);
  background-color: #1A1C23;
  border-color: #1A1C23;
}
body.dark-only .custom-input .form-control,
body.dark-only .custom-input .form-select {
  background-color: #1A1C23 !important;
  border-color: #1A1C23;
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
  color: #98a6ad;
}
body.dark-only td.highlight {
  background-color: #1f232b !important;
}
body.dark-only .card-wrapper .form-control,
body.dark-only .dark-field .form-control {
  background-color: #1A1C23;
  border-color: #1A1C23;
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .form-control-sm {
  background-color: #1A1C23;
  border-color: #1A1C23;
}
body.dark-only .dark-inputs .form-control.btn-square {
  background-color: #1A1C23;
  border-color: #1A1C23;
}
body.dark-only .dark-inputs .form-control.btn-pill {
  background-color: #1A1C23;
  border-color: #1A1C23;
}
body.dark-only .dark-inputs .form-control.input-air-primary {
  background-color: #1A1C23;
  border-color: #1A1C23;
}
body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
  color: #1A1C23;
}
body.dark-only .touchspin-wrapper input[type=number].input-touchspin,
body.dark-only .pre-post-touchspin input[type=number].input-touchspin {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
  color: #fff;
}
body.dark-only .flatpickr-calendar {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
body.dark-only .flatpickr-calendar.animate {
  background-color: #1A1C23;
}
body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
  color: #fff !important;
}
body.dark-only .flatpickr-current-month .numInputWrapper {
  color: #fff !important;
}
body.dark-only .flatpickr-prev-month {
  fill: #fff !important;
}
body.dark-only .flatpickr-next-month {
  fill: #fff !important;
}
body.dark-only .flatpickr-time {
  border: 1px solid #323846;
}
body.dark-only .flatpickr-time input {
  background: #22262f;
}
body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .tagify__dropdown__item--active {
  background-color: #1A1C23;
}
body.dark-only .tagify__input {
  color: #98a6ad;
}
body.dark-only .tagify__input::before {
  color: #98a6ad;
}
body.dark-only .tagify {
  border-color: rgba(255, 255, 255, 0.1);
  --tags-focus-border-color: #374558;
}
body.dark-only .tagify .tagify__tag-text {
  color: #1A1C23;
}
body.dark-only .international-num input {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #22242B;
}
body.dark-only .international-num .results ul {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .iti__country-list {
  background-color: #22242B;
}
body.dark-only .select-box .selection-option:hover {
  background-color: #22262f;
}
body.dark-only .select-box .options-container.active ~ .search-box input {
  background-color: rgba(255, 255, 255, 0.6);
}
body.dark-only .table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #1d1e26;
}
body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
  background-color: #1A1C23;
  border-color: #323846;
}
body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
  background-color: #1A1C23;
  border-color: #323846;
}
body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
  color: #98a6ad;
}
body.dark-only .typeahead-wrapper .theme-form .form-control {
  background-color: #1A1C23 !important;
  border-color: #1A1C23 !important;
}
body.dark-only .compose-modal form .form-control {
  background-color: #1A1C23;
  border-color: rgba(255, 255, 255, 0.1);
  color: #98a6ad;
}
body.dark-only .toolbar-box .ql-snow .ql-stroke {
  stroke: #98a6ad;
}
body.dark-only .toolbar-box .ql-snow .ql-tooltip {
  background-color: #1A1C23;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 0;
}
body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
  background-color: #22242B;
  border: 0;
  color: #98a6ad;
}
body.dark-only .toolbar-box .ql-snow a {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .toolbar-box .ql-editor.ql-blank::before {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .nav-right .nav-menus li .input-show input {
  border-color: #22242B !important;
  background-color: #1A1C23;
  color: #fff;
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
  background-color: #1A1C23;
  border: 0;
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
  background: #1A1C23;
  opacity: 1;
  border: 0;
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
  background-color: #22242B;
}
body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
  background: #2b2b2b;
}
body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #98a6ad;
}
body.dark-only .inbox-security {
  background-color: #1A1C23;
}
body.dark-only .mail-pagination .pagination-number,
body.dark-only .mail-pagination .pagination-button {
  background-color: #323846;
}
body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
  border: unset;
  background-color: #1A1C23 !important;
}
body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
  color: #98a6ad;
}
body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .product-buttons .btn svg {
  stroke: rgba(255, 255, 255, 0.6);
}
body.dark-only .ql-formats .ql-picker-label::before {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
  background-color: var(--theme-deafult);
  color: var(--white);
}
body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: #1A1C23;
  color: #98a6ad;
}
body.dark-only .list-product .datatable-input:focus {
  outline: unset;
}
body.dark-only .list-product .datatable-selector {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23;
}
body.dark-only .table {
  --bs-table-bg: trasparnt;
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
  background-color: #1A1C23;
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
  background-color: #1A1C23;
  border: unset;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .search-contacts .form-control {
  background-color: #1A1C23;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .search-contacts .form-control::-webkit-input-placeholder {
  color: #98a6ad;
}
body.dark-only .search-contacts .form-control::-moz-placeholder {
  color: #98a6ad;
}
body.dark-only .search-contacts .form-control:-ms-input-placeholder {
  color: #98a6ad;
}
body.dark-only .search-contacts .form-control::-ms-input-placeholder {
  color: #98a6ad;
}
body.dark-only .search-contacts .form-control::placeholder {
  color: #98a6ad;
}
body.dark-only .msger .right-msg .msg-bubble {
  color: #fff;
}
body.dark-only .right-sidebar-title span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-only .right-sidebar-Chats .msger-chat {
  background: #1A1C23;
}
body.dark-only .right-sidebar-Chats .msger-inputarea {
  background: #22242B;
}
body.dark-only .right-sidebar-Chats .msger-input:focus {
  background-color: #1A1C23;
}
body.dark-only .fg-emoji-picker-search input,
body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .fg-emoji-picker-category-title {
  background-color: #323846;
}
body.dark-only .add-post form label,
body.dark-only .add-post form .col-form-label {
  color: #98a6ad;
}
body.dark-only .add-post form .form-control {
  background-color: #1A1C23;
  color: rgba(255, 255, 255, 0.2);
  border: unset;
}
body.dark-only .add-post form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .add-post form .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .add-post form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .add-post form .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .add-post form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-only .ql-container.ql-snow .ql-editor {
  color: rgba(255, 255, 255, 0.2);
}
body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none;
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B;
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
  background-color: #22242B;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
  stroke: #fff !important;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
  fill: #051A1A;
  stroke: none !important;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
  background-color: rgba(255, 255, 255, 0.3);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
  color: #fff !important;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
  background: #22242B;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
  color: var(--theme-deafult);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
  background: #22242B;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
  background: #22242B;
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
  background-color: #22242B;
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B;
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B;
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
  color: var(--theme-deafult);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
  color: var(--theme-deafult);
  stroke: var(--theme-deafult);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult);
}
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6);
}
body .for-dark {
  display: none;
}
body[class*=dark-] .for-dark {
  display: block;
}
body[class*=dark-] .for-light {
  display: none;
}

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 0px;
  top: 50%;
  z-index: 3;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
          box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
}
.customizer-links > .nav {
  border-radius: 8px;
  padding: 10px;
  background-color: #fff;
}
.customizer-links.open {
  right: 330px;
  border-radius: 8px 0 0 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link {
  padding: 0;
  position: relative;
  text-align: -webkit-center;
}
.customizer-links .nav-link:before {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 102, 102, 0.1);
  border-radius: 5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 12px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 102, 102, 0.1);
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  color: #fff;
  left: -10px;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link:hover i {
  color: var(--theme-deafult);
}
.customizer-links .nav-link:hover img {
  -webkit-animation: swing 1.5s ease infinite;
          animation: swing 1.5s ease infinite;
}
.customizer-links .nav-link:hover:before {
  border-bottom: 2px solid var(--theme-deafult);
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link:hover span {
  opacity: 1;
  right: 48px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-links .nav-link + .nav-link {
  margin-bottom: 5px;
}
.customizer-links .nav-link div img {
  height: 22px;
  margin: 6px 6px;
  width: 22px;
}
.customizer-links .nav-link span {
  position: absolute;
  right: -60px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: right;
  padding: 7px 10px;
  display: block;
  top: 0;
  border-radius: 5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  color: var(--theme-deafult);
  background-color: var(--white);
  -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
          box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
}
.customizer-links .nav-link i {
  font-size: 17px;
  padding: 8px 10px;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  color: gray;
  border-radius: 5px;
}

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: 100vh;
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customizer-contain.open {
  right: 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
          box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
}
.customizer-contain li {
  position: relative;
}
.customizer-contain li.active {
  -webkit-box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5);
          box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5);
}
.customizer-contain h5 {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 12px;
  padding-top: 12px;
  margin-bottom: 5px;
  color: #051A1A;
}
.customizer-contain h3 {
  color: #051A1A;
}
.customizer-contain .customizer-header {
  padding: 15px 25px;
  border-bottom: 1px solid #E6E9EB;
}
.customizer-contain .customizer-header .icon-close {
  position: absolute;
  font-size: 18px;
  cursor: pointer;
  font-weight: 900;
  right: 20px;
  top: 20px;
  color: var(--theme-deafult);
}
.customizer-contain .customizer-header h5 {
  text-transform: uppercase;
}
.customizer-contain .customizer-body {
  padding: 15px 25px;
  max-height: calc(100vh - 200px);
  overflow-y: scroll;
}
.customizer-contain .customizer-body .fade:not(.show) {
  display: none;
}
.customizer-contain .customizer-body .unlimited-color-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizer-contain .customizer-body .unlimited-color-layout .btn {
  font-size: 15px;
  padding: 4px 20px;
}
.customizer-contain .customizer-body .unlimited-color-layout input {
  border: 1px solid #E6E9EB;
  height: 35px;
  width: 35px;
  border-radius: 5px;
  background-color: #fff;
  margin-right: 5px;
}
.customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
  height: 70px;
  width: 80px;
  border: 1px solid #f6f7fb;
  border-radius: 5px;
}
.customizer-contain .customizer-body .tab-pane > h6:first-child {
  padding-top: 0;
  margin-top: 0;
}
.customizer-contain .customizer-body li {
  cursor: pointer;
  opacity: 0.9;
}
.customizer-contain .customizer-body li.active {
  opacity: 1;
}
.customizer-contain .customizer-body .color-layout {
  height: 35px;
  width: 35px;
  border-radius: 6px;
  display: inline-block;
  margin-right: 3px;
  border: 1px solid #b8b8b8;
  padding: 3px;
}
.customizer-contain .customizer-body .color-layout > div {
  background-color: #006666;
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
.customizer-contain .customizer-body .color-layout[data-attr=color-2] div {
  background-color: #1D5B79;
}
.customizer-contain .customizer-body .color-layout[data-attr=color-3] div {
  background-color: #4A55A2;
}
.customizer-contain .customizer-body .color-layout[data-attr=color-4] div {
  background-color: #167A93;
}
.customizer-contain .customizer-body .color-layout[data-attr=color-5] div {
  background-color: #423964;
}
.customizer-contain .customizer-body .color-layout[data-attr=color-6] div {
  background-color: #4b2a4b;
}
.customizer-contain .customizer-body .dark > li {
  background-color: #2f3c4e;
}
.customizer-contain .customizer-body .main-layout > li {
  height: 65px;
  width: 85px;
  border: 1px solid #E6E9EB;
  border-radius: 10px;
  display: inline-block;
}
.customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
  margin-right: 3px;
}
.customizer-contain .customizer-body .main-layout > li + li {
  margin-left: 7px;
}
.customizer-contain .customizer-body .main-layout .box-layout .body .badge {
  left: -14px;
  padding: 4px 8px;
}
.customizer-contain .customizer-body .sidebar-type > li,
.customizer-contain .customizer-body .sidebar-setting > li {
  height: 70px;
  width: 85px;
  border: 1px solid #E6E9EB;
  border-radius: 5px;
  display: inline-block;
}
.customizer-contain .customizer-body .sidebar-type > li + li,
.customizer-contain .customizer-body .sidebar-setting > li + li {
  margin-left: 7px;
}
.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.sidebar {
  width: 100%;
  height: 10px;
  display: block;
}
.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.body {
  height: calc(100% - 10px);
  width: 100%;
}
.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar].body-compact .body ul li.body {
  width: calc(100% - 25px);
}
.customizer-contain .customizer-body .layout-types {
  margin-bottom: -30px;
}
.customizer-contain .customizer-body .layout-types > li {
  display: block;
  width: unset;
  height: unset;
  margin-bottom: 30px;
}
.customizer-contain .customizer-body .layout-types > li .layout-img h6 {
  padding-top: 0;
  text-transform: inherit;
  text-align: center;
}
.customizer-contain .customizer-body .layout-types .box-layout {
  background: unset;
}

.layout-grid:not(.customizer-color) li {
  padding: 5px;
}
.layout-grid:not(.customizer-color) li > .header {
  height: 9px;
  border-radius: 3px;
  position: relative;
}
.layout-grid:not(.customizer-color) li > .header ul {
  position: absolute;
  top: -8px;
  left: 5px;
}
.layout-grid:not(.customizer-color) li > .header ul > li {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  top: calc(50% - 3px);
  background-color: var(--theme-deafult);
  margin-right: 2px;
  padding: 0;
}
.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
  background-color: var(--theme-secondary);
}
.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
  background-color: #00AC46;
}
.layout-grid:not(.customizer-color) li > .body {
  background-color: #2c323f;
  height: calc(100% - 16px);
  border-radius: 3px;
  position: relative;
  margin-top: 5px;
  text-align: center;
  line-height: 3.1;
}
.layout-grid:not(.customizer-color) li > .body ul {
  height: 100%;
  background-color: #fff;
}
.layout-grid:not(.customizer-color) li > .body ul .sidebar {
  width: 18px;
  height: 100%;
  border-radius: 3px;
  display: inline-block;
  margin-right: 3px;
  padding: 0;
}
.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
  width: 12px;
}
.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
  width: calc(100% - 19px);
}
.layout-grid:not(.customizer-color) li > .body ul .body {
  width: calc(100% - 25px);
  padding: 0;
  margin: 0;
  height: 100%;
  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: 3px;
}
.layout-grid:not(.customizer-color) li > .body ul .body .badge {
  padding: 4px 8px;
  position: absolute;
}

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff;
}

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
}
.popover .popover-header {
  background-color: #F5F5F5;
  color: #006666;
  border-bottom: none;
}
.popover .popover-body {
  color: rgba(43, 43, 43, 0.7);
}

#calendar .fc-header-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1690px) {
  #calendar .fc-header-toolbar {
    display: none;
  }
}

.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent;
}
.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent;
}
.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent;
}
.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666;
}
.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5;
}

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff;
}
.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #fff;
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px;
}
.dropdown-basic .dropup .dropup-content {
  top: auto;
}

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
  border-color: transparent;
}
.default-according .card .card-header i {
  position: initial;
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px;
}
[dir=rtl] .default-according .card .card-header i {
  margin-right: unset;
  margin-left: 5px;
}
.default-according .card .card-header h5 {
  margin-top: 0;
}
.default-according .card .card-header .btn-link {
  padding: 12px 20px;
  width: 100%;
  text-align: left;
  letter-spacing: 0.7px;
  font-family: "Montserrat", sans-serif;
  border: 1px solid #efefef;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 600;
}
[dir=rtl] .default-according .card .card-header .btn-link {
  text-align: right;
}
@media (max-width: 575px) {
  .default-according .card .card-header .btn-link {
    padding: 12px 15px;
    font-size: 12px;
  }
}
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none;
}

.nav-tabs {
  border-bottom-color: #efefef;
}
.nav-tabs .nav-bottom .nav-item .nav-link.active {
  border-color: #efefef;
}

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important;
}

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500;
}
.nav-tabs .nav-link {
  color: #2c323f;
}
.nav-tabs .nav-link.active {
  font-weight: 500;
}
.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff;
}

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1;
}
.dropdown-menu .dropdown-item {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
}
.dropdown-menu .dropdown-item:first-child {
  border-top: none;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #fff;
}
.dropdown-menu .dropdown-divider {
  margin: 0;
  border-top: 1px solid #cccccc;
}

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666;
}
.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666;
}
.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666;
}

.timeliny .timeliny-dot::before {
  font-size: 18px;
}

.total-revenue {
  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;
}
.total-revenue span {
  color: var(--body-font-color);
  font-weight: 500;
}
.total-revenue a {
  font-weight: 600;
}

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize;
}

.login-card .login-main .theme-form label {
  font-size: 14px;
}
.login-card .login-main .theme-form .show-hide {
  top: 50%;
}

.faq-accordion .card .btn-link svg {
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .faq-accordion .card .btn-link svg {
    margin-left: 10px;
  }
}

.job-filter .faq-form .form-control {
  font-size: 14px;
}
.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px;
}

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px;
}

.carousel .carousel-indicators {
  margin-bottom: 3px;
}

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important;
}
.mouse-wheel .owl-stage-outer .owl-stage .owl-item {
  width: 225.333px !important;
}

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51);
}
.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51);
}

.carousel .carousel-control-prev-icon {
  width: calc(23px + 9 * (100vw - 320px) / 1600);
  height: calc(23px + 9 * (100vw - 320px) / 1600);
}
.carousel .carousel-control-next-icon {
  width: calc(23px + 9 * (100vw - 320px) / 1600);
  height: calc(23px + 9 * (100vw - 320px) / 1600);
}

[dir=rtl] .rating-header h4 {
  direction: ltr;
}

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-popup.modal {
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.modal-popup.modal .modal-dialog .theme-close {
  width: calc(25px + 15 * (100vw - 320px) / 1600);
  height: calc(25px + 15 * (100vw - 320px) / 1600);
  font-size: calc(12px + 2 * (100vw - 320px) / 1600);
}

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important;
  }
}

.task-container .badge {
  line-height: 13px;
}

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f;
}
[dir=rtl] .starter-main .alert-primary.inverse {
  padding: 13px 65px 13px 20px;
}
.starter-main .alert-primary.inverse:before {
  content: "";
  position: absolute;
  left: 54px;
  width: 0;
  height: 0;
  border-left: 7px solid #006666;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
[dir=rtl] .starter-main .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  border-left: unset;
}
.starter-main .alert-primary.inverse i {
  padding: 17px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #006666;
  color: #fff;
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
[dir=rtl] .starter-main .alert-primary.inverse i {
  right: 0;
  left: unset;
}

.balance-profile ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  margin-top: 16px;
}
@media (max-width: 1660px) {
  .balance-profile ul {
    gap: 25px;
  }
}
.balance-profile ul li {
  position: relative;
}
.balance-profile ul li + li::before {
  position: absolute;
  content: "";
  left: -25px;
  top: 50%;
  height: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px dashed var(--recent-dashed-border);
}
[dir=rtl] .balance-profile ul li + li::before {
  left: unset;
  right: -25px;
}
@media (max-width: 1660px) {
  .balance-profile ul li + li::before {
    left: -16px;
  }
  [dir=rtl] .balance-profile ul li + li::before {
    right: -16px;
  }
}

/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer.footer-dark {
  background-color: #242934;
}
.footer.footer-dark p {
  color: #fff;
}

.footer-fix {
  width: calc(100% - 265px);
  position: fixed;
}

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px;
}
.grid-showcase span,
.grid-showcase .grid-wrapper {
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #E6E9EB;
  color: #242934;
}

.grid-align {
  margin-bottom: -16px;
}
.grid-align .row {
  padding: 15px 0;
  min-height: 7rem;
  margin-bottom: 16px;
}

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000;
}

table.table-bordered thead tr th p {
  margin-bottom: 0;
}

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
.left-header .d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.left-header .welcome-content span {
  color: var(--chart-text-color);
}
.left-header h6 {
  line-height: 1.6;
}
@media (max-width: 1199px) {
  .left-header h6 {
    width: 160px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .left-header h6 {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .left-header h6 {
    width: 66px;
  }
}
@media (max-width: 892px) {
  .left-header {
    display: none;
  }
}
.left-header img {
  margin-top: -12px;
  height: 26px;
}
.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px;
}

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px;
}
[dir=rtl] .nav-right .nav-menus li .input-icon svg {
  right: 15px;
  left: unset;
}
.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute;
}
[dir=rtl] .nav-right .nav-menus li .input-icon::before {
  right: 44px;
  left: unset;
}
.nav-right .nav-menus li .input-icon input {
  background-color: #fff;
}
.nav-right .nav-menus li .input-show {
  position: relative;
}
.nav-right .nav-menus li .input-show input {
  position: absolute;
  z-index: 11;
  top: 25px;
  left: 0px;
  background-color: #fff;
  padding: 12px;
}
.nav-right .nav-menus li .input-show #searchInput.show input {
  display: block;
}
.nav-right .nav-menus li .input-show #searchInput input {
  display: none;
}

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  -webkit-filter: blur(5px) grayscale(100%);
          filter: blur(5px) grayscale(100%);
}

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2;
}

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.toggle-sidebar svg {
  width: 20px;
  height: 20px;
  stroke: var(--white);
}
.toggle-sidebar:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  left: -10px;
  z-index: -2;
  top: -9px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-sidebar:hover:before {
  height: 40px;
  width: 40px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-sidebar:hover > svg {
  color: var(--white) !important;
  stroke: var(--white) !important;
}

.onhover-dropdown {
  cursor: pointer;
  position: relative;
}
.onhover-dropdown.notification-down::before {
  content: "";
  top: 0px;
  left: 55px;
  height: 46px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute;
}

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5;
}
.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
  color: #006666;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
  color: #051A1A;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
  text-align: -webkit-auto;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
  border-bottom: 1px solid #E6E9EB;
  padding-bottom: 15px;
  padding-top: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  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;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
  width: 25px;
  height: 25px;
  stroke: none !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-align: -webkit-auto;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
  border: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
  height: 34px;
  width: 34px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
  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;
  width: 100%;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
  text-align: start;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
  color: #006666;
}

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.onhover-show-div li a svg {
  margin-top: 0 !important;
}
.onhover-show-div li a svg path,
.onhover-show-div li a svg line {
  color: #051A1A !important;
}

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray;
}
.mega-menu .default-according .card .card-body {
  font-size: 12px;
}
.mega-menu .onhover-show-div {
  width: 1500px;
}
.mega-menu .card-body {
  padding: 20px;
}
.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF;
}
.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mega-menu .list-unstyled div a:hover {
  padding: 8px 35px 8px 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px;
}
#accordionoc li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navs-icon.default-according.style-1 li button {
  position: relative;
}
.navs-icon.default-according.style-1 li button:hover {
  color: var(--theme-deafult) !important;
}
.navs-icon.default-according.style-1 li button[aria-expanded=true]:before {
  right: 2px;
  top: 6px;
}
.navs-icon.default-according.style-1 li button[aria-expanded=false]:before {
  right: 2px;
  top: 6px;
}

.navs-icon {
  padding: 30px;
}
.navs-icon li {
  padding: 9px 0;
}
.navs-icon li a {
  color: #051A1A;
}
.navs-icon li a:hover {
  color: var(--theme-deafult);
}
.navs-icon li ul {
  padding-top: 9px;
}

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset;
}

.icon-lists {
  font-family: inherit;
}

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.search-page .theme-form input::-webkit-input-placeholder {
  color: #006666;
}
.search-page .theme-form input::-moz-placeholder {
  color: #006666;
}
.search-page .theme-form input:-ms-input-placeholder {
  color: #006666;
}
.search-page .theme-form input::-ms-input-placeholder {
  color: #006666;
}
.search-page .theme-form input::placeholder {
  color: #006666;
}
.search-page .theme-form input:focus {
  outline: none;
}
.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px;
}
.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent;
}
.search-page h6 {
  line-height: 1.4;
}
.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}
.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px;
}
.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px;
}
.search-page .media .media-body {
  overflow: hidden;
}
.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB;
}
.search-page .info-block a {
  color: #656565;
  margin-bottom: 3px;
  display: block;
}
.search-page .info-block h6 {
  color: #006666;
}
.search-page .info-block + .info-block {
  margin-top: 20px;
}
.search-page .border-tab.nav-tabs {
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.search-page .border-tab.nav-tabs .nav-item {
  width: auto;
}
.search-page .search-links h6 {
  margin-bottom: 10px;
}
.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2;
}
.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082;
}
.search-page ul.search-info li + li {
  border-left: 1px solid #a8b0c2;
  padding-left: 8px;
  margin-left: 8px;
}
.search-page ul.search-info li i {
  color: #FFAE1A;
}
.search-page ul.search-info li i:not(:last-child) {
  margin-right: 4px;
}
.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px;
}

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none;
}
.search-list .nav-item {
  background-color: rgba(0, 102, 102, 0.1);
}
.search-list .nav-item .nav-link {
  border: none;
  padding: 0.7rem 1.5rem;
  opacity: 0.5;
}
.search-list .nav-item .nav-link.active {
  background-color: rgba(0, 102, 102, 0.1);
  color: var(--theme-deafult);
  opacity: 1;
}
.search-list .nav-item.show, .search-list .nav-item.active {
  background-color: rgba(0, 102, 102, 0.1);
}

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
.dropzone {
  background: unset;
}
.dropzone.dropzone-secondary {
  border: 2px dashed #FE6A49;
}
.dropzone.dropzone-secondary i {
  color: #FE6A49;
}
@media (max-width: 360px) {
  .dropzone .note {
    min-width: unset !important;
  }
}
.dropzone .dz-preview {
  margin: 28px 18px !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.dropzone .dz-preview .dz-details {
  top: unset;
  bottom: -6px;
  position: relative;
  padding-bottom: 6px;
  background-color: unset;
}
[dir=rtl] .dropzone .dz-preview .dz-details {
  left: unset;
  right: 32px;
}
.dropzone .dz-preview:hover .dz-error-message {
  display: none !important;
}
.dropzone .dz-error-mark .dz-remove {
  position: relative;
}

.dz-preview .dz-remove {
  cursor: pointer;
}

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49;
}

.select2 {
  max-width: 100%;
}

.add-post #cke_text-box {
  border: 1px solid #efefef;
}
.add-post form .m-checkbox-inline label {
  margin-bottom: 0;
}
.add-post form .form-control {
  border: 1px solid #efefef;
}
.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500;
}
.add-post form .col-form-label .select2-container--default {
  margin-top: 10px;
  max-width: 100%;
}
.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
  padding: 2px;
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple {
  border: 1px solid #efefef;
  max-width: 100%;
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-top: 6px !important;
}
.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white);
}
.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: var(--white);
  float: right;
  margin-left: 0.5rem;
}
[dir=rtl] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  float: left;
  margin-left: unset;
  margin-right: 0.5rem;
}
.add-post .dropzone {
  margin-bottom: 30px;
}

.select2-container--open .select2-dropdown {
  z-index: 7;
}

.select2-container {
  width: 100% !important;
}
.select2-container.select2 .selection {
  display: block !important;
}

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px;
}
.select2-drpdwn .form-control {
  border-radius: 5px;
}
.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult);
}
.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary);
}
.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46;
}
.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878;
}
.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
}
.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49;
}
.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f;
}
.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff;
}
.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff;
}
.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff;
}
.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff;
}
.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff;
}
.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff;
}
.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff;
}

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none;
}

.filepond--list .filepond--file {
  background-color: #006666;
}

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none;
}
.customLook .tagify__tag {
  margin-top: 0;
}
.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
  display: none;
}
.customLook .tagify__tag:hover .tagify__tag__removeBtn {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  margin-left: -1ch;
}
.customLook .tagify__tag__removeBtn {
  opacity: 0;
  -webkit-transform: translateX(-6px) scale(0.5);
          transform: translateX(-6px) scale(0.5);
  margin-left: -3ch;
  -webkit-transition: 0.12s;
  transition: 0.12s;
}
.customLook + button {
  color: var(--theme-deafult);
  font: bold 1.4em/1.65 Arial;
  border: 0;
  background: none;
  -webkit-box-shadow: 0 0 0 2px inset var(--theme-deafult);
          box-shadow: 0 0 0 2px inset var(--theme-deafult);
  border-radius: 50%;
  width: 1.65em;
  height: 1.65em;
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  margin: 0 0 0 5px;
  vertical-align: top;
}
.customLook + button:hover {
  -webkit-box-shadow: 0 0 0 5px inset var(--theme-deafult);
          box-shadow: 0 0 0 5px inset var(--theme-deafult);
}
.customLook .tagify__input {
  display: none;
}

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color);
}

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto;
}
.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em;
}

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  -webkit-transition: 0.12s ease-out;
  transition: 0.12s ease-out;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  -webkit-transform: none;
          transform: none;
  margin-right: 12px;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  -webkit-transform: none;
          transform: none;
  margin-right: 12px;
}

.tagify.countries .tagify__input {
  min-width: 175px;
}
.tagify.countries tag {
  white-space: nowrap;
}
.tagify.countries tag img {
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  border-radius: 2px;
  pointer-events: none;
}

.tagify--select {
  width: 100%;
}

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border);
}

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color);
}

.tagify {
  --tags-focus-border-color: #cccccc;
}

.tagify__input {
  color: #2c323f;
}

.tagify--select::after {
  color: var(--chart-text-color);
}
[dir=rtl] .tagify--select::after {
  right: unset;
  left: 0;
  -webkit-transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);
          transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);
}
[dir=rtl] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em;
}

[dir=rtl] .tagify--select[aria-expanded=true]::after {
  -webkit-transform: translate(150%, -50%) rotate(270deg) scale(1.2);
          transform: translate(150%, -50%) rotate(270deg) scale(1.2);
}

.international-num input {
  width: calc(240px + 10 * (100vw - 320px) / 1600);
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB;
}
.international-num input:focus {
  outline-color: #E6E9EB;
}
.international-num input::-webkit-input-placeholder {
  color: #E6E9EB;
}
.international-num input::-moz-placeholder {
  color: #E6E9EB;
}
.international-num input:-ms-input-placeholder {
  color: #E6E9EB;
}
.international-num input::-ms-input-placeholder {
  color: #E6E9EB;
}
.international-num input::placeholder {
  color: #E6E9EB;
}
.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9;
}

.iti--allow-dropdown .iti__flag {
  background-image: url("../images/forms/flags.png");
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px;
}

.select-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-box .options-container {
  background: var(--recent-box-bg);
  color: var(--body-font-color);
  max-height: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.select-box .options-container::-webkit-scrollbar {
  width: 8px;
  background: var(--view-grid-bg);
  border-radius: 0 8px 8px 0;
}
.select-box .options-container::-webkit-scrollbar-thumb {
  background: var(--view-grid-bg);
  border-radius: 0 8px 8px 0;
}
.select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
  margin-top: 53px;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .select-box .options-container.active {
    max-width: calc(265px + 135 * (100vw - 1007px) / 913);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .select-box .options-container.active {
    max-width: calc(295px + 55 * (100vw - 1007px) / 238);
  }
}
@media (max-width: 767px) {
  .select-box .options-container.active {
    max-width: calc(242px + 173 * (100vw - 320px) / 447);
    margin-top: 46px;
  }
}
.select-box .options-container.active + .selected-box::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  top: -6px;
}
.select-box .options-container.active ~ .search-box input {
  opacity: 1;
  pointer-events: auto;
}
.select-box .selection-option {
  padding: 12px 24px;
  cursor: pointer;
}
.select-box .selection-option:hover {
  background: #E6E9EB;
}
.select-box .selection-option .radio {
  display: none;
}
.select-box label {
  cursor: pointer;
}

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding: 12px 24px;
  cursor: pointer;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .selected-box {
    max-width: calc(265px + 135 * (100vw - 1007px) / 913);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .selected-box {
    max-width: calc(295px + 55 * (100vw - 1007px) / 238);
  }
}
@media (max-width: 767px) {
  .selected-box {
    max-width: calc(242px + 173 * (100vw - 320px) / 447);
  }
}
.selected-box::after {
  content: "\f078";
  font-family: "FontAwesome";
  position: absolute;
  height: 100%;
  width: 32px;
  right: 10px;
  top: 12px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
[dir=rtl] .selected-box::after {
  left: 10px;
  right: unset;
}

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 6px;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .search-box input {
    max-width: calc(265px + 135 * (100vw - 1007px) / 913);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .search-box input {
    max-width: calc(295px + 55 * (100vw - 1007px) / 238);
  }
}
@media (max-width: 767px) {
  .search-box input {
    max-width: calc(242px + 173 * (100vw - 320px) / 447);
    padding: 9px 16px;
  }
}
.search-box input:focus {
  outline: none;
}

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex;
}
.media .media-body {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
}
[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir=rtl] h5::before, [dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir=rtl] a::before {
  left: unset;
  right: 25px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir=rtl] .mega-menu-container::before, [dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir=rtl] .sidebar-submenu::before {
  left: unset;
  right: 20px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a;
}

.onhover-show-div {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0;
}

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden;
}
.onhover-dropdown:hover .onhover-show-div:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  content: "";
  top: -7px;
  position: absolute;
  left: 10px;
  z-index: 2;
}
.onhover-dropdown:hover .onhover-show-div:after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #d7e2e9;
  content: "";
  top: -7px;
  position: absolute;
  left: 10px;
  z-index: 1;
}

.page-wrapper {
  position: relative;
}
.page-wrapper .page-header {
  max-width: 100vw;
  position: fixed;
  top: 0;
  z-index: 8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page-wrapper .page-header .header-wrapper {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 30px;
  position: relative;
  background-color: #F5F5F5;
}
@media (max-width: 1399px) {
  .page-wrapper .page-header .header-wrapper {
    padding: 14px 20px;
  }
}
.page-wrapper .page-header .header-wrapper .search-full {
  background-color: #fff;
  position: absolute;
  right: 0;
  z-index: 1;
  height: 0;
  width: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .search-full.open {
  height: 100%;
  width: 100%;
  -webkit-animation: zoomIn 0.5s ease-in-out;
          animation: zoomIn 0.5s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .search-full input {
  line-height: 65px;
  padding-left: 60px;
  width: 100% !important;
}
.page-wrapper .page-header .header-wrapper .search-full input:focus {
  outline: none !important;
}
.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  position: absolute;
  font-size: 15px;
  right: 30px;
  top: 30px;
  color: #898989;
  cursor: pointer;
}
[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  left: 30px;
  right: unset;
}
.page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  position: absolute;
  left: 30px;
  top: 27px;
  content: "\f002";
  font-size: 16px;
  color: #898989;
  font-family: FontAwesome;
}
[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px;
}
.page-wrapper .page-header .header-wrapper .nav-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-wrapper .page-header .header-wrapper .nav-right ul li svg {
  vertical-align: middle;
  stroke: var(--body-font-color);
  height: 24px;
  width: 24px;
}
.page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
  color: #242934;
}
.page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
  cursor: pointer;
  text-align: center;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
  font-size: 18px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
  font-weight: 500;
  font-size: 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: zoomIn 300ms ease-in-out;
          animation: zoomIn 300ms ease-in-out;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
  cursor: pointer;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-left: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
  font-size: 12px;
  line-height: 1;
  color: rgba(5, 26, 26, 0.7);
}
.page-wrapper .page-header .header-wrapper .nav-right > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li {
  padding: 6px 10px;
  display: inline-block;
  position: relative;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3).profile-nav) {
  background-color: #fff;
  padding: 12px;
  border-radius: 40px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
  position: absolute;
  right: 0px;
  top: -3px;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 700;
  font-family: work-Sans, sans-serif;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
  height: 24px;
  width: 24px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
  height: 24px;
  width: 24px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
  left: inherit;
  right: -10px;
  width: 130px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
  left: inherit;
  right: 10px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
  display: block;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
  font-size: 14px;
  color: #2c323f;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
  margin-left: 10px;
  font-size: 13px;
  color: #2c323f;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
  font-size: 16px;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
  width: unset !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  background-color: transparent !important;
  overflow: initial;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
  display: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
  text-align: center;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
  width: 52px;
  height: 52px;
  background-color: #f9f9f9;
  border-radius: 100%;
  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;
  margin: 0 auto;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card {
  width: 300px;
  height: 260px;
  background-color: transparent;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
  position: relative;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  width: 300px;
  height: 260px;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
  background-color: transparent;
  color: #006666;
  border: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
  outline: transparent;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
  stroke: var(--body-font-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
  stroke: var(--body-font-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
  background-color: #fff;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
  margin-top: 20px;
  height: 140px !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
  width: 100%;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
  border-radius: 25px;
  padding: 6px 12px;
  width: 100%;
  border: 1px solid #ddd;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
  outline: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
  opacity: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
  width: 330px;
  top: 50px;
  right: 0;
  left: unset;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid rgba(145, 142, 153, 0.3);
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
  padding: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
  padding: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
  letter-spacing: 0.3px;
  font-family: "Montserrat", sans-serif;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
  margin-top: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
  padding-bottom: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
  position: relative;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
  width: 40px;
  position: relative;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
  left: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
  letter-spacing: 0.8px;
  padding-right: 10px;
  display: inline-block;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
  margin-bottom: 8px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
  right: 10px !important;
  left: unset !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-box {
  position: relative;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-box {
  position: relative;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
  border-radius: 0px;
  border-bottom: 1px solid rgba(145, 142, 153, 0.1);
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
  padding: 0 0 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
  padding: 10px 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
  margin-right: 20px;
}
[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
  margin-right: unset;
  margin-left: 20px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
  margin-top: 0;
  border-top: 1px solid rgba(145, 142, 153, 0.1);
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
  padding: 20px 15px;
  border-top: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
  line-height: 1.3;
  margin-top: 3px;
  opacity: 0.6;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
  position: absolute;
  right: 0;
  top: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  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;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
  width: 14px;
  stroke: #fff;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
  margin: 5px 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
  width: 80px;
  background-color: transparent;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
  background-color: transparent;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
  padding: 0px 7px;
  background-color: #F7F6FF !important;
  border-color: #F7F6FF !important;
  border-radius: 100%;
  font-size: 14px;
  color: #051A1A;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
  margin: 0;
  padding: 15px;
  background-color: #f9f9f9;
  border: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
  font-size: 14px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
  text-decoration: unset;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
  -webkit-animation: swing 1.5s ease infinite;
          animation: swing 1.5s ease infinite;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: unset;
}
@media (max-width: 575.98px) {
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    width: calc(100vw - 30px);
  }
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
  text-align: center;
  background-color: transparent;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
  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;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
  font-size: 11px;
  vertical-align: middle;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
  right: 28px !important;
  left: unset !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
  width: 160px;
  top: 57px;
  left: -12px;
  padding: 0 10px;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
  padding: 10px !important;
  border-bottom: 1px solid #E6E9EB;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
  border: none;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
  text-decoration: unset;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
  color: var(--theme-deafult);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
  stroke: var(--theme-deafult);
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
  stroke: var(--theme-deafult);
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
  margin-top: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
  padding-top: 10px !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
  color: #2c323f;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
  width: 16px;
  vertical-align: bottom;
  margin-right: 10px;
  stroke: #2c323f;
}
.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5;
}
.page-wrapper .page-body-wrapper .page-body {
  min-height: calc(100vh - 136px);
  margin-top: 136px;
  padding: 25px 15px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page-wrapper .page-body-wrapper .page-body:before {
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
}
.page-wrapper .page-body-wrapper .page-title {
  padding: 20px 30px;
  margin: 0px -27px 0px;
}
.page-wrapper .page-body-wrapper .page-title > .row {
  margin: 0;
}
.page-wrapper .page-body-wrapper .page-title > .row .col-6 {
  padding: 0;
}
.page-wrapper .page-body-wrapper .page-title .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper .page-body-wrapper .page-title .row h3 {
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.page-wrapper .page-body-wrapper .page-title .row h3 small {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb li {
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "/";
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
  width: 16px;
  height: 16px;
  stroke: #2c323f;
  vertical-align: text-top;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
  color: var(--theme-deafult);
  font-weight: 500;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
  stroke: #fff;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
  fill: #051A1A;
  stroke: none !important;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
  stroke: #fff;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
  fill: #fff;
}
.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
  text-transform: capitalize;
}
.page-wrapper .sidebar-wrapper[data-layout=stroke-svg] .stroke-icon {
  display: inline-block;
}
.page-wrapper .sidebar-wrapper[data-layout=stroke-svg] .fill-icon {
  display: none;
}
.page-wrapper .sidebar-wrapper[data-layout=fill-svg] .stroke-icon {
  display: none;
}
.page-wrapper .sidebar-wrapper[data-layout=fill-svg] .fill-icon {
  display: inline-block;
}
.page-wrapper.horizontal-wrapper [data-simplebar] {
  position: relative;
}
.page-wrapper.horizontal-wrapper .footer {
  margin-left: 0;
}
.page-wrapper.horizontal-wrapper .header-logo-wrapper {
  width: 150px;
}
.page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
  display: none;
}
.page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
  visibility: hidden;
  position: absolute;
  top: 19px;
  right: 0px;
  color: #fff;
}
[dir=rtl] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
  left: 0;
  right: unset;
}
.page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
  visibility: hidden;
  cursor: pointer;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  height: 54px;
  line-height: inherit;
  top: 79px;
  background: #fff;
  -webkit-box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
          box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
  overflow-x: hidden;
  z-index: 1;
  overflow-y: visible;
  position: fixed;
  width: 100vw;
  border-top: 1px solid #efefef;
  z-index: 3;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
  display: inline-block;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 1;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
  display: none;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
  text-align: left;
  position: relative;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
  position: absolute;
  top: 0px;
  padding: 15px;
  background-color: #fff;
  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;
  z-index: 1;
  cursor: pointer;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
  display: none;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
  left: 0;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
  right: 0;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
  display: -webkit-box !important;
  padding: 0 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  white-space: nowrap;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
  content: "-";
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
  display: none;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
  color: #fff;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
  background-color: rgba(255, 255, 255, 0.6);
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
  display: none !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
  display: none !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
  color: var(--theme-deafult);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
  stroke: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
  fill: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
  display: none !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
  display: block;
  color: #051A1A;
  line-height: 23px;
  text-decoration: none;
  text-transform: capitalize;
  padding: 5px 15px;
  margin: 0 3px;
  letter-spacing: 0.04em;
  position: relative;
  border-radius: 5px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
  position: absolute;
  top: -5px;
  margin-left: 1px;
  right: 10px;
  padding: 0.2em 0.7em;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  stroke: #051A1A !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
  position: fixed;
  z-index: 4;
  -webkit-box-shadow: 0 0 1px 0 #898989;
          box-shadow: 0 0 1px 0 #898989;
  padding: 15px 0px 15px 0px;
  background: white;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
  border: 0;
  float: none;
  position: relative;
  display: block;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  background: transparent;
  padding: 4px 30px;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  line-height: 1.9;
  color: rgba(43, 43, 43, 0.6);
  letter-spacing: 0.06em;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  left: 20px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
  color: #006666;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
  background-color: var(--theme-deafult);
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 4;
  -webkit-box-shadow: 0 0 1px 0 #898989;
          box-shadow: 0 0 1px 0 #898989;
  padding: 30px;
  background: white;
  width: 95%;
  border-radius: 4px;
  display: block !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
  width: 20%;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  text-transform: uppercase;
  font-size: 14px;
  margin-left: -13px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  position: relative;
  display: block;
  padding: 0;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
  border: 0;
  float: none;
  position: relative;
  display: block;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
  border: 0 !important;
  background: transparent;
  color: #051A1A;
  border-radius: 0 !important;
  text-transform: capitalize;
  padding: 3px 0;
  font-size: 13px;
  display: block;
  letter-spacing: 0.07em;
  line-height: 1.9;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
  color: var(--theme-deafult);
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
  color: var(--theme-deafult);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
  position: absolute;
  content: "";
  left: -12px;
  top: 50%;
  width: 5px;
  height: 1px;
  background-color: #59667a;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
  left: 0;
  right: 0;
  opacity: 1;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
  position: unset;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
  background-color: rgba(255, 255, 255, 0.08);
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
  font-size: 24px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-top: 110px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
  display: none !important;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-wrapper .page-header {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
  width: auto !important;
}
.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
  width: 30%;
}
@media (max-width: 1428px) and (min-width: 1324px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
    width: 32%;
  }
}
@media (max-width: 1323px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
    width: 37%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
    width: 32%;
  }
}
@media (max-width: 1428px) and (min-width: 1324px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
    width: 55%;
  }
}
@media (max-width: 1323px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
    width: 40%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
    width: 50%;
  }
}
.page-wrapper.horizontal-wrapper.enterprice-type footer {
  margin-left: 0;
}
.page-wrapper.material-icon .card {
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
          box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
}
.page-wrapper .sidebar-main-title h6 {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 0.4px;
}
.page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
  visibility: hidden;
  position: absolute;
  top: 11px;
  right: -9px;
  color: #fff;
  z-index: 9999;
}
[dir=rtl] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
  left: -9px;
  right: unset;
}
.page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
  visibility: visible;
  cursor: pointer;
}
.page-wrapper.compact-wrapper .sidebar-list.pined {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-wrapper .pin-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-wrapper .page-header {
  margin-left: 265px;
  width: calc(100% - 265px);
}
.page-wrapper.compact-wrapper .page-header.close_icon {
  margin-left: 90px;
  width: calc(100% - 90px);
}
.page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
  display: none;
}
.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
  display: none;
}
.page-wrapper.compact-wrapper .page-header .header-wrapper::before {
  position: absolute;
  content: "";
  bottom: 0%;
  height: 1px;
  z-index: 8;
  width: calc(100% - 40px);
  background: #E6E9EB;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  position: fixed;
  top: 0;
  z-index: 9;
  height: 100%;
  line-height: inherit;
  background: var(--theme-deafult);
  width: 265px;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  fill: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  padding: 22px 30px;
  -webkit-box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
  border-top-right-radius: 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
  width: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
  opacity: 0;
  width: 0;
  padding: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
  max-width: 86px;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
  text-align: center;
  padding: 12px 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
  display: none !important;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
  text-align: right;
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
  width: 265px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
  opacity: 1;
  width: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
  max-width: unset;
  margin: initial;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
  text-align: left;
}
[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
  text-align: right;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
  padding: 12px 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
  display: inline-block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
  opacity: 1;
  display: block !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
  -webkit-transform: translate(183px);
          transform: translate(183px);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-left: 90px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
  width: calc(100% - 90px);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
  height: calc(100vh - 118px);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
  padding: 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
  right: 20px;
  left: unset;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
  visibility: hidden;
  position: absolute;
  top: -8px;
  right: 17px;
  border-radius: 15px;
  padding: 4px 6px;
  color: #fff;
  font-size: 11px;
  background-color: #006666;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
  left: 17px;
  right: unset;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
  visibility: visible;
  cursor: pointer;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
  height: calc(100vh - 115px);
  left: -300px;
  z-index: 99;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  overflow: auto;
  color: rgba(0, 0, 0, 0);
  margin-top: 20px;
  margin-bottom: 30px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
  font-weight: 500;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -2px;
  float: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  letter-spacing: 0.7px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.8);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
  border-bottom: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
  left: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
  display: block;
  width: 100%;
  padding: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
  padding: 20px;
  color: #242934;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
  display: block;
  width: 100%;
  position: relative;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
  padding: 25px 0 6px 20px;
  margin-top: 0px;
  margin-bottom: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
  display: block;
}
[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
  padding: 25px 20px 6px 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: calc(100% - 40px);
  height: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
  margin-top: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
  padding: 0px 18px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
  position: absolute;
  right: 50px;
  top: 14.5px;
  padding: 0.45em 0.8em 0.33em;
  z-index: 1;
  font-size: 10px;
  letter-spacing: 0.7px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  border-radius: 10px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
  fill: #fff;
  stroke: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
  fill: #fff;
  stroke: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
  padding: 11px 13px;
  position: relative;
  color: #222222;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
  right: 20px;
  position: absolute;
  top: 10px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
  display: none !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
  width: 100%;
  padding: 0;
  position: relative !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
  padding-left: 50px !important;
  font-weight: 400;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
  top: 7px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
  display: none;
  position: relative !important;
  right: 0;
  width: 100%;
  padding: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
  padding: 6px 45px;
  padding-left: 63px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  padding: 7px 25px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  position: relative;
  letter-spacing: 0.06em;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
  padding: 0px 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
  color: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
  opacity: 1;
  background: #fff;
  visibility: visible;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  left: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
  margin-left: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
  padding: 0;
  position: relative;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
  width: 100%;
  padding: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
  color: #fff !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
  position: relative;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  margin-bottom: 0;
  line-height: 1.9;
  padding: 6px 25px 6px 65px;
  font-size: 14px;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  left: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
  color: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
  opacity: 1;
  visibility: visible;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
  top: 8px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  margin-bottom: 0;
  line-height: 1.9;
  padding: 6px 15px 6px 65px;
  font-size: 14px;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
  color: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
  line-height: 1.9;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
  margin-left: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
  display: block !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
  height: calc(100% - 9px);
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  position: relative;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
  opacity: 1;
  visibility: visible;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
  height: calc(100% - 8px);
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
  color: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
  -ms-flex-preferred-size: unset;
      flex-basis: unset;
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  position: absolute;
  right: 20px;
  top: 11px;
  display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
  border: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
  position: absolute;
  z-index: 2;
  right: 145px;
  top: 6px;
}
.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
  font-size: 18px;
  padding-left: 5px;
  text-transform: uppercase;
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  min-height: calc(100vh - 80px);
  margin-top: 56px;
  margin-left: 265px;
}
.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
  color: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
  stroke: var(--theme-deafult);
}
.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
  stroke: #fff !important;
}
.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
  fill: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
  stroke: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
  fill: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
  background: rgba(255, 255, 255, 0.1);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
  background-color: #22242B;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
  stroke: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
  fill: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2);
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
  color: #fff;
  stroke: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: #fff;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
  display: none;
}
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
  display: block;
}
.page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
  color: rgba(255, 255, 255, 0.6);
}
.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
  background-color: #2f3c4e;
}
.page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
  visibility: hidden;
  position: absolute;
  top: 8px;
  right: 54px;
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 100%;
  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;
}
[dir=rtl] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
  left: 54px;
  right: unset;
}
.page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
  visibility: visible;
  cursor: pointer;
  z-index: 1;
}
.page-wrapper.compact-sidebar .sidebar-list.pined {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-sidebar .pin-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-sidebar ~ .bg-overlay1 {
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.page-wrapper.compact-sidebar ~ .bg-overlay1.active {
  z-index: 8;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
}
.page-wrapper.compact-sidebar .toggle-sidebar {
  position: relative;
  right: unset;
  top: unset;
  margin-right: 15px;
}
.page-wrapper.compact-sidebar .sidebar-main-title {
  display: none;
}
.page-wrapper.compact-sidebar .logo-wrapper {
  display: none;
}
.page-wrapper.compact-sidebar .logo-icon-wrapper {
  display: block;
  text-align: center;
  padding: 24px 30px;
  -webkit-box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
}
.page-wrapper.compact-sidebar .page-header {
  margin-left: 150px;
  width: calc(100% - 150px);
}
.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
  display: none;
}
.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
  width: 30%;
}
@media (max-width: 1578px) and (min-width: 1274px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
    width: 38%;
  }
}
@media (max-width: 1273px) and (min-width: 1200px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
    width: 45%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
    width: 36%;
  }
}
@media (max-width: 767px) and (min-width: 756px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
    width: 28%;
  }
}
@media (max-width: 1199px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
    width: 132px;
  }
}
@media (max-width: 767px) {
  .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
    width: 83px;
  }
}
.page-wrapper.compact-sidebar .page-header.close_icon {
  margin-left: 0;
  width: calc(100% - 0px);
}
.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-top: 80px;
  margin-left: 150px;
}
.page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: 150px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
  position: fixed;
  top: 0;
  z-index: 9;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  height: auto;
  line-height: inherit;
  background: #F5F5F5;
  width: 150px;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
          box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
  display: none;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
  margin: 30px 0;
  height: calc(100vh - 113px);
  overflow: auto;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
  color: #2c323f;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  text-transform: capitalize;
  color: #2c323f;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
  background: rgba(0, 102, 102, 0.1);
  color: #006666;
  border-radius: 20px;
  margin: 0 10px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
  color: #006666;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  -webkit-animation: fadeInLeft 300ms ease-in-out;
          animation: fadeInLeft 300ms ease-in-out;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #f3f3f3;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  position: fixed;
  top: 0px;
  height: calc(100vh - 0px);
  overflow: auto;
  left: 150px;
  width: 230px;
  background-color: #fff;
  -webkit-box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
          box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: none;
  padding-top: 20px;
  z-index: -1;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
  padding: 15px 15px 15px 40px;
  display: block;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
  display: none;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
  position: absolute;
  right: 20px;
  top: 16px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
  background-color: rgba(0, 102, 102, 0.1);
  color: #006666;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
  background-color: transparent;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 48%;
  width: 12px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
  text-align: left;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 15px 15px 40px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 48%;
  width: 6px;
  border-top: 2px solid #595c60;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
  position: relative;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  position: absolute;
  left: 53%;
  top: 7px;
  font-weight: 500;
  font-size: 9px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
  margin: 0 auto 6px;
  width: 24px;
  height: 24px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
  word-break: break-word;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
  display: none;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center;
  padding: 0;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
  width: 24px;
  height: 24px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
  position: absolute;
  right: 20px;
  top: 13px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout=stroke-svg] .sidebar-links .mega-menu svg.stroke-icon {
  display: block;
  margin: 0 auto 6px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout=stroke-svg] .sidebar-links .mega-menu svg.fill-icon {
  display: none;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout=fill-svg] .sidebar-links .mega-menu svg.stroke-icon {
  display: none;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout=fill-svg] .sidebar-links .mega-menu svg.fill-icon {
  display: block;
  margin: 0 auto 6px;
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
}
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
  margin-left: 0px;
}
.page-wrapper.compact-small .toggle-sidebar {
  position: relative;
  right: unset;
  top: unset;
  margin-right: 15px;
}
.page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
  visibility: hidden;
  position: absolute;
  top: 8px;
  right: 22px;
  color: #006666;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 102, 102, 0.2);
  border-radius: 100%;
  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;
}
[dir=rtl] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
  left: 22px;
  right: unset;
}
.page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
  visibility: visible;
}
.page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-wrapper.compact-small .sidebar-main-title,
.page-wrapper.compact-small .logo-wrapper {
  display: none;
}
.page-wrapper.compact-small .logo-icon-wrapper {
  display: block;
  text-align: center;
  padding: 27px 30px;
  -webkit-box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
          box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
}
.page-wrapper.compact-small .page-header {
  margin-left: 90px;
  width: calc(100% - 90px);
}
.page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
  display: none;
}
.page-wrapper.compact-small .page-header.close_icon {
  margin-left: 0;
  width: calc(100% - 0px);
}
.page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-left: 90px;
}
.page-wrapper.compact-small .page-body-wrapper .footer {
  margin-left: 90px;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
  width: 90px;
}
@media (max-width: 420px) {
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 105px);
  }
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  display: block;
  padding: 15px 0;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  left: 90px;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
  padding: 10px 15px 10px 40px;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
  display: none;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
  top: 11px;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  display: none;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
  display: none;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
  margin: 0 auto;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
  display: none;
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
}
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
  margin-left: 0px;
}
.page-wrapper.only-body {
  background-color: #f2f0fa;
}
.page-wrapper.only-body .page-body-wrapper {
  background-color: #f2f0fa;
}
.page-wrapper.only-body .page-header {
  position: relative;
}
.page-wrapper.only-body .page-header .header-logo-wrapper {
  display: none;
}
.page-wrapper.only-body .page-header .header-wrapper {
  padding: 0 !important;
}
.page-wrapper.only-body .page-header .header-wrapper .left-header {
  display: none;
}
.page-wrapper.only-body .page-header .header-wrapper .nav-right {
  position: absolute;
  right: 60px;
  top: 58px;
}
.page-wrapper.only-body .page-header .header-wrapper .search-full {
  top: 37px;
  width: calc(100% - 50px);
  left: 25px;
}
[dir=rtl] .page-wrapper.only-body .page-header .header-wrapper .search-full {
  left: unset;
  right: 25px;
}
.page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
  background-color: #fff;
  border-radius: 15px;
}
.page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
  top: 78px;
  width: calc(100% - 30px);
  margin: 0 auto;
  right: 0;
}
.page-wrapper.only-body .page-body-wrapper .page-title {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-wrapper.only-body .sidebar-wrapper,
.page-wrapper.only-body footer {
  display: none;
}
.page-wrapper.only-body .page-body-wrapper .page-body {
  margin-top: 0px;
  min-height: calc(100vh - 0px);
}
.page-wrapper.only-body .page-body-wrapper .page-title {
  padding-left: 30px;
  padding-right: 30px;
  margin: 30px 0;
  border-radius: 15px;
}
@media (max-width: 991.98px) {
  .page-wrapper.only-body .page-body-wrapper .page-title {
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px 0;
  }
}
.page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
  margin-top: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-wrapper.modern-type .progress-chart-wrap {
  margin-left: -22px;
}
[dir=rtl] .page-wrapper.modern-type .progress-chart-wrap {
  margin-left: unset;
  margin-right: -22px;
}
.page-wrapper.modern-type .ecommerce-widget {
  border: 1px solid #00d6d6 !important;
}
.page-wrapper.modern-type .file-sidebar .pricing-plan {
  border: 1px solid #00d6d6 !important;
}
.page-wrapper.modern-type .alert-primary {
  color: #006666;
}
.page-wrapper.modern-type .project-box {
  background-color: #00d6d6;
}
.page-wrapper.modern-type .nav-tabs .nav-link.active {
  background-color: transparent;
}
.page-wrapper.modern-type .simplebar-mask {
  top: 10px;
}
.page-wrapper.modern-type .page-header {
  margin-left: 0px;
  width: calc(100% - 0px);
}
.page-wrapper.modern-type .page-header.close_icon {
  margin-left: 0px;
  width: calc(100% - 0px);
}
.page-wrapper.modern-type .page-header .header-wrapper .left-header {
  width: 30%;
}
@media (max-width: 1428px) and (min-width: 1200px) {
  .page-wrapper.modern-type .page-header .header-wrapper .left-header {
    width: 37%;
  }
}
@media (max-width: 818px) {
  .page-wrapper.modern-type .page-header .header-wrapper .left-header {
    width: 36%;
  }
}
@media (max-width: 1669px) {
  .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
    width: 50%;
  }
}
@media (max-width: 1428px) and (min-width: 1200px) {
  .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
    width: 40%;
  }
}
.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
  display: block;
  margin-right: 30px;
}
.page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
  display: block;
  position: relative;
  top: unset;
  right: unset;
  margin-right: 15px;
}
.page-wrapper.modern-type .page-body-wrapper .page-title {
  background-color: transparent;
  padding-bottom: 0;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
  margin: 30px !important;
  top: 80px;
  bottom: 0;
  border-radius: 15px;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  display: none;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
  height: calc(100vh - 160px);
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
  display: none;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-left: 0px;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-left: 0px;
  margin-right: 0px;
}
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
  display: none;
}
.page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-left: 296px;
}
.page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
  max-width: 1500px;
}
.page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 360px;
  margin-right: 70px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-right: 0;
    margin-left: 0;
  }
}
.page-wrapper.material-type {
  position: relative;
}
.page-wrapper.material-type::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 300px;
  background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
}
.page-wrapper.material-type .card {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.page-wrapper.material-type .page-header {
  position: relative;
  max-width: 1560px;
  margin: 50px auto 0;
  border-radius: 15px 15px 0 0;
}
.page-wrapper.material-type .page-header .header-wrapper .left-header {
  width: 31%;
}
@media (max-width: 1600px) {
  .page-wrapper.material-type .page-header .header-wrapper .left-header {
    width: 33%;
  }
}
@media (max-width: 1366px) {
  .page-wrapper.material-type .page-header .header-wrapper .left-header {
    width: 38%;
  }
}
@media (max-width: 1199px) {
  .page-wrapper.material-type .page-header .header-wrapper .left-header {
    width: 30%;
  }
}
@media (max-width: 1600px) {
  .page-wrapper.material-type .page-header .header-wrapper .nav-right {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .page-wrapper.material-type .page-header .header-wrapper .nav-right {
    width: 45%;
  }
}
.page-wrapper.material-type .page-body-wrapper {
  background-image: url(../images/other-images/boxbg.jpg);
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
}
.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
  position: relative;
  max-width: 1560px;
  margin: 0 auto;
  top: unset;
  height: 56px;
}
.page-wrapper.material-type .page-body-wrapper .page-body {
  margin: 0 auto;
  max-width: 1560px;
  background-color: #F5F5F5;
  -webkit-box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
          box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
  border-radius: 0 0 15px 15px;
}
.page-wrapper.material-type .footer {
  margin-top: 40px;
}
.page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
  width: 38%;
}
@media (max-width: 991px) {
  .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
    width: 50%;
  }
}
.page-wrapper.advance-layout {
  background-blend-mode: overlay;
  background-color: #F5F5F5;
}
.page-wrapper.advance-layout .card {
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ecf3fa;
}
.page-wrapper.advance-layout .page-header {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
}
.page-wrapper.advance-layout .page-body-wrapper {
  background: transparent;
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
  position: relative !important;
  top: unset !important;
  height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
  overflow-x: hidden;
}
.page-wrapper.advance-layout .page-body-wrapper .page-body {
  margin-top: 0 !important;
}

@-webkit-keyframes pagebody {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
            transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
  }
  50% {
    opacity: 1;
  }
}

@keyframes pagebody {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
            transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
  }
  50% {
    opacity: 1;
  }
}
.md-sidebar {
  position: relative;
}
.md-sidebar .md-sidebar-toggle {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: capitalize;
  margin-bottom: 20px;
}

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px;
}

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%;
  }
}
@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%;
  }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px;
  }
}
@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2).profile-nav) {
    padding: 8px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2).profile-nav) svg {
    height: 22px;
    width: 22px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(5).onhover-dropdown.notification-down::before {
    left: 47px;
    height: 42px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px;
  }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important;
  }
  .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
    right: 10px !important;
    left: unset !important;
  }
}
@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
    content: "";
    position: absolute;
    left: 33px;
    height: 30px;
  }
  .mobile-title.d-none {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px;
  }
  .mobile-title.d-none h5 {
    color: var(--theme-deafult);
  }
  .mobile-title.d-none svg {
    stroke: var(--theme-deafult) !important;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%;
  }
}
@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px;
  }
  .responsive-btn {
    display: none;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
    position: absolute;
    right: 20px;
    top: 5px;
    color: #59667a;
    font-weight: 100;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 15px;
    top: 5px;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
    display: none;
    border-radius: 4px;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
    display: block;
    position: absolute;
    left: 200px;
    background-color: #fff;
    top: -10px;
    padding: 15px 0px 15px 0px;
    -webkit-box-shadow: 0 0 1px 0 #898989;
            box-shadow: 0 0 1px 0 #898989;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
    right: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none;
  }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative;
  }
  .page-wrapper.material-icon::before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  }
  .page-wrapper.material-icon .toggle-sidebar {
    color: rgba(255, 255, 255, 0.8);
  }
  .page-wrapper.material-icon .toggle-sidebar:hover > svg {
    color: #fff !important;
    stroke: #fff !important;
  }
  .page-wrapper.material-icon .page-header {
    position: relative;
    background: transparent;
    padding-left: 90px;
    max-width: 1660px;
    margin: 0 auto;
    width: calc(100% - 0px);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .page-wrapper.material-icon .page-header .f-light {
    color: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
    stroke: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
    stroke: #051A1A;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
    color: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
    stroke: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
    stroke: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
    stroke: #fff;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
    color: #051A1A;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
    color: #051A1A;
  }
  .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
    color: rgba(255, 255, 255, 0.7);
  }
  .page-wrapper.material-icon .page-header.close_icon {
    padding-left: 0;
    margin: 0 auto !important;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    margin-top: 0 !important;
    padding-left: 90px;
    max-width: 1660px;
    margin: 0 auto;
  }
  .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
    padding-left: 15px;
    margin: 0 auto !important;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-title {
    color: #fff;
    background-color: transparent;
    border-bottom: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
    stroke: #fff;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.6);
  }
  .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
    border-radius: 0px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important;
  }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px;
  }
}
@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px;
  }
}
/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir=rtl] ul {
  padding-right: 0;
}
html[dir=rtl] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important;
}
html[dir=rtl] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px;
}
html[dir=rtl] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
html[dir=rtl] .img-boostup .img-boostup-img-2 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: unset;
  right: -61px;
}
html[dir=rtl] .table-order .order-table thead tr th:first-child, html[dir=rtl] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
html[dir=rtl] .table-order .order-table thead tr th:last-child, html[dir=rtl] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
html[dir=rtl] .tap-top {
  left: 30px;
  right: unset;
}
html[dir=rtl] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
html[dir=rtl] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
html[dir=rtl] .user-message ul li .activity-log .status {
  right: 25px !important;
}
html[dir=rtl] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset;
}
html[dir=rtl] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset;
}
html[dir=rtl] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px;
}
html[dir=rtl] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px;
}
html[dir=rtl] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr;
}
html[dir=rtl] .important-project .projectlist-card .range_4 .slider-container .slider_input {
  left: 0;
}
html[dir=rtl] .add-project .categories {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: 0;
  right: unset;
}
html[dir=rtl] .activity-group::before {
  content: "";
  right: 0px;
  left: unset;
}
html[dir=rtl] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset;
}
html[dir=rtl] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important;
}
html[dir=rtl] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important;
}
html[dir=rtl] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%;
}
html[dir=rtl] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset;
}
html[dir=rtl] .activity-log-card ul::before {
  right: 36px;
  left: unset;
}
html[dir=rtl] .slider-wrapper {
  direction: ltr;
}
html[dir=rtl] .f-right {
  float: left;
}
html[dir=rtl] .papernote-wrap .note-labels ul {
  gap: 9px;
}
html[dir=rtl] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem;
}
html[dir=rtl] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px;
}
html[dir=rtl] .switch-showcase .form-check .form-check-input {
  float: left;
}
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
}
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px;
}
html[dir=rtl] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important;
}
html[dir=rtl] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
  right: unset;
  left: 30px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
  padding: 0;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
  left: 50px !important;
  right: unset !important;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
  margin-right: 0;
  margin-left: unset;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
  text-align: left;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
  margin-left: 8px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  margin-left: 0;
  margin-right: 100px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-left: 0;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
  display: none !important;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
  display: none;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-left: 13px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
  -webkit-transform: translate(0px);
          transform: translate(0px);
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
  display: block !important;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  float: none;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
  display: block;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
  right: 30px;
  left: unset;
  border-top-right-radius: 8px;
  border-right: 2px solid;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
  padding-right: 65px !important;
  padding-left: unset !important;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
  right: 32px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
  right: 20px;
  left: unset;
  top: 9%;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 8px;
  border-left: unset;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px;
}
html[dir=rtl] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px;
}
html[dir=rtl] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px;
}
html[dir=rtl] .contact-editform.ps-0 {
  padding-left: 20px !important;
}
html[dir=rtl] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px;
}
html[dir=rtl] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px;
}
html[dir=rtl] .list-persons .profile-mail .email-general ul li > span {
  float: left;
}
html[dir=rtl] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB;
}
html[dir=rtl] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px;
}
html[dir=rtl] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px;
}
html[dir=rtl] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset;
}
html[dir=rtl] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center;
}
html[dir=rtl] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%;
}
html[dir=rtl] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px;
}
html[dir=rtl] .project-box .badge {
  right: unset;
  left: 30px;
}
html[dir=rtl] .kanban-board {
  float: right;
}
html[dir=rtl] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px;
}
html[dir=rtl] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right;
}
html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0;
}
html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0;
}
html[dir=rtl] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0;
}
html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset;
}
html[dir=rtl] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset;
}
html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important;
}
@media (max-width: 575.98px) {
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    left: 12px !important;
  }
}
html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right;
}
html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px;
}
html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0;
}
html[dir=rtl] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-header.close_icon {
  margin-right: 0;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  -webkit-animation: fadeInRight 1000ms ease-in-out;
          animation: fadeInRight 1000ms ease-in-out;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
  padding: 15px 40px 15px 15px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
  right: 20px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
  left: unset;
  right: 20px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
  text-align: right;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  padding: 15px 40px 15px 15px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
  left: unset;
  right: 20px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
  right: unset;
  left: 20px;
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
}
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
  margin-right: 0px;
}
html[dir=rtl] .page-wrapper.compact-small .page-header {
  margin-right: 90px;
}
html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px;
}
html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px;
}
html[dir=rtl] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto;
}
html[dir=rtl] .page-wrapper.material-icon .page-header.close_icon {
  padding-right: 0;
}
html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto;
}
html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important;
}
html[dir=rtl] .apexcharts-canvas {
  direction: ltr;
}
html[dir=rtl] .email-wrap .btn-mail {
  text-align: right;
}
html[dir=rtl] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px;
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center;
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right;
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left;
}
html[dir=rtl] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important;
}
html[dir=rtl] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px;
}
html[dir=rtl] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px;
}
html[dir=rtl] .progress-gradient-primary {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-deafult)), to(transparent));
  background-image: linear-gradient(to right, var(--theme-deafult), transparent);
}
html[dir=rtl] .progress-gradient-primary::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-primary .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-secondary {
  background-image: -webkit-gradient(linear, left top, right top, from(#FE6A49), to(transparent));
  background-image: linear-gradient(to right, #FE6A49, transparent);
}
html[dir=rtl] .progress-gradient-secondary::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-secondary .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-success {
  background-image: -webkit-gradient(linear, left top, right top, from(#00AC46), to(transparent));
  background-image: linear-gradient(to right, #00AC46, transparent);
}
html[dir=rtl] .progress-gradient-success::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-success .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-danger {
  background-image: -webkit-gradient(linear, left top, right top, from(#FE6A49), to(transparent));
  background-image: linear-gradient(to right, #FE6A49, transparent);
}
html[dir=rtl] .progress-gradient-danger::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-danger .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-info {
  background-image: -webkit-gradient(linear, left top, right top, from(#173878), to(transparent));
  background-image: linear-gradient(to right, #173878, transparent);
}
html[dir=rtl] .progress-gradient-info::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-info .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-light {
  background-image: -webkit-gradient(linear, left top, right top, from(#E6E9EB), to(transparent));
  background-image: linear-gradient(to right, #E6E9EB, transparent);
}
html[dir=rtl] .progress-gradient-light::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-light .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-dark {
  background-image: -webkit-gradient(linear, left top, right top, from(#2c323f), to(transparent));
  background-image: linear-gradient(to right, #2c323f, transparent);
}
html[dir=rtl] .progress-gradient-dark::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-dark .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-gradient-warning {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFAE1A), to(transparent));
  background-image: linear-gradient(to right, #FFAE1A, transparent);
}
html[dir=rtl] .progress-gradient-warning::after {
  right: unset;
  left: -1px;
}
html[dir=rtl] .progress-gradient-warning .animate-circle {
  right: unset;
  left: -8px;
}
html[dir=rtl] .progress-animate span {
  left: -10px;
  right: unset;
}
html[dir=rtl] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important;
}
html[dir=rtl] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important;
}
html[dir=rtl] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important;
}
html[dir=rtl] .navs-dropdown .onhover-show-div {
  right: 0;
}
html[dir=rtl] .default-according.style-1 button {
  text-align: right;
}
html[dir=rtl] .default-according.style-1 button:before {
  left: 20px;
  right: unset;
}
@media (max-width: 575px) {
  html[dir=rtl] .default-according.style-1 button:before {
    left: 15px;
  }
}
html[dir=rtl] .default-according.style-1 button i {
  right: 18px;
  left: unset;
}
html[dir=rtl] .default-according .card .card-header i {
  right: 18px;
  left: unset;
}
html[dir=rtl] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important;
}
@media (max-width: 575.98px) {
  html[dir=rtl] .faq-wrap .faq-accordion .card .card-header .btn-link {
    padding-right: 10px !important;
  }
}
html[dir=rtl] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right;
}
html[dir=rtl] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset;
}
html[dir=rtl] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset;
}
html[dir=rtl] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset;
}
html[dir=rtl] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir=rtl] .order-box .sub-total .shipping-class span,
html[dir=rtl] .order-box .sub-total li .shopping-checkout-option,
html[dir=rtl] .order-box .sub-total li span,
html[dir=rtl] .order-box .total .shipping-class .shopping-checkout-option,
html[dir=rtl] .order-box .total .shipping-class span,
html[dir=rtl] .order-box .total li .shopping-checkout-option,
html[dir=rtl] .order-box .total li span,
html[dir=rtl] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir=rtl] .order-box .qty .shipping-class span,
html[dir=rtl] .order-box .qty li .shopping-checkout-option,
html[dir=rtl] .order-box .qty li span {
  float: left;
}
html[dir=rtl] .order-box .sub-total li .count,
html[dir=rtl] .order-box .total li .count,
html[dir=rtl] .order-box .qty li .count {
  float: left;
}
html[dir=rtl] .img-paypal {
  margin-right: 15px;
  margin-left: unset;
}
html[dir=rtl] .cart .qty-box .input-group .btn {
  border-radius: 0 !important;
}
html[dir=rtl] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .grid-options {
  margin-right: 10px;
  margin-left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-1 {
  right: 12px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-2 {
  right: 18px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-3 {
  right: 36px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-4 {
  right: 42px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-5 {
  right: 48px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-6 {
  right: 66px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-7 {
  right: 72px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-8 {
  right: 78px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-9 {
  right: 84px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-10 {
  right: 103px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-11 {
  right: 109px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-12 {
  right: 115px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-13 {
  right: 121px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-14 {
  right: 127px;
  left: unset;
}
html[dir=rtl] .grid-options ul li a .line-grid-15 {
  right: 133px;
  left: unset;
}
html[dir=rtl] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset;
}
html[dir=rtl] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important;
}
html[dir=rtl] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset;
}
html[dir=rtl] .prooduct-details-box .btn {
  right: unset;
  left: 15px;
}
html[dir=rtl] .prooduct-details-box .close {
  right: unset;
  left: 10px;
}
html[dir=rtl] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .feature-products form .form-group i {
  left: 30px;
  right: unset;
}
html[dir=rtl] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right;
}
html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset;
}
html[dir=rtl] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px;
}
html[dir=rtl] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset;
}
html[dir=rtl] .bookmark ul li .search-form .form-control-search:before {
  right: 50px;
  left: unset;
}
html[dir=rtl] .bookmark ul li .search-form .form-control-search:after {
  right: 20px;
  left: unset;
}
html[dir=rtl] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important;
}
html[dir=rtl] .footer .pull-right {
  float: none;
}
html[dir=rtl] .checkbox_animated,
html[dir=rtl] .radio_animated {
  margin: 0 8px 0 16px;
}
html[dir=rtl] .button.remove {
  left: -10px;
  right: unset;
}
html[dir=rtl] .code-box-copy__btn {
  left: 11px;
  right: unset;
}
html[dir=rtl] ul.nav-menus {
  border-bottom: none;
}
html[dir=rtl] ul.nav-menus li .input-show input {
  right: 0px;
  left: unset;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div li {
  text-align: right;
}
html[dir=rtl] .badge + .badge {
  margin-right: 5px;
  margin-left: unset;
}
html[dir=rtl] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset;
}
html[dir=rtl] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important;
}
html[dir=rtl] .m-r-20 {
  margin-left: 20px;
  margin-right: unset;
}
html[dir=rtl] .m-r-30 {
  margin-left: 30px;
  margin-right: unset;
}
html[dir=rtl] .m-r-5 {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .text-start {
  text-align: right !important;
}
html[dir=rtl] .m-r-10 {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important;
}
html[dir=rtl] .p-r-0 {
  padding-left: 0;
  padding-right: 15px;
}
html[dir=rtl] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important;
}
html[dir=rtl] .ps-3 {
  padding-right: 1rem !important;
}
html[dir=rtl] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important;
}
html[dir=rtl] .float-end {
  float: left !important;
}
html[dir=rtl] .float-start {
  float: right !important;
}
html[dir=rtl] .text-end {
  text-align: left !important;
}
html[dir=rtl] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important;
}
html[dir=rtl] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important;
}
html[dir=rtl] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important;
}
html[dir=rtl] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important;
}
html[dir=rtl] .owl-carousel {
  direction: ltr;
}
html[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir=rtl] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important;
}
html[dir=rtl] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .btn-group .btn + .btn,
html[dir=rtl] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none;
}
html[dir=rtl] .btn-group .btn-group + .btn,
html[dir=rtl] .btn-group .btn-group + .btn-group {
  margin-right: -1px;
}
html[dir=rtl] .btn-group .btn-group-vertical .btn + .btn,
html[dir=rtl] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px;
}
html[dir=rtl] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir=rtl] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px;
}
html[dir=rtl] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important;
}
html[dir=rtl] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important;
}
html[dir=rtl] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .m-r-15 {
  margin-left: 15px;
  margin-right: unset;
}
html[dir=rtl] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important;
}
html[dir=rtl] .p-l-0 {
  padding-left: unset;
  padding-right: 0px;
}
html[dir=rtl] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important;
}
html[dir=rtl] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important;
}
html[dir=rtl] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important;
}
html[dir=rtl] .prooduct-details-box .media-body {
  margin-right: 0 !important;
}
html[dir=rtl] .alert {
  text-align: right;
}
html[dir=rtl] .pull-right {
  float: left;
}
html[dir=rtl] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0;
}
html[dir=rtl] .card {
  text-align: right;
}
html[dir=rtl] .card.social-profile {
  text-align: center;
}
html[dir=rtl] .card .card-header h5:not(.mb-0) {
  float: right;
}
html[dir=rtl] .card .card-header span {
  clear: both;
}
html[dir=rtl] .card .card-header .card-header-right {
  left: 35px;
  right: unset;
}
html[dir=rtl] .card .card-header .card-header-right .card-option {
  text-align: left;
}
html[dir=rtl] .card .card-header .card-header-right .card-option.list-unstyled {
  padding-right: 0;
  padding-left: unset;
}
html[dir=rtl] .card .card-header .pull-left {
  float: right;
}
html[dir=rtl] .card.full-card {
  left: 0;
  right: unset;
}
html[dir=rtl] .card .card-body .alert svg {
  margin-left: 4px;
  margin-right: unset;
}
html[dir=rtl] .card .card-body .value-left {
  margin-left: 30px;
  margin-right: unset;
}
html[dir=rtl] .card .card-body .square {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .explore-card {
  text-align: left;
}
html[dir=rtl] .explore-card .group-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
html[dir=rtl] .balance-box {
  text-align: center;
}
html[dir=rtl] .purchase-card {
  text-align: center;
}
html[dir=rtl] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}
html[dir=rtl] .modal-footer > :not(:first-child) {
  margin-right: 0.5rem;
  margin-left: 0;
}
html[dir=rtl] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB;
}
html[dir=rtl] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset;
}
html[dir=rtl] .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
  padding-right: unset;
  float: right;
}
html[dir=rtl] code[class*=language-],
html[dir=rtl] pre[class*=language-] {
  text-align: right;
}
html[dir=rtl] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset;
}
html[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir=rtl] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
html[dir=rtl] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset;
}
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
}
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir=rtl] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px;
}
html[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
}
html[dir=rtl] .was-validated .form-control:invalid,
html[dir=rtl] .form-control.is-invalid,
html[dir=rtl] .was-validated .form-control:valid,
html[dir=rtl] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px;
}
html[dir=rtl] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .input-group > .input-group-prepend > .btn,
html[dir=rtl] .input-group > .input-group-prepend > .input-group-text,
html[dir=rtl] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir=rtl] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir=rtl] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir=rtl] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .input-group > .input-group-append > .btn,
html[dir=rtl] .input-group > .input-group-append > .input-group-text,
html[dir=rtl] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir=rtl] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir=rtl] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir=rtl] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .border-tab.nav-left .nav-link {
  text-align: left;
}
html[dir=rtl] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px;
}
html[dir=rtl] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset;
}
html[dir=rtl] .social-status .media .social-status {
  right: 35px;
  left: unset;
}
html[dir=rtl] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset;
}
html[dir=rtl] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset;
}
html[dir=rtl] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset;
}
html[dir=rtl] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset;
}
html[dir=rtl] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset;
}
html[dir=rtl] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset;
}
html[dir=rtl] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset;
}
html[dir=rtl] .photos ul li {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset;
}
html[dir=rtl] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset;
}
html[dir=rtl] .avatar-showcase .pepole-knows ul li:last-child {
  margin-left: 0;
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset;
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons li {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons li:last-child {
  margin-left: 0;
}
html[dir=rtl] .faq-form .search-icon {
  left: 12px;
  right: unset;
}
html[dir=rtl] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset;
}
html[dir=rtl] .header-faq,
html[dir=rtl] .faq-title {
  text-align: right;
}
html[dir=rtl] .browse .browse-articles h6 span svg {
  right: 22px;
}
html[dir=rtl] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset;
}
html[dir=rtl] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .navigation-option ul li {
  padding: 8px 0 8px 8px;
}
html[dir=rtl] .navigation-option ul li a {
  padding-right: 40px;
  padding-left: unset;
}
html[dir=rtl] .navigation-option ul li a svg {
  right: 15px;
  left: unset;
}
html[dir=rtl] .updates-faq {
  margin-right: unset;
  margin-left: 20px;
}
html[dir=rtl] .categories {
  right: unset;
  left: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
html[dir=rtl] .categories .learning-header {
  padding-right: 15px;
  padding-left: unset;
}
html[dir=rtl] .main .langChoice {
  left: 30px;
  right: unset;
}
html[dir=rtl] .pricing-block svg {
  direction: ltr;
}
html[dir=rtl] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .avatars .avatar:last-child {
  margin-left: 0;
}
html[dir=rtl] .avatars .avatar .status {
  left: 4px;
  right: unset;
}
html[dir=rtl] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset;
}
html[dir=rtl] .card .card-header h5 {
  float: none !important;
}
html[dir=rtl] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset;
}
html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset;
}
html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left;
}
html[dir=rtl] .todo .notification-popup {
  left: 10px;
  right: unset;
}
html[dir=rtl] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .todo-options .badges-todo h6:last-child {
  margin-left: 0;
}
html[dir=rtl] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset;
}
html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn .btn {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
html[dir=rtl] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset;
}
html[dir=rtl] .sticky-note .note {
  float: right;
}
html[dir=rtl] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px;
}
html[dir=rtl] .mega-menu .list-unstyled div a:hover {
  padding: 8px 10px 8px 35px;
}
html[dir=rtl] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important;
}
html[dir=rtl] .needs-validation .input-group > .form-control:not(:last-child),
html[dir=rtl] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir=rtl] .form-row .input-group > .form-control:not(:last-child),
html[dir=rtl] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .form-check {
  padding-right: 1.25rem;
  padding-left: unset;
}
html[dir=rtl] .form-check .form-check-input {
  float: right;
  margin-left: unset;
  margin-right: -1.5em;
}
html[dir=rtl] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px;
}
html[dir=rtl] .mega-menu .default-according .card .btn-link {
  text-align: right;
}
html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=true]:before,
html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=false]:before {
  right: unset;
  left: 20px;
}
html[dir=rtl] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px;
}
html[dir=rtl] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px;
}
html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right;
}
html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li a i {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .email-wrap .email-app-sidebar ul {
  padding-right: 0;
}
html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important;
}
html[dir=rtl] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px;
}
html[dir=rtl] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px;
}
html[dir=rtl] .event-calendar {
  direction: ltr;
}
html[dir=rtl] .calendar-wrap .fc {
  direction: rtl;
  text-align: right;
}
html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-left {
  float: right;
}
html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-right {
  float: left;
}
html[dir=rtl] .calendar-wrap .fc .fc-toolbar > * > * {
  margin-left: 0;
}
html[dir=rtl] .calendar-wrap .fc-events-container {
  text-align: right;
}
html[dir=rtl] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px;
}
html[dir=rtl] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important;
}
html[dir=rtl] .fc-unthemed .fc-row {
  margin-right: 0 !important;
}
html[dir=rtl] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset;
}
html[dir=rtl] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[dir=rtl].button-builder ul.the-icons li {
  float: right;
}
html[dir=rtl].button-builder .color-slelector {
  float: right;
}
html[dir=rtl].button-builder .custom-button-color .form-control {
  border-radius: 0 5px 5px 0;
}
html[dir=rtl].button-builder .custom-button-color .form-control.pull-left {
  float: right;
}
html[dir=rtl].button-builder .hint-label {
  float: right;
  padding: 4px 20px 0 0;
}
html[dir=rtl] #customer-review .owl-item img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
html[dir=rtl] .options > div {
  margin: 0 0 8px 8px;
}
html[dir=rtl] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0;
}
html[dir=rtl] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important;
}
html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[dir=rtl] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef;
}
html[dir=rtl] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px;
}
html[dir=rtl] .drag form {
  text-align: right;
}
html[dir=rtl] .drag form input {
  text-align: right;
}
html[dir=rtl] .drag form label {
  text-align: right !important;
}
html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn,
html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn-right,
html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .drag form .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px;
}
html[dir=rtl] .draggable label {
  text-align: right;
}
html[dir=rtl] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px;
}
html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important;
}
html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important;
}
html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px;
}
html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper {
  -webkit-box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important;
          box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important;
}
html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper a {
  -webkit-transform: translate(-64px);
          transform: translate(-64px);
}
html[dir=rtl] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .product-stts {
  display: inline-block;
}
html[dir=rtl] .product-stts .ms-1 {
  margin-right: 0.25rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right;
}
html[dir=rtl] .icon-hover-bottom .icon-title {
  text-align: right;
}
html[dir=rtl] .icon-lists div i {
  margin: 0 10px 0 15px;
}
html[dir=rtl] .icon-lists ul {
  padding-right: 0;
}
html[dir=rtl] ul.icon-lists {
  padding-right: 30px;
}
html[dir=rtl] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset;
}
html[dir=rtl] .floated-customizer-btn > span {
  margin-right: 10px;
}
html[dir=rtl] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset;
}
html[dir=rtl] .floated-customizer-panel.active {
  left: 35px;
  right: unset;
}
html[dir=rtl] .floated-customizer-panel .close-customizer-btn {
  left: 30px;
  right: unset;
}
html[dir=rtl] .floated-customizer-panel ul {
  padding-right: 0;
}
html[dir=rtl] .form-builder-2-header > div nav {
  float: left;
}
html[dir=rtl] .radio label {
  padding-left: 0;
  padding-right: 8px;
}
html[dir=rtl] .radio label::before {
  right: 0;
  margin-right: -20px;
  left: unset;
}
html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important;
}
html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right;
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px);
}
html[dir=rtl] .page-wrapper.compact-wrapper .page-header.close_icon {
  margin-right: 100px;
  margin-left: unset;
  width: calc(100% - 100px);
}
html[dir=rtl] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px);
}
html[dir=rtl] .page-wrapper.modern-type .page-header.close_icon {
  margin-right: 0;
  width: calc(100% - 0px);
}
html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
  margin-right: unset;
  margin-left: 30px;
}
html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
  margin-right: unset;
  margin-left: 15px;
}
html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px;
}
html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px;
}
html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px;
}
html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0;
}
html[dir=rtl] .page-header .header-wrapper .nav-right {
  text-align: right;
}
html[dir=rtl] .page-header .header-wrapper .nav-right .onhover-show-div {
  right: unset;
  left: 0;
}
@media (max-width: 575.98px) {
  html[dir=rtl] .page-header .header-wrapper .nav-right .onhover-show-div {
    left: 12px;
  }
}
@media (max-width: 575.98px) {
  html[dir=rtl] .page-header .header-wrapper .nav-right .cart-dropdown li {
    padding: 10px;
  }
}
html[dir=rtl] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
  right: unset;
  left: 0;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
  margin-left: 0;
  margin-right: 8px;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:nth-child(5).notification-down::before {
  left: -8px;
  right: unset;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:before {
  left: 0;
  right: unset;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li .dot {
  left: 17px;
  right: unset;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
  right: 10px;
  left: unset;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
  right: 10px;
  left: unset;
}
html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important;
}
html[dir=rtl] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset;
}
html[dir=rtl] .page-header.open {
  margin-right: 0;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div:before {
  right: inherit !important;
  left: 35px !important;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div:after {
  right: inherit !important;
  left: 35px !important;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div li {
  margin-right: 0 !important;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div li span.badge {
  margin-left: unset !important;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div li span svg {
  margin-right: unset;
  margin-left: 10px;
}
html[dir=rtl] ul.notification-dropdown.onhover-show-div li .notification-icon {
  margin-left: 20px;
  margin-right: unset;
}
html[dir=rtl] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px;
}
html[dir=rtl] .alert i {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .inverse {
  padding: 13px 65px 13px 20px;
}
html[dir=rtl] .inverse i {
  left: unset;
  right: 0;
}
html[dir=rtl] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset;
}
html[dir=rtl] .alert-dismissible .btn-close {
  left: 4px;
  right: unset;
}
html[dir=rtl] .alert-dismissible .btn-close span {
  padding-left: 0;
  padding-right: unset;
}
html[dir=rtl] .icofont.icofont-truck {
  display: inline-block;
}
html[dir=rtl] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right;
}
html[dir=rtl] .blog-box .blog-details .blog-social {
  padding-right: 0;
}
html[dir=rtl] .blog-box .blog-details .blog-social li {
  padding-left: 40px;
  padding-right: unset;
}
html[dir=rtl] .blog-box .blog-details .blog-social li:first-child {
  border-left: 1px solid #777777;
  border-right: unset;
  padding-left: 40px;
  padding-right: unset;
}
html[dir=rtl] .blog-box .blog-details .blog-social li + li {
  margin-right: 30px;
  margin-left: unset;
  padding-left: 0;
}
html[dir=rtl] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset;
}
html[dir=rtl] .blog-box .blog-details-main .blog-social li:last-child {
  border-left: none;
}
html[dir=rtl] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px;
}
html[dir=rtl] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset;
}
html[dir=rtl] .comment-box .media h6 {
  text-align: right;
}
html[dir=rtl] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  html[dir=rtl] .comment-box ul ul {
    margin-right: 30px;
  }
}
html[dir=rtl] .comment-box .comment-social {
  text-align: left;
}
html[dir=rtl] .comment-box .comment-social li {
  padding-left: 0;
  padding-right: 20px;
}
html[dir=rtl] .comment-box .comment-social li:first-child {
  border-left: 1px solid #efefef;
  border-right: unset;
  padding-right: 0;
  padding-left: 20px;
}
html[dir=rtl] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px;
}
html[dir=rtl] .button-builder ul.the-icons {
  padding-right: 0 !important;
}
html[dir=rtl] .chat-msg-box ul {
  padding-right: 0;
}
html[dir=rtl] .cke_toolbar,
html[dir=rtl] .cke_toolgroup,
html[dir=rtl] a.cke_button,
html[dir=rtl] .cke_combo_text {
  float: right;
}
html[dir=rtl] .cke_reset_all,
html[dir=rtl] .cke_reset_all *,
html[dir=rtl] .cke_reset_all a,
html[dir=rtl] .cke_reset_all textarea {
  text-align: right;
}
html[dir=rtl] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px;
}
html[dir=rtl] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important;
}
html[dir=rtl] #clockdiv ul {
  padding-right: 0;
}
html[dir=rtl] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important;
}
html[dir=rtl] .card-social {
  padding-right: 0;
}
html[dir=rtl] .card-absolute .card-header {
  right: 15px;
  left: unset;
}
html[dir=rtl] .dataTables_wrapper .dataTables_filter input[type=search] {
  margin-right: 10px;
  margin-left: 0;
}
html[dir=rtl] .dataTables_wrapper .dataTables_length {
  float: right;
}
html[dir=rtl] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left;
}
html[dir=rtl] .dataTables_wrapper .dataTables_info {
  float: right;
}
html[dir=rtl] .dataTables_wrapper .advance-5_filter {
  margin-left: 0;
}
html[dir=rtl] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .dataTables_wrapper .btn-group button:last-child {
  margin-left: 0;
}
html[dir=rtl] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir=rtl] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px;
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left;
}
html[dir=rtl] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px;
}
html[dir=rtl] table.dataTable thead > tr > th:before {
  left: 1em !important;
  right: unset;
}
html[dir=rtl] table.dataTable thead > tr > th:after {
  left: 0.5em !important;
  right: unset;
}
html[dir=rtl] table.dataTable thead .sorting:before,
html[dir=rtl] table.dataTable thead .sorting_asc:before,
html[dir=rtl] table.dataTable thead .sorting_desc:before,
html[dir=rtl] table.dataTable thead .sorting_asc_disabled:before,
html[dir=rtl] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset;
}
html[dir=rtl] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important;
}
html[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-right: 0;
  padding-left: 0;
}
html[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
  padding-left: 0;
}
html[dir=rtl] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0;
}
html[dir=rtl] .datetime-picker .theme-form .form-group label {
  text-align: left !important;
}
html[dir=rtl] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir=rtl] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
html[dir=rtl] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[dir=rtl] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px;
}
html[dir=rtl] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important;
}
html[dir=rtl] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important;
}
html[dir=rtl] .product-price del {
  padding-left: 20px;
  padding-right: 0;
}
html[dir=rtl] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px;
}
html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff;
}
html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142;
}
html[dir=rtl] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent;
}
html[dir=rtl] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset;
}
html[dir=rtl] .product-box .ribbon-clip {
  right: -14px;
  left: unset;
}
html[dir=rtl] .product-box .ribbon-clip:before {
  right: 0;
  left: unset;
}
html[dir=rtl] .product-hover ul {
  padding-right: 0;
}
html[dir=rtl] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0;
}
html[dir=rtl] .nav {
  padding-right: 0;
}
html[dir=rtl] .custom-tab {
  padding: 4px;
}
html[dir=rtl] .custom-file-label::after {
  left: 0;
  right: unset;
}
html[dir=rtl] .wizard-4 ul.anchor {
  float: right;
}
html[dir=rtl] .wizard-4 .step-container {
  clear: unset;
}
html[dir=rtl] .wizard-4 .form-group {
  text-align: right;
}
html[dir=rtl] .wizard-4 .action-bar .btn {
  float: left;
}
html[dir=rtl] .f1 .f1-buttons {
  text-align: left;
}
html[dir=rtl] .f1 .f1-steps .f1-step {
  float: right;
}
html[dir=rtl] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
html[dir=rtl] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px;
}
html[dir=rtl] .img-cropper .btn-group button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
html[dir=rtl] .img-cropper .btn-group button:first-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir=rtl] .docs-toggles .btn-group .btn {
  border-radius: 0;
}
html[dir=rtl] .docs-toggles .btn-group .btn:last-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
html[dir=rtl] .docs-toggles .btn-group .btn:first-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset;
}
html[dir=rtl] .list-group {
  padding-right: 0;
}
html[dir=rtl] .list-group i,
html[dir=rtl] .list-group img {
  margin-left: 10px;
  margin-right: 0;
}
html[dir=rtl] .authentication-box {
  text-align: right;
}
html[dir=rtl] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset;
}
html[dir=rtl] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset;
}
html[dir=rtl] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0;
}
html[dir=rtl] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important;
}
html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset;
}
html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset;
}
html[dir=rtl] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right;
}
html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=true]:before {
  left: 2px;
  right: unset;
}
html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=false]:before {
  left: 2px;
  right: unset;
}
html[dir=rtl] .search-form .form-group:after {
  right: 53px;
  left: unset;
}
html[dir=rtl] .search-form .form-group:before {
  right: 82px;
  left: unset;
}
html[dir=rtl] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset;
}
html[dir=rtl] .product-page-details span {
  padding-right: 15px;
  padding-left: 0;
}
html[dir=rtl] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px;
}
html[dir=rtl] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0;
}
html[dir=rtl] .form-label-align-right label {
  text-align: left;
}
html[dir=rtl] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir=rtl] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir=rtl] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir=rtl] .br-theme-bars-square .br-widget .br-current-rating {
  float: right;
}
html[dir=rtl] .br-theme-bars-reversed .br-widget a,
html[dir=rtl] .br-theme-bars-movie .br-widget a,
html[dir=rtl] .br-theme-bars-1to10 .br-widget a,
html[dir=rtl] .br-theme-bars-square .br-widget a {
  float: right;
}
html[dir=rtl] .ribbon-left {
  right: auto;
  left: -2px;
}
html[dir=rtl] .ribbon-vertical-left {
  right: auto;
  left: 12px;
}
html[dir=rtl] .ribbon-vertical-right {
  right: auto;
  left: 12px;
}
html[dir=rtl] .star-ratings ul.search-info {
  padding-right: 0;
}
html[dir=rtl] .star-ratings ul.search-info li + li {
  border-right: 1px solid #a5afc6;
  border-left: unset;
  padding-right: 8px;
  padding-left: 0;
  margin-right: 8px;
  margin-left: 0;
}
html[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important;
}
html[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right;
}
html[dir=rtl] .selection .select2-selection .select2-search__field {
  text-align: right;
}
html[dir=rtl] .select2-results__option {
  text-align: right;
}
html[dir=rtl] .editor-statusbar {
  text-align: left;
}
html[dir=rtl] .editor-statusbar span {
  margin-right: 1em;
  margin-left: unset;
}
html[dir=rtl] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset;
}
html[dir=rtl] .primary-color ul,
html[dir=rtl] .yellow-color ul {
  padding-right: 0;
}
html[dir=rtl] .u-step-desc {
  text-align: right;
}
html[dir=rtl] .u-step-number {
  right: 20px;
  left: unset;
}
html[dir=rtl] .u-step-number ~ .u-step-desc {
  margin-right: 50px;
}
html[dir=rtl] .u-pearl:after {
  left: 0;
  right: unset;
}
html[dir=rtl] .u-pearl:before {
  right: 0;
  left: unset;
}
html[dir=rtl] .u-step-icon {
  float: right;
  margin-left: 0.5em;
  margin-right: unset;
}
html[dir=rtl] .list-icons {
  padding-right: 0;
}
html[dir=rtl] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px;
}
html[dir=rtl] .card-header.note-toolbar .form-group.draggable {
  text-align: right;
}
html[dir=rtl] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset;
}
html[dir=rtl] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset;
}
html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label::after {
  right: 0;
  left: unset;
}
html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label::before {
  right: 0;
  left: unset;
}
html[dir=rtl] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset;
}
html[dir=rtl] .checkbox label {
  padding-right: 8px;
  padding-left: unset;
}
html[dir=rtl] .checkbox label::before {
  right: 0;
  left: unset;
  margin-right: -16px;
  margin-left: unset;
}
html[dir=rtl] .checkbox-wrapper li label,
html[dir=rtl] .radio-wrapper li label {
  padding-right: 0;
}
html[dir=rtl] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset;
}
html[dir=rtl] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset;
}
html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset;
}
html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
  right: auto;
  left: 122%;
  text-align: left;
}
html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  right: auto;
  left: 100%;
  border: 15px solid transparent;
  border-left: 15px solid #f4f4f4;
}
html[dir=rtl] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset;
}
html[dir=rtl] .introjs-tooltip {
  right: 0;
  left: unset;
}
html[dir=rtl] .introjs-helperNumberLayer {
  right: -16px;
  left: unset;
}
html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right;
}
html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left;
}
html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
  margin-left: 5px;
  margin-right: unset;
}
html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
  border-radius: 0.2em 0 0 0.2em;
}
html[dir=rtl] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset;
}
html[dir=rtl] .like-comment ul.list-inline {
  padding-right: 0;
}
html[dir=rtl] .typeahead {
  text-align: right;
}
html[dir=rtl] .listing ul {
  padding-right: 0;
}
html[dir=rtl] .listing ul .icofont {
  float: right;
}
html[dir=rtl] .gallery .hover-5 img {
  margin-right: 30px;
}
html[dir=rtl] .gallery .hover-5:hover img {
  margin-right: 0;
}
html[dir=rtl] .lg-outer {
  text-align: right;
}
html[dir=rtl] .lg-toolbar .lg-icon {
  float: left;
}
html[dir=rtl] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right;
}
html[dir=rtl] .chart-widget-top .text-end {
  text-align: left !important;
}
html[dir=rtl] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir=rtl] .bar-chart-widget .earning-details i {
  left: -240px;
}
html[dir=rtl] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important;
}
html[dir=rtl] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir=rtl] .chart-vertical-center #myDoughnutGraph,
html[dir=rtl] .chart-vertical-center #myPolarGraph {
  width: auto !important;
}
html[dir=rtl] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset;
}
html[dir=rtl] div.dt-buttons {
  float: right;
}
html[dir=rtl] .dt-button-collection {
  left: -39px !important;
}
html[dir=rtl] .dropzone .dz-preview .dz-error-mark,
html[dir=rtl] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset;
}
html[dir=rtl] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset;
}
html[dir=rtl] .page-wrapper .page-body-wrapper footer p i {
  margin-right: 5px;
  margin-left: unset;
}
html[dir=rtl] .footer-copyright {
  text-align: right;
}
html[dir=rtl] .footer-links {
  text-align: left;
}
html[dir=rtl] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
html[dir=rtl] .page-item:last-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .popover.top > .arrow:after,
html[dir=rtl] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset;
}
html[dir=rtl] .bootstrap-touchspin > .input-group-append > .btn,
html[dir=rtl] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
html[dir=rtl] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir=rtl] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir=rtl] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right;
}
html[dir=rtl] .typeahead .league-name {
  text-align: right;
  margin-right: 5px;
}
html[dir=rtl] .follow .text-md-right {
  text-align: left !important;
}
html[dir=rtl] .jvectormap-zoomin,
html[dir=rtl] .jvectormap-zoomout,
html[dir=rtl] .jvectormap-goback {
  right: 10px;
  left: unset;
}
html[dir=rtl] .customizer-links {
  right: unset;
  left: 0;
}
html[dir=rtl] .customizer-links > .nav {
  padding-right: 10px;
}
html[dir=rtl] .customizer-links .nav-link:after {
  right: -10px;
  left: unset;
  border-width: 5px 5px 5px 0;
  border-left-color: unset;
  border-right-color: rgba(0, 102, 102, 0.1);
}
html[dir=rtl] .customizer-links .nav-link span {
  right: unset;
  left: -60px;
}
html[dir=rtl] .customizer-links .nav-link:hover span {
  left: 48px;
}
html[dir=rtl] .customizer-links.open {
  right: unset;
  left: 330px;
  border-radius: 0 8px 8px 0;
}
html[dir=rtl] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px;
}
html[dir=rtl] .customizer-contain.open {
  right: unset;
  left: 0px;
}
html[dir=rtl] .customizer-contain .customizer-header .icon-close {
  left: unset;
  right: 30px;
}
html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset;
}
html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
  padding-right: 0;
}
html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px;
}
html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%;
}
html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px;
}
html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
  padding-right: 100px;
}
html[dir=rtl] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23;
}
html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset;
}
html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
@media screen and (max-width: 1660px) {
  html[dir=rtl] .caller-img {
    left: unset;
    right: 15px;
  }
}
@media only screen and (max-width: 1366px) {
  html[dir=rtl] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important;
  }
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(5).onhover-dropdown.notification-down::before {
    right: 47px;
    left: unset;
  }
  html[dir=rtl] .product-wrapper .product-grid .feature-products {
    margin-right: 0;
  }
  html[dir=rtl] .product-grid {
    margin-right: 0;
  }
  html[dir=rtl] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset;
  }
  html[dir=rtl] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset;
  }
}
@media (min-width: 1200px) {
  html[dir=rtl] .float-xl-end {
    float: left !important;
  }
  html[dir=rtl] .pixelstrap ul a:hover .sub-arrow, html[dir=rtl] .pixelstrap ul a:focus .sub-arrow, html[dir=rtl] .pixelstrap ul a:active .sub-arrow, html[dir=rtl] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset;
  }
}
@media (min-width: 992px) {
  html[dir=rtl] .text-lg-start {
    text-align: right !important;
  }
}
@media only screen and (max-width: 1199.98px) {
  html[dir=rtl] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px;
  }
  html[dir=rtl] .link-section > div > h6:before {
    right: unset;
    left: 10px;
  }
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
    left: 45px;
  }
  html[dir=rtl] .email-wrap .row .col-xl-6 {
    padding-right: 15px;
  }
  html[dir=rtl] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px;
  }
  html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right;
  }
  html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px;
  }
  html[dir=rtl] .email-wrap .email-app-sidebar ul {
    padding-right: 0;
  }
  html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important;
  }
  html[dir=rtl] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px;
  }
  html[dir=rtl] .chat-menu-icons {
    text-align: left;
  }
  html[dir=rtl] .chat-menu {
    left: 0;
    right: unset;
  }
}
@media only screen and (max-width: 991.98px) {
  html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px;
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    -webkit-transform: translate(285px);
            transform: translate(285px);
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
    -webkit-transform: translate(285px);
            transform: translate(285px);
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px;
  }
  html[dir=rtl] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0;
  }
  html[dir=rtl] .page-wrapper.material-icon .page-header {
    padding-right: 0;
  }
  html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px;
  }
  html[dir=rtl] .faq-accordion .faq-header svg {
    left: 20px;
  }
  html[dir=rtl] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset;
  }
  html[dir=rtl] .page-body-wrapper .page-body,
  html[dir=rtl] .page-body-wrapper footer {
    margin-right: 0 !important;
  }
  html[dir=rtl] .main .langChoice {
    left: 20px;
  }
  html[dir=rtl] .cd-timeline-img i {
    right: 50% !important;
  }
  html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0;
  }
  html[dir=rtl] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px);
  }
  html[dir=rtl] .page-wrapper .page-header {
    margin-right: 0;
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important;
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    -webkit-transform: translate(285px);
            transform: translate(285px);
  }
  html[dir=rtl] .card-body .value-left {
    margin-left: 20px;
  }
  html[dir=rtl] .bookmark ul li .search-form .form-control-search {
    left: -127px;
  }
  html[dir=rtl] .card .card-header .card-header-right {
    left: 15px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir=rtl] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0;
  }
}
@media (min-width: 768px) {
  html[dir=rtl] .float-md-end {
    float: left !important;
  }
  html[dir=rtl] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important;
  }
  html[dir=rtl] .text-md-end {
    text-align: left !important;
  }
  html[dir=rtl] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset;
  }
  html[dir=rtl] .text-md-start {
    text-align: right !important;
  }
  html[dir=rtl] .ecommerce-widget .text-md-end {
    text-align: left !important;
  }
  html[dir=rtl] .ecommerce-widget .text-md-end ul {
    text-align: left;
  }
}
@media only screen and (max-width: 767.98px) {
  html[dir=rtl] .list-persons .profile-mail .email-general ul {
    padding-left: 0;
  }
  html[dir=rtl] .file-content .form-inline {
    padding: 0px 20px 0px 0px;
  }
  html[dir=rtl] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0;
  }
  html[dir=rtl] .product-sidebar {
    -webkit-transform: translateX(300px) scaleX(1);
            transform: translateX(300px) scaleX(1);
  }
  html[dir=rtl] .product-sidebar.open {
    -webkit-transform: translateX(0px) scaleX(1);
            transform: translateX(0px) scaleX(1);
  }
  html[dir=rtl] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset;
  }
  html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important;
  }
  html[dir=rtl] .ecommerce-widget .text-md-right {
    text-align: left !important;
  }
  html[dir=rtl] .bar-chart-widget .earning-details i {
    left: -147px !important;
  }
}
@media (min-width: 576px) {
  html[dir=rtl] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset;
  }
  html[dir=rtl] .text-sm-end {
    text-align: left !important;
  }
  html[dir=rtl] .float-sm-end {
    float: left !important;
  }
  html[dir=rtl] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important;
  }
}
@media only screen and (max-width: 575.98px) {
  html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px;
  }
  html[dir=rtl] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right;
  }
  html[dir=rtl] .mega-menu {
    padding-left: unset;
    padding-right: 15px;
  }
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px;
  }
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0;
  }
  html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir=rtl] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd;
  }
  html[dir=rtl] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px;
  }
  html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px;
  }
  html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important;
  }
  html[dir=rtl] .faq-accordion .faq-header svg {
    left: 15px;
  }
  html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important;
  }
  html[dir=rtl] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 0px;
  }
  html[dir=rtl] .main .langChoice {
    left: 15px;
  }
  html[dir=rtl] .page-wrapper .search-form .form-group {
    margin-left: 0;
  }
  html[dir=rtl] .card-body .value-left {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 480px) {
  html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px;
  }
  html[dir=rtl] .knob-chart .chart-clock-main {
    width: unset;
  }
  html[dir=rtl] .knob-chart .chart-clock-main .clock-small {
    right: 32px;
  }
  html[dir=rtl] .knob-chart .chart-clock-main .clock-large {
    right: 0;
    left: unset;
  }
  html[dir=rtl] .knob-chart .chart-clock-main .clock-medium {
    right: 32px;
    left: unset;
  }
}
@media only screen and (max-width: 420px) {
  html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px;
  }
  html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px;
  }
}
@media only screen and (max-width: 360px) {
  html[dir=rtl] .prooduct-details-box .close {
    left: 0;
  }
  html[dir=rtl] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px;
  }
  html[dir=rtl] .social-app-profile .hovercard .user-image .avatar img {
    width: 85px;
    height: 85px;
  }
  html[dir=rtl] .social-chat .other-msg {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1460px) {
  html[dir=rtl] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset;
  }
}

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-image: url(../images/other-images/boxbg.jpg);
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
.box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
  background-color: #1A1C23;
}
.box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
  opacity: 1;
  visibility: visible;
  display: block !important;
  top: 58px;
}
.box-layout .today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB;
}
.box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px;
}
.box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px;
}
.box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
  display: none;
}
.box-layout .today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px;
}
.box-layout .today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box-layout .today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
.box-layout .today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none;
}
.box-layout .tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3);
}
.box-layout .tranaction-table thead tr th {
  padding: 20px;
}
.box-layout .tranaction-table thead tr th:nth-child(1) {
  min-width: 160px;
}
.box-layout .tranaction-table thead tr th:nth-child(2) {
  min-width: 150px;
  padding: 20px 0px;
}
.box-layout .tranaction-table thead tr th:nth-child(3) {
  display: none;
}
.box-layout .tranaction-table thead tr th:nth-child(4) {
  min-width: 100px;
  padding: 20px 0px;
}
.box-layout .tranaction-table thead tr th:nth-child(5) {
  min-width: 50px;
}
.box-layout .tranaction-table thead tr th:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.box-layout .tranaction-table thead tr th:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.box-layout .tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB;
}
.box-layout .tranaction-table tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
}
.box-layout .tranaction-table tbody tr td .status-process {
  border-radius: 15px;
  padding: 12px;
}
.box-layout .tranaction-table tbody tr td:nth-child(3) {
  display: none;
}
.box-layout .tranaction-table tbody tr td:last-child .product-sub {
  text-align: center;
}
.box-layout .tranaction-table tbody tr:last-child {
  border: none;
}
.box-layout .tranaction-table tbody tr:last-child td {
  padding-bottom: 0px;
}
.box-layout .tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important;
}
@media only screen and (min-width: 1280px) {
  .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
    width: 96px !important;
  }
  .box-layout .learning-filter {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
    min-width: 100px;
  }
  .box-layout .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .box-layout .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px;
  }
  .box-layout .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .box-layout .job-sidebar {
    background-color: var(--white);
    padding: 20px;
  }
  .box-layout .widget-1.mb-xl-0 {
    margin-bottom: 25px !important;
  }
  .box-layout .radial-progress-card .radial-chart-wrap {
    margin-right: -10px;
  }
  .box-layout .currency-widget div[class*=bg-light-] {
    display: none;
  }
  .box-layout .box-order .order-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .box-layout .activity-card .appointment-table.customer-table {
    height: 187px;
  }
  .box-layout .transaction-table tr td:first-child {
    min-width: 150px;
  }
  .box-layout .purchase-card img {
    margin: -210px auto 0;
    width: 80%;
  }
  .box-layout .purchase-card.discover {
    margin-top: 90px;
  }
  .box-layout .purchase-card.discover img {
    margin-top: -90px;
    width: 64%;
  }
  .box-layout .apache-cotainer-large > div,
  .box-layout .apache-cotainer-large canvas,
  .box-layout #line-visual > div,
  .box-layout #line-visual canvas,
  .box-layout #line-visulH > div,
  .box-layout #line-visulH canvas {
    width: 100% !important;
  }
  .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
    padding-top: 40px;
    margin-top: 0 !important;
  }
  .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
    margin-top: 40px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    width: 230px;
    height: auto;
    top: 40px;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
    width: 1200px;
    left: 48%;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
    padding-left: 0;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: calc(100vh - 180px);
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
    -webkit-box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1);
            box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1);
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    margin-top: 10px;
    margin-bottom: 20px;
    height: calc(100vh - 190px);
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 130px);
    margin-top: 0;
    top: 56px;
    overflow: scroll;
    max-height: calc(100vh - 220px);
    padding-bottom: 80px;
    margin-left: 230px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ecf3fa;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
    width: 6px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
  }
  .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
    padding-left: 148px;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
    margin-top: 40px;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    top: 40px;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 166px);
    margin: 0;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 470px;
    top: 40px;
    height: calc(100vh - 84px);
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
  .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
    -webkit-animation: unset;
            animation: unset;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 0;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    min-height: calc(100vh - 90px);
    margin-top: 0;
    top: 80px;
    overflow: scroll;
    max-height: calc(100vh - 170px);
    padding-bottom: 80px;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ecf3fa;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
    width: 6px;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
  }
  .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
    padding-left: 90px;
  }
  .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
    padding-left: 0;
  }
  .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 410px;
  }
  .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
    display: none;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
    margin-top: 40px;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 80px;
    min-height: calc(100vh - 310px);
    max-height: calc(100vh - 230px);
    overflow: scroll;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ecf3fa;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
    width: 6px;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
    padding-left: 15px;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    width: 1280px;
    top: 80px;
    margin: 0;
    overflow-x: unset;
    position: relative;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    left: 0%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    top: 125px;
    background-color: #fff;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: 0;
  }
  .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
    padding-left: 0px;
  }
  .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
    width: 36%;
  }
  .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
    width: 46%;
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 260px;
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
    top: 120px;
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 311px);
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: calc(100vh - 316px);
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
    width: 1280px;
    left: 50%;
    margin-left: 0;
  }
  .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 0;
  }
  .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
    max-width: 1280px;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-left: 230px;
    margin-top: 40px;
    border-radius: 10px;
    width: unset;
  }
  .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
    padding-left: 100px;
    margin-left: auto;
    width: calc(100% - 0px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
    border-radius: 10px 10px 0 0;
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
  .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
  .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
    width: 36%;
  }
  .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
    margin-top: 0;
  }
  .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0;
  }
  .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
    top: 0;
  }
  .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
    margin-top: 40px !important;
  }
  .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
    margin-top: 0;
  }
  .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
    top: 0;
    min-height: calc(100vh - 170px);
    padding-bottom: 40px;
  }
  .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
  }
  .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
    margin-top: 0;
  }
  .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
    width: 1280px;
    -webkit-box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
    margin: 0 auto;
    overflow: hidden;
  }
  .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
    min-width: 1087px;
    overflow: auto;
  }
  .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
    max-width: 443px;
    overflow: auto;
  }
  .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
    width: 100px;
  }
  .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
    height: 57px;
    bottom: -64px;
  }
  .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
    height: 36px;
    bottom: -43px;
  }
  .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
    height: 40px;
    bottom: -48px;
  }
  .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
    width: 1280px;
    margin: 0 auto;
    padding-left: 230px;
    margin-bottom: 40px !important;
    position: fixed;
    left: 50%;
    z-index: 7;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    border-radius: 0 0 10px;
  }
  .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
    margin-left: 0;
    width: 100%;
  }
  .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
    padding-left: 230px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
    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;
    min-width: 300px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
    z-index: 8;
    background-color: rgba(255, 255, 255, 0.75);
    background-blend-mode: overlay;
    width: 100%;
    padding: 30px;
    left: 15px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
    width: 40%;
    font-size: 14px;
    margin: 0 auto;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
    border: 1px dashed #717171;
    width: 50px;
    height: 50px;
    padding: 8px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
    width: 38%;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
    font-size: 28px;
    color: #717171;
  }
  .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
    width: 100%;
  }
  .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 15px;
  }
  .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
    opacity: 0.7;
  }
  .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
    height: 65px;
  }
  .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
    margin-top: -73px;
  }
  .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
    height: 130px;
    top: -17px;
  }
  .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
    width: 901.781px;
  }
  .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
    padding: 0;
  }
  .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
    display: none;
  }
  .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
    margin-right: -1px;
  }
  .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
    padding-left: 20px;
    padding-right: 20px;
  }
  .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio] {
    display: none;
  }
  .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
    display: block;
  }
  .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
    display: inline-block;
    vertical-align: middle;
  }
  .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
    margin-top: 30px;
  }
  .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
    font-size: 14PX;
  }
  .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
    text-align: center !important;
  }
  .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
    max-width: 238px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
    left: 55%;
  }
  .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
    min-width: 67%;
    width: 67%;
  }
  .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
    margin-top: 40px;
  }
  .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
    margin-bottom: 10px;
  }
  .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
    padding: 50px 20px;
  }
  .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
    min-height: 400px;
  }
  .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily {
    min-height: 430px;
  }
  .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris {
    min-height: 430px;
  }
  .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
  }
  .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
  .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33%;
  }
  .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.67%;
            flex: 0 0 66.67%;
    max-width: 66.67%;
  }
  .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
    display: none !important;
  }
  .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: calc(100% - 15px);
    overflow: hidden;
  }
  .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
    font-size: 19px;
  }
  .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
    display: inline-block;
    margin-right: 0 !important;
  }
  .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
    right: 0;
    border-top: 1px dashed #ddd;
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    visibility: hidden;
    top: 81px;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
  }
  .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    padding-bottom: 25px;
  }
  .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
    stroke-width: 23px !important;
  }
  .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
  .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
    max-height: 165px;
  }
  .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
    padding-left: 12px;
  }
  .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-right: 12px;
  }
  .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
    height: 644px;
  }
  .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
    right: -10px;
  }
  .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
    right: 320px;
  }
  .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
    padding: 0 10px;
  }
  .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
    width: 1280px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
    width: 1050px !important;
    max-width: 1050px !important;
    left: -320px !important;
  }
  .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
    min-width: 67%;
    width: 67%;
  }
}

/**=====================
  5.9 Box-layout CSS Ends
==========================**/
/*# sourceMappingURL=style.css.map */

/*Admin CS*/
.admin .radio label {
    width: 30%;
}
/**=====================
     62. Responsive CSS Start
==========================**/
/* ========= min and max scss for 1200 to 1366 screen ========= */
@media (max-width: 1800px) {
  .todo-wrap .todo-list-body .task-container div.d-flex {
    min-width: 240px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .caller-img {
    display: none;
  }
}
@media screen and (max-width: 1660px) {
  .photos ul li {
    width: 26%;
  }
  .bar-chart canvas {
    width: 100% !important;
  }
  .chat-left-aside .people-list {
    height: 520px;
  }
  .caller-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 15px;
  }
  .caller-img img {
    opacity: 0.7;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -78px;
  }
}
@media screen and (max-width: 1600px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1320px;
  }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1320px;
  }
}
@media (max-width: 1470px) {
  .basic_table .table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 180px;
  }
  .signal-table.table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 240px;
  }
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none;
  }
  .xl-60 {
    max-width: 60%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
  .xl-50 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .xl-100 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .xl-23 {
    max-width: 23%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
  }
  .xl-25 {
    max-width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
  .xl-40 {
    max-width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .xl-4 {
    max-width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
  }
}
@media (max-width: 1280px) {
  .img-gallery-set1,
  .img-gallery-set5 {
    display: none;
  }
  .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: unset;
    max-width: unset;
    left: unset;
  }
  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
    width: unset;
  }
}
@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-buttons,
  .docs-toggles {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .flot-chart-container-small {
    height: 227px;
  }
  .call-chat-sidebar {
    max-width: 262px;
  }
  .product-box .product-details {
    padding: 15px;
  }
  .product-box .product-details p {
    margin-bottom: 10px;
  }
  .flot-chart-container {
    height: 130px;
  }
  .custom-card .card-profile img {
    height: 115px;
  }
  .custom-card .profile-details h4 {
    font-size: 18px;
  }
  .custom-card .profile-details h6 {
    margin-bottom: 24px;
  }
  .custom-card .card-footer > div h3 {
    font-size: 18px;
  }
  .crm-activity {
    height: 291px;
    overflow-y: auto;
  }
  .crm-activity .media .media-body .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .chat-body {
    padding: 10px;
  }
  .chat-left-aside .people-list {
    height: 420px;
  }
  .chat-left-aside .people-list ul {
    max-height: 376px;
    overflow-y: auto;
  }
  .chat-left-aside .status-circle {
    top: 4px;
    left: 36px;
  }
  .blog-box .blog-details-main .blog-bottom-details {
    margin: 20px 10px;
  }
  .blog-box .blog-details-main .blog-social li {
    padding: 0px 10px;
  }
  .blog-bottom-content {
    display: none;
  }
  .blog-box.blog-shadow .blog-details {
    padding: 10px;
  }
  .browser-widget .media-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .browser-widget img {
    height: 50px;
  }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 181px;
  }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important;
  }
}
@media only screen and (max-width: 1366px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none;
  }
  .bookmark-wrap .task-sidebar {
    height: auto;
  }
  .grid-options ul li:last-child {
    display: none;
  }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 25%;
  }
  .cart .qty-box {
    width: 40%;
  }
  .alert-dismissible strong ~ p {
    display: inline;
  }
  .timeline-small .media .media-body p {
    width: 95%;
  }
  .map-js-height {
    height: 350px;
  }
  .chat-right-aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .chat-right-aside .chat .chat-message .smiley-box {
    width: 45px;
  }
  .equal-height-xl {
    height: 517px;
  }
  .authentication-main .auth-innerright {
    background-size: cover;
  }
  .grp-btns {
    display: inline-block;
  }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%;
  }
  .page-builder .btn-group {
    display: inline-block;
    margin-bottom: 10px;
  }
  .page-builder .btn-grid {
    margin-bottom: 15px;
    margin-right: 0px;
    border-right: none;
    display: inline-block;
  }
  .page-builder .ge-canvas.ge-layout-desktop {
    margin-top: 50px;
  }
  .ecommerce-widget .total-num {
    font-size: 23px;
    letter-spacing: 0px;
  }
  .support-ticket-font .total-num {
    font-size: 22px;
  }
  .order-history table.dataTable.table thead th {
    padding-right: 50px;
  }
  .custom-card {
    padding: 15px;
  }
  .custom-card .card-social li a {
    padding: 12px;
  }
  .map-chart .chart-container {
    height: 300px;
  }
  .speed-chart .chart-container {
    height: 250px;
    margin-top: -40px;
    margin-bottom: 100px;
  }
  .candidcahrt {
    height: 360px;
  }
  .status-details h3 {
    font-size: 18px;
  }
  .chart-widget-top .total-value {
    font-size: 20px;
  }
  .status-widget .card-body {
    padding: 10px;
  }
  .browser-widget .media {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .browser-widget .media .media-body h3 {
    font-size: 20px;
  }
  .browser-widget .media .media-body p {
    margin-bottom: 2px;
  }
  .browser-widget .media .media-body h4 {
    font-size: 20px;
  }
  .testimonial i {
    font-size: 46px;
  }
  .testimonial p {
    margin-top: 20px;
  }
  .redial-social-widget {
    width: 125px;
    height: 125px;
  }
  .redial-social-widget i {
    width: 100px;
    height: 100px;
    font-size: 35px;
  }
  .chat-body {
    padding: 10px;
  }
  .chat-left-aside .people-list {
    height: 490px;
  }
  .chat-left-aside .people-list ul {
    max-height: 434px;
    overflow-y: auto;
  }
  .status-circle {
    top: 4px;
    left: 37px;
  }
  .mega-menu .onhover-show-div {
    left: 164px;
  }
  .img-cropper .docs-toggles {
    margin-top: 8px;
  }
  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    left: -21px;
  }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 8px;
  }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 67px !important;
  }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 67px !important;
  }
  .reset-password-box .theme-form .form-group .btn {
    padding: 6px 22px;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1140px;
  }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1140px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .onhover-dropdown.notification-down::before {
    display: none;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:last-child {
    display: block;
  }
  .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px;
  }
  [dir=rtl] .md-sidebar .md-sidebar-aside {
    left: unset;
    right: 0;
  }
  .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .md-sidebar .job-sidebar {
    background-color: var(--white);
    padding: 20px;
  }
  .md-sidebar .job-sidebar .faq-accordion.default-according {
    margin-bottom: 0;
  }
  .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card {
    margin-bottom: 0;
  }
  .file-sidebar {
    padding-right: 12px;
  }
  [dir=rtl] .file-sidebar {
    padding-right: 0;
  }
  .col-xl-7.b-center.bg-size {
    top: 0;
    height: 100vh;
    opacity: 0.5;
    position: fixed;
  }
  .login-card {
    background: transparent;
  }
  .knowledgebase-bg {
    height: 400px;
  }
  .knowledgebase-search .form-inline {
    width: 400px;
    padding: 7px 45px;
  }
  .knowledgebase-search .form-inline svg {
    top: 14px;
  }
  .btn-group .btn {
    padding: 0.375rem 1.25rem;
  }
  .link-section > div.active > h6:before {
    content: "\f107";
    -webkit-transition: content 0.3s ease;
    transition: content 0.3s ease;
  }
  .link-section > div > h6 {
    position: relative;
  }
  .link-section > div > h6:before {
    content: "\f105";
    font-family: fontAwesome;
    position: absolute;
    right: 10px;
    font-size: 18px;
    -webkit-transition: content 0.3s ease;
    transition: content 0.3s ease;
  }
  .alert-theme {
    min-width: 420px;
  }
  .mega-menu-header .header-wrapper .vertical-mobile-sidebar {
    display: block;
    margin-right: 15px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right {
    position: unset;
    padding: 0;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-left: 15px !important;
  }
  .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {
    margin-top: 6px;
  }
  .photos ul li {
    width: auto;
  }
  .photos ul li:nth-child(3n) {
    margin-right: 15px;
  }
  .user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 45px;
    top: -22px;
  }
  .user-profile .hovercard .user-image .share-icons li {
    color: #fff;
    font-size: 25px;
  }
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    width: 40px;
    height: 40px;
  }
  .user-profile .hovercard .user-image .share-icons li .social-icon i {
    font-size: 18px;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    height: 33px;
    bottom: -52px;
  }
  .timeline-small .media .timeline-round.small-line:after {
    height: 18px;
    bottom: -34px;
  }
  .timeline-small .media .timeline-round.medium-line:after {
    height: 30px;
    bottom: -52px;
  }
  .timeline-small .media .media-body p {
    width: 100%;
  }
  .lg-mt-col {
    margin-top: 30px;
  }
  .xl-none {
    display: none;
  }
  .lg-mt {
    margin-top: 30px;
  }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 32%;
  }
  .debit-card {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .typography .row div + div {
    margin-top: 30px;
  }
  .listing .card-body .row > div + div {
    margin-top: 30px;
  }
  .flot-chart-container {
    height: 200px;
  }
  .img-cropper #putData {
    margin-bottom: 10px;
  }
  .img-cropper .docs-toggles > .dropdown {
    margin-bottom: 0;
  }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 40px;
  }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 80px;
    margin-left: 90px;
  }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 120px;
    margin-top: -75px;
    margin-right: 110px;
  }
  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .jvector-map-height {
    height: 280px;
  }
  .blog-list .blog-details p {
    margin-bottom: 5px;
  }
  .custom-card .card-profile .card-footer > div h3 {
    font-size: 18px;
  }
  .equal-height-lg {
    min-height: unset !important;
  }
  .mega-menu .onhover-show-div {
    height: 435px;
    overflow-x: scroll;
    left: 215px;
  }
  .mega-menu .mega-bg {
    display: none;
  }
  .mega-menu .lg-mt {
    margin-top: 25px;
  }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%;
  }
  .blog-single .comment-box ul .comment-social {
    margin-left: 0;
  }
  [dir=rtl] .blog-single .comment-box ul .comment-social {
    margin-left: unset;
    margin-right: 0;
  }
  .error-wrapper .maintenance-heading {
    margin-top: 30px;
  }
  .error-wrapper .maintenance-heading .headline {
    font-size: 50px;
    margin-top: -15%;
    margin-bottom: 0px;
  }
  .error-wrapper .maintenance-heading .cloud-second {
    margin-top: -25px;
  }
  .testimonial p {
    margin-top: 17px;
  }
  .browser-widget {
    padding: 0px;
  }
  .browser-widget img {
    height: 50px;
  }
  .browser-widget .media .media-body h4 {
    font-size: 17px;
  }
  .browser-widget .media .media-img {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .crm-overall .overall-chart {
    height: 200px;
  }
  .product-table table.dataTable thead > tr > th {
    padding-right: 50px;
  }
  .chat-menu-icons {
    display: block;
    clear: both;
  }
  .chat-menu {
    right: 0;
    border-top: 1px solid #efefef;
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    visibility: hidden;
    top: 60px;
    position: absolute !important;
    z-index: 3;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
  }
  .chat-menu.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    padding-bottom: 25px;
  }
  .chat-right-aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: calc(100% - 15px);
    overflow: hidden;
  }
  .icon-lists div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 209px;
  }
  .like-comment-lg-mb {
    margin-bottom: 12px;
  }
  .ribbon-space-bottom {
    top: 9px;
  }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 98.5% !important;
  }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 95px !important;
  }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 95px !important;
  }
  .profile-img-style #aniimated-thumbnials-3 {
    text-align: center;
  }
  .vertical-menu-mt {
    margin-top: 80px !important;
  }
  .vertical-menu-mt .xl-none {
    display: block;
  }
  .calendar-wrap .fc-day-grid-event {
    width: 87%;
  }
  .product-page-main .product-page-details h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 930px;
  }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 930px;
  }
}
@media only screen and (max-width: 991.98px) {
  .todo-list-wrapper #todo-list li .task-container .task-label {
    min-width: 460px;
  }
  .simplebar-mask {
    top: 70px;
  }
  .project-cards .tab-content {
    margin-bottom: -20px;
  }
  .project-box {
    margin-bottom: 20px;
  }
  .page-wrapper.modern-type .simplebar-mask {
    top: 70px;
  }
  .page-wrapper.compact-sidebar .simplebar-mask {
    top: 87px;
  }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 0;
    width: calc(100% - 0px);
  }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu {
    display: none !important;
  }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 60px;
  }
  .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 65px;
  }
  .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    position: fixed !important;
    top: 0 !important;
  }
  .product-box .modal .modal-header .product-box .product-details {
    padding-left: 15px;
    padding-right: 15px;
  }
  .search-form .form-group:before {
    top: 33px;
  }
  .search-form .form-group:after {
    top: 35px;
  }
  .mobile-title.d-none {
    padding: 11px 30px 10px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 50px;
  }
  .page-wrapper .page-header .header-wrapper .search-full input {
    line-height: 50px;
  }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 20px;
  }
  .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    top: 18px;
  }
  .page-wrapper .current_lang .lang span.lang-txt {
    display: none;
  }
  .customizer-contain {
    top: 62px;
  }
  .m-r-30 {
    margin-right: 20px;
  }
  .card.full-card {
    top: 60px;
    width: calc(100vw - 0px);
  }
  .vertical-mobile-sidebar {
    right: 75px;
    top: 18px;
  }
  .gallery {
    margin-bottom: -20px;
  }
  .my-gallery figure {
    margin-bottom: 20px;
  }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 20px;
  }
  .photoswipe-pb-responsive {
    padding-bottom: 25px !important;
  }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important;
  }
  .page-wrapper .section-space {
    padding: 60px 0;
  }
  .page-wrapper .card {
    margin-bottom: 30px;
  }
  .page-wrapper .card .card-header,
  .page-wrapper .card .card-body,
  .page-wrapper .card .card-footer {
    padding: 20px;
  }
  .page-wrapper .card .card-header .tab-content .m-t-30,
  .page-wrapper .card .card-body .tab-content .m-t-30,
  .page-wrapper .card .card-footer .tab-content .m-t-30 {
    margin-top: 20px !important;
  }
  .page-wrapper .card .card-header .tab-content .m-b-30,
  .page-wrapper .card .card-body .tab-content .m-b-30,
  .page-wrapper .card .card-footer .tab-content .m-b-30 {
    margin-bottom: 20px !important;
  }
  .page-wrapper .page-body-wrapper .footer-fix {
    margin-left: 0px;
    padding-right: 15px;
    width: calc(100% - 0px) !important;
  }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 0 !important;
    width: calc(100% - 0px) !important;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    position: unset;
    margin-right: 15px;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    display: block;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    top: 0;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
    -webkit-transform: translate(-285px);
            transform: translate(-285px);
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    padding: 17px 30px;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    display: inline-block;
    float: right;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 95px);
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    -webkit-transform: translate(-285px);
            transform: translate(-285px);
  }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: unset;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 78px;
    padding: 0 15px;
  }
  .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {
    display: none;
  }
  .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: none;
    margin-right: 0;
  }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 0 !important;
  }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    display: block;
  }
  .page-wrapper.material-icon .page-header {
    padding-left: 0;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px;
  }
  .page-wrapper .page-header .header-wrapper {
    margin: 0;
    padding: 12px 30px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .notification {
    top: 10px;
  }
  .page-wrapper .page-header .header-wrapper > .mobile-toggle {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-wrapper .page-header .header-wrapper .header-logo-wrapper {
    margin-right: 0;
  }
  .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-top: 0;
  }
  .page-body-wrapper .page-body,
  .page-body-wrapper footer {
    margin-left: 0 !important;
  }
  .page-body-wrapper .page-body #customer-review .owl-stage-outer,
  .page-body-wrapper footer #customer-review .owl-stage-outer {
    width: 100% !important;
  }
  .default-according .card {
    margin-bottom: 10px !important;
  }
  .default-according .card .card-header {
    padding: 0 !important;
  }
  .faq-wrap .faq-accordion.default-according .card .faq-header {
    padding: 20px 20px 0 !important;
  }
  .crm-activity > li + li {
    margin-top: 10px;
    padding-top: 10px;
  }
  .add-post .dropzone {
    margin-bottom: 20px;
  }
  .customers.avatar-group {
    margin-right: 20px;
  }
  .socialprofile .social-btngroup {
    margin: 20px 0;
  }
  .socialprofile .social-group {
    margin-top: 20px;
  }
  .social-status form .form-group .form-control-social {
    margin-bottom: 20px;
  }
  .social-status .media {
    margin-bottom: 20px;
  }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 20px;
  }
  .social-chat {
    margin-top: 20px;
  }
  .social-chat .media-body {
    padding: 20px;
  }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 20px;
  }
  .social-network span {
    margin-bottom: 20px;
  }
  .details-about + .details-about {
    margin-top: 20px;
  }
  .activity-log .my-activity + .my-activity {
    margin-top: 20px;
  }
  .new-users-social {
    margin-bottom: 20px;
  }
  .timeline-small .media {
    margin-bottom: 20px;
  }
  .timeline-small .media .media-body h6 {
    margin-bottom: 20px;
  }
  .timeline-small .media .media-body p {
    width: 75%;
  }
  .timeline-small .media .timeline-round {
    width: 45px;
    height: 45px;
    top: -14px;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -41px;
    height: 25px;
  }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -26px;
    height: 14px;
  }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -33px;
    height: 17px;
  }
  .timeline-small .media .timeline-round svg {
    top: 14px;
  }
  .helper-classes {
    padding: 20px;
  }
  .floated-customizer-btn,
  .floated-customizer-panel {
    display: none;
  }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 20px;
  }
  .ecommerce-widget .progress-showcase {
    margin-top: 20px;
  }
  .crm-overall {
    margin: 0 -20px -20px;
  }
  .product-page-main {
    padding: 20px;
  }
  .grid-options ul li:nth-child(3) {
    display: none;
  }
  .feature-products form .form-group i {
    right: 20px;
  }
  .tilt-showcase .tilt-image {
    text-align: center;
  }
  .tilt-showcase .mt-4 {
    margin-top: 20px !important;
  }
  .todo .todo-list-wrapper .mark-all-tasks {
    top: 20px;
    right: 20px;
  }
  .custom-card {
    padding-bottom: 0;
  }
  .custom-card .card-footer {
    padding: 0 15px 15px 15px !important;
  }
  .custom-card .card-header {
    border: none;
  }
  .custom-card .dashboard-card {
    padding: 0;
  }
  .custom-card .card-profile img {
    height: 155px;
  }
  .display-1 {
    font-size: calc(30px + 34 * (100vw - 320px) / 880);
  }
  .display-2 {
    font-size: calc(25px + 31 * (100vw - 320px) / 880);
  }
  .display-3 {
    font-size: calc(20px + 20 * (100vw - 320px) / 880);
  }
  .display-4 {
    font-size: calc(15px + 9 * (100vw - 320px) / 880);
  }
  /*Form Wizard One start*/
  /*Form Wizard One ends*/
  /*Form Wizard Three Start*/
  /*Form Wizard Three ends*/
  /*Form Wizard Four Start*/
  /*Form Wizard Four ends*/
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h1 {
    font-size: calc(16px + 18 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  .typography .h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h2 {
    font-size: calc(18px + 12 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  .typography .h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h3 {
    font-size: calc(17px + 5 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  .typography .h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h4 {
    font-size: calc(15px + 5 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  .typography .h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h5 {
    font-size: calc(13px + 5 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  .typography .h6 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h6 {
    font-size: calc(12px + 3 * (100vw - 320px) / 880);
  }
}
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: calc(20px + 14 * (100vw - 320px) / 880);
  }
  h2 {
    font-size: calc(18px + 10 * (100vw - 320px) / 880);
  }
  h3 {
    font-size: calc(17px + 9 * (100vw - 320px) / 880);
  }
  h4 {
    font-size: calc(17px + 5 * (100vw - 320px) / 880);
  }
  h5 {
    font-size: calc(15px + 3 * (100vw - 320px) / 880);
  }
  h6 {
    font-size: calc(12px + 3 * (100vw - 320px) / 880);
  }
  .card-absolute .card-header {
    padding: 10px 15px !important;
  }
  .comingsoon .comingsoon-inner .countdown .time {
    width: 80px;
    height: 80px;
    font-size: 26px;
  }
  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {
    margin-top: 10px;
  }
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: -10px;
    margin-top: 15px;
  }
  .card .card-header h5 {
    font-size: 18px;
  }
  .card .card-header .card-header-right {
    top: 12px;
    right: 15px;
  }
  .page-builder .ge-addRowGroup {
    width: 100%;
  }
  .user-profile .hovercard .info .user-designation {
    margin-bottom: 20px;
  }
  .search-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .blog-single .comment-box .comment-social li {
    padding-left: 15px;
  }
  .error-wrapper {
    padding: 35px 0;
  }
  .error-wrapper .sub-content {
    font-size: 14px;
    line-height: 25px;
    margin-top: 0px;
  }
  .error-wrapper .error-heading {
    margin-top: 30px;
  }
  .error-wrapper .error-heading .headline {
    font-size: 180px;
    margin-top: 0;
  }
  .error-wrapper .maintenance-heading {
    margin-top: 30px;
  }
  .editor_container .CodeMirror {
    min-height: 250px;
    height: 250px;
  }
  .search-page .info-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-page .tab-content .pb-4 {
    padding-bottom: 20px !important;
  }
  .xl-none {
    display: block;
  }
  .top-radius-blog {
    width: 100%;
  }
  .sm-100-w {
    width: 100%;
    height: 100%;
  }
  .form-wizard .btn-mb {
    margin-bottom: 20px;
  }
  .f1 .f1-steps {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .wizard-4 ul.anchor {
    padding-right: 20px;
    width: 40%;
  }
  .wizard-4 ul.anchor li a.done h4:before {
    top: -8px;
  }
  .wizard-4 ul.anchor li h4 {
    padding: 11px 18px;
    width: 50px;
  }
  .wizard-4 ul.anchor li + li a {
    padding-left: 65px;
  }
  [dir=rtl] .wizard-4 ul.anchor li + li a {
    padding-right: 65px;
  }
  .wizard-4 .step-container {
    width: 60%;
  }
  .wizard-4 .step-container div.content .wizard-title {
    width: 380px;
  }
  .wizard-4 .login-card .login-main {
    width: 380px;
  }
  .wizard-4 .msg-box {
    top: 25px !important;
  }
  .border-tab.nav-tabs {
    margin-bottom: 20px;
  }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 20px;
  }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px;
  }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 20px !important;
  }
  .search-page .info-block + .info-block {
    padding-top: 20px;
    margin-top: 20px;
  }
  .search-page #video-links .embed-responsive + .embed-responsive {
    margin-top: 20px;
  }
  .lg-mt {
    margin-top: 20px;
  }
  .gallery-with-description {
    margin-bottom: -20px;
  }
  .gallery-with-description a > div {
    margin-bottom: 20px;
  }
  .clipboaard-container p {
    margin-bottom: 8px;
  }
  .m-b-30 {
    margin-bottom: 20px !important;
  }
  .nav-md-mt {
    margin-top: 20px;
  }
  .navs-icon {
    padding: 20px;
  }
  .navs-icon .main-section {
    padding-top: 20px;
  }
  .navs-icon .separator {
    margin: 20px 0;
  }
  .nav-list {
    padding: 20px;
  }
  .navs-dropdown button {
    margin-top: 20px;
  }
  .navs-dropdown .onhover-show-div {
    top: 68px;
  }
  .animated-modal .form-group {
    width: 100%;
    display: block;
  }
  .animated-modal .mr-4 {
    margin-right: 0 !important;
  }
  .steps-md-mt {
    margin-top: 20px;
  }
  .btn-group-wrapper .m-b-30:last-child {
    margin-bottom: 0 !important;
  }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 20px;
  }
  .card .card-body form.animated-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card .card-body form.animated-modal .animated-modal-md-mb {
    margin-bottom: 20px !important;
  }
  .wizard-4 .msg-box {
    top: 40px;
    right: 0%;
    bottom: unset;
    left: unset;
  }
  .theme-form.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .page-wrapper.compact-wrapper.material-type::before {
    height: 230px;
  }
  .page-wrapper.compact-wrapper.material-type .page-header {
    width: calc(100% - 60px) !important;
    margin: 50px auto 0 !important;
  }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper {
    margin: 0 30px;
  }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: 0;
  }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0;
  }
}
@media only screen and (max-width: 810px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 62px;
  }
  .list-product .datatable-loading .datatable-top {
    display: none;
  }
  .left-sidebar-wrapper {
    padding: 10px;
  }
  .left-sidebar-wrapper .advance-options .chats-user {
    height: 200px;
  }
  .wizard-4 ul.anchor {
    width: 100%;
    height: auto;
    padding: 30px;
  }
  .wizard-4 .step-container {
    width: 100%;
  }
  .contact-editform {
    padding-left: 20px !important;
  }
  .event-calendar {
    display: block !important;
  }
  .event-calendar #right {
    width: 100%;
  }
  .event-calendar #calendar {
    clear: both;
  }
  .page-wrapper.material-type::before {
    display: none;
  }
  .page-wrapper.material-type .page-header {
    margin-top: 0;
    border-radius: 0;
  }
  .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0 !important;
  }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li {
    margin-right: -2px;
  }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
    margin-right: -10px;
  }
  .new-products .owl-carousel .product-box.row > div {
    width: auto;
  }
  .profile-media .media-body {
    display: none;
  }
  .form-inline .form-group:not(.form-control-search) {
    width: 100%;
  }
  .form-inline .form-group:not(.form-control-search) + .form-group {
    margin-top: 10px;
  }
  .form-inline .form-group:not(.form-control-search) input {
    width: 100%;
  }
  .credit-card .text-center img {
    margin-bottom: 20px;
  }
  .starter-kit-fix .page-body {
    margin-bottom: 78px;
  }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 12px;
  }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 25px;
  }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 25px;
  }
  .footer-copyright ~ div {
    text-align: center;
  }
  .footer-copyright ~ div p {
    float: none;
    margin-top: 5px;
  }
  .user-profile .hovercard .user-image .share-icons {
    right: 25px;
    top: -19px;
  }
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    width: 35px;
    height: 35px;
  }
  .tabs-scoial.border-tab.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .timeline-small .media .media-body p {
    width: 100%;
  }
  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
    margin-bottom: 20px;
  }
  .project-list .btn {
    float: left;
    margin-top: 5px;
  }
  .chat-left-aside .people-list ul {
    max-height: 100px;
  }
  .clockpicker-align-top {
    left: 55px !important;
    top: 470px !important;
  }
  .clockpicker-align-top .arrow {
    display: none;
  }
  .form-builder-column .form-body {
    min-height: 250px;
  }
  .form-builder-2-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-builder-2-header > div {
    width: 100%;
    margin-top: 10px;
  }
  .form-builder-2-header > div nav {
    float: none;
  }
  .lg-mt-col {
    margin-top: 20px;
  }
  .form-builder .drag-box fieldset {
    padding: 20px;
    margin-top: 20px;
  }
  .form-builder #components {
    margin-top: 20px;
  }
  .form-builder .component label {
    padding-top: 0px;
  }
  .mega-menu .onhover-show-div {
    height: 415px;
    left: 0;
    top: 61px;
    padding: 20px;
  }
  .mega-menu .lg-mt {
    margin-top: 15px;
  }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px 0 0 10px;
  }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {
    padding: 0 5px;
  }
  .range-slider.theme-form .form-group {
    margin-bottom: 0;
  }
  .note-editor .btn-group .btn {
    font-size: 11px;
  }
  .text-md-right {
    text-align: right;
  }
  .star-ratings .stars {
    padding: 0;
  }
  .form-inline.d-inline-block {
    display: block !important;
    width: 100%;
  }
  .form-inline.d-inline-block .form-control {
    margin-bottom: 10px;
  }
  .reset-password-box {
    width: 500px;
    margin: 0 auto;
  }
  .reset-password-box .card {
    padding: 20px;
  }
  .custom-card .card-profile img {
    height: 136px;
    bottom: 0;
  }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 30px;
  }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 60px;
    margin-top: -10px;
    margin-left: 70px;
  }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 90px;
    margin-right: 80px;
  }
  .authentication-main .auth-innerright {
    min-height: unset;
    padding: 0;
  }
  .authentication-main .auth-innerright .social-media li {
    font-size: 14px;
  }
  .loader-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
  }
  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    float: none;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    float: none;
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
  .calendar-wrap .fc-basic-view .fc-day-number {
    padding: 0 0px !important;
  }
  .calendar-wrap .fc-events-container {
    margin-top: 0px;
  }
  .calendar-wrap .fc-events-container h6,
  .calendar-wrap .fc-events-container .checkbox {
    text-align: right;
  }
  .calendar-wrap .checkbox label {
    margin-top: 0;
  }
  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {
    font-size: 12px !important;
  }
  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {
    font-size: 12px !important;
  }
  .calendar-wrap .fc-toolbar .fc-left .fc-today-button,
  .calendar-wrap .fc-toolbar .fc-right .fc-today-button {
    padding-top: 0px !important;
  }
  .calendar-wrap .fc {
    margin-top: 0px;
  }
  .calendar-wrap .fc button {
    font-size: 14px !important;
    padding: 0 5px !important;
  }
  .calendar-wrap .fc .fc-left {
    margin-bottom: 10px;
  }
  .calendar-wrap .fc .fc-toolbar > div {
    display: block !important;
    float: none !important;
  }
  .calendar-wrap .fc .fc-toolbar > * :first-child {
    font-size: 18px;
  }
  .calendar-wrap .fc .fc-toolbar > * > * {
    float: none !important;
  }
  .btn-group-wrapper {
    text-align: center;
  }
  .btn-group-wrapper .m-b-30 {
    margin-bottom: 15px !important;
  }
  .btn-group-showcase {
    text-align: center;
  }
  .btn-group-showcase .btn-group {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .btn-group .btn {
    font-size: 14px;
    padding: 0.375rem 1.3rem;
  }
  .animate-widget .text-center {
    display: none;
  }
  .mega-menu .onhover-show-div {
    height: 350px;
  }
  .page-builder .ge-canvas .column {
    padding: 0 !important;
  }
  .page-builder .ge-content-type-ckeditor h3 {
    font-size: 20px;
  }
  .page-builder .ge-content-type-ckeditor p {
    font-size: 12px;
  }
  .page-builder .ge-row-icon {
    display: none !important;
  }
  /* font-awesom icon page */
  .icon-hover-bottom .form-group input {
    min-width: 270px;
  }
  .file-content .d-md-flex .flex-grow-1 {
    margin-top: 15px;
    text-align: center !important;
  }
  .user-profile .hovercard .cardheader {
    height: 350px;
  }
  .user-profile .hovercard .info {
    padding: 35px;
  }
  .user-profile .hovercard .info .ttl-info {
    margin-bottom: 20px;
  }
  .user-profile .hovercard .info .ttl-sm-mb-0 {
    margin-bottom: 0;
  }
  .calendar-wrap .fc button {
    padding: 5px;
  }
  .calendar-wrap .fc-day-grid-event {
    margin: 0;
    padding: 5px;
    width: inherit;
  }
  .calendar-wrap .fc-toolbar h2 {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
  }
  .calendar-wrap .basic-calendar .external-events {
    margin-top: 0px;
  }
  .blog-single .comment-box .media h6 {
    margin-bottom: 10px;
  }
  .blog-single .comment-box .media img {
    margin-right: 30px;
  }
  .blog-single .comment-box .comment-social {
    margin-bottom: 5px;
  }
  .blog-single .comment-box .comment-social li:first-child {
    padding-left: 0;
    padding-right: 15px;
  }
  .search-page #image-links .info-block.m-t-30 {
    margin-top: 0 !important;
  }
  .authentication-main .authentication-box {
    width: 100%;
  }
  .authentication-main .auth-innerright {
    display: inherit;
  }
  .map-chart .chart-container {
    height: 300px;
  }
  .candidcahrt {
    height: 250px;
  }
  .bar-chart-widget .earning-details i {
    right: 0;
  }
  .serial-chart .chart-container {
    height: 300px;
  }
  .bottom-content {
    padding: 10px;
  }
  .bottom-content p {
    font-size: 12px;
  }
  .icon-hover-bottom .icon-popup {
    display: block;
  }
  .icon-hover-bottom .icon-popup > .icon-last {
    display: block;
    margin-top: 15px;
  }
  .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .icon-hover-bottom .icon-popup div .flag-icon {
    width: 30px;
    height: auto;
  }
  .icon-hover-bottom .form-group input {
    display: block;
    width: auto !important;
  }
  .footer-links {
    text-align: center;
  }
  .footer-copyright {
    text-align: center !important;
  }
  .jvector-map-height {
    height: 150px;
  }
  .sm-left-text {
    text-align: left !important;
  }
  [dir=rtl] .sm-left-text {
    text-align: right !important;
  }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px;
  }
  .button-group-mb-sm {
    margin-bottom: 5px;
  }
  .card-block .table-responsive .table tbody tr td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
  }
  .card-block .table-responsive .progress-content tbody tr td span {
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 50px;
  }
  .card-block .table-responsive .checkbox-td-width tbody tr td,
  .card-block .table-responsive .radio-first-col-width tbody tr td {
    min-width: 200px !important;
  }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 119px !important;
  }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 119px !important;
  }
  .jsgrid .jsgrid-pager-container {
    text-align: center;
  }
  .hovercard .info .follow .text-md-right {
    text-align: center;
  }
  .profile-img-style .like-comment-sm-mb {
    margin-bottom: 20px;
  }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 15px !important;
  }
  .lg-outer .lg-actions .lg-next,
  .lg-outer .lg-actions .lg-prev {
    top: 48%;
  }
  .feature-products .filter-toggle {
    padding: 8px 15px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 5px;
  }
  .feature-products .select2-drpdwn-product {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
  }
  [dir=rtl] .feature-products .select2-drpdwn-product {
    float: right;
    margin-right: unset;
    margin-left: 10px;
  }
  .feature-products span.f-w-600 {
    padding-top: 15px;
    display: inline-block;
  }
  .feature-products .text-right {
    text-align: left !important;
  }
  .d-none-productlist {
    display: block;
    margin-right: 10px;
  }
  .grid-options ul li {
    display: none;
  }
  .product-sidebar {
    -webkit-transform: translateX(-300px) scaleX(0);
            transform: translateX(-300px) scaleX(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 0;
    position: absolute;
    z-index: 3;
    width: 300px;
  }
  .product-sidebar.open {
    -webkit-transform: translateX(0px) scaleX(1);
            transform: translateX(0px) scaleX(1);
    -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
            box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    visibility: visible;
    opacity: 1;
    height: auto;
    top: -45px;
  }
  .product-sidebar.open:before, .product-sidebar.open:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    right: 120px;
    top: -7px;
  }
  .product-sidebar .filter-section .card-header {
    display: none;
  }
  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-left: 0;
  }
  .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    top: unset;
    min-width: unset;
  }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 42%;
  }
  .product-filter .product-box {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .product-filter .product-box .product-img {
    width: 100px;
  }
  .product-filter .product-box .product-details {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {
    display: none;
  }
  .border-tab.nav-tabs {
    display: block;
  }
  .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: 30px;
    line-height: 40px;
  }
  .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    top: 14px;
    left: 12px;
  }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 18px;
    right: 0;
    width: 18px;
    height: 18px;
  }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: 30px;
  }
  .date-picker .theme-form > .row > div:last-child {
    margin-top: 0;
  }
  .search-page .info-block {
    display: block;
  }
  .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 {
    margin-top: 10px;
  }
  .btn {
    padding: 6px 16px;
  }
  .alert-theme {
    min-width: 380px;
  }
  .knowledgebase-bg {
    height: 250px;
  }
  .login-card .login-main .theme-form .or:before {
    width: 55%;
  }
  .knowledgebase-search {
    width: calc(100% - 30px);
    left: 18px;
    height: calc(100% - 30px);
    background-color: rgba(255, 255, 255, 0.7);
  }
  .knowledgebase-search .form-inline {
    width: 90%;
    padding: 3px 45px;
  }
  .knowledgebase-search .form-inline svg {
    top: 10px;
  }
  .knowledgebase-search > div {
    width: 100%;
    text-align: center;
    padding: 15px;
    border-right: 10px;
  }
  .knowledgebase-search > div h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .knowledgebase-search > div .form-group {
    margin-bottom: 0;
  }
  .invoice .text-md-end {
    margin-top: 10px;
  }
  .invoice .text-right {
    text-align: right;
  }
  .invoice .text-xs-center {
    text-align: center;
  }
  .login-card {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .login-card .logo {
    margin-bottom: 10px;
  }
  .login-card .login-main {
    width: auto;
    padding: 20px;
  }
  .login-card .login-main .theme-form .form-group {
    margin-bottom: 5px;
  }
  .login-card .login-main .theme-form p {
    margin-bottom: 5px;
  }
  .login-card .btn-showcase .btn {
    width: 100%;
  }
  .login-card .btn-showcase .btn + .btn {
    margin-left: 0;
    margin-top: 5px;
  }
  .bookmark ul li a svg {
    height: 16px;
    width: 16px;
  }
  .bookmark ul li + li {
    margin-left: 5px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 4px 6px;
  }
  .page-header .header-wrapper .nav-right .cart-box .badge,
  .page-header .header-wrapper .nav-right .notification-box .badge {
    font-size: 10px;
  }
  .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child {
    display: block;
  }
  .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 {
    padding-right: 0;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li i {
    font-size: 14px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    width: 24px;
    height: 24px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .notification-box svg {
    width: 24px !important;
    height: 24px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .mode svg {
    height: 24px;
    width: 24px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right ul li span.badge {
    padding: 2px 4px;
    font-size: 10px;
  }
  .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-top: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    margin-right: 8px;
  }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg {
    width: 18px;
  }
  .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {
    display: none;
  }
  .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 0;
  }
  .page-wrapper .page-header .header-wrapper {
    padding: 12px 15px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul {
    top: 58px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i {
    display: none;
  }
  .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {
    padding: 6px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon {
    font-size: 14px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img {
    width: 30px;
    height: 30px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after {
    left: 24px !important;
    right: unset !important;
  }
  .page-wrapper .page-body-wrapper .page-title .btn-group .btn {
    padding: 8px 30px;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 57px;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 79px);
  }
  .alert-dismissible {
    padding-right: 30px;
  }
  .alert-dismissible p {
    max-width: 102px;
  }
  .customizer-links {
    display: none;
  }
  .m-r-30 {
    margin-right: 15px;
  }
  .wishlist .text-end {
    text-align: left !important;
  }
  .add-post form .m-checkbox-inline label {
    margin-right: 15px;
  }
  .add-post .dropzone {
    margin-bottom: 15px;
  }
  .wizard-4 .msg-box {
    top: 10px !important;
  }
  .wizard-4 .login-card .login-main {
    width: 280px;
  }
  .wizard-4 .step-container div.content .wizard-title {
    width: 280px;
  }
  .wizard-4 .action-bar {
    right: 10px;
  }
  .wizard-4 .action-bar [dir=rtl] {
    left: 10px;
  }
  .customers.avatar-group {
    margin-right: 15px;
  }
  .vertical-mobile-sidebar {
    top: 19px;
  }
  .alert-theme i {
    margin-right: 10px !important;
  }
  .alert-theme button {
    top: 0px !important;
  }
  .bar-chart-widget .earning-details i {
    right: -30px;
  }
  .clockpicker-align-top {
    left: 45px !important;
    top: 406px !important;
  }
  .gallery {
    margin-bottom: -15px;
  }
  .my-gallery figure {
    margin-bottom: 15px;
  }
  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
    margin-bottom: 15px;
  }
  .my-gallery.gallery-with-description figure:last-child {
    margin-bottom: 20px;
  }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 15px;
  }
  .photoswipe-pb-responsive {
    padding-bottom: 30px !important;
  }
  .avatar-showcase .pepole-knows {
    text-align: center;
  }
  .avatar-showcase .pepole-knows ul li {
    margin-right: 14px;
  }
  .social-app-profile .hovercard .user-image .avatar {
    margin-top: -56px;
  }
  .social-app-profile .hovercard .user-image .avatar img {
    width: 100px;
    height: 100px;
  }
  .social-app-profile .hovercard .user-image .icon-wrapper {
    left: 52%;
    top: 10px;
    height: 30px;
    width: 30px;
    font-size: 15px;
  }
  .social-app-profile .hovercard .user-image .icon-wrapper:hover {
    font-size: 12px;
  }
  .social-app-profile .hovercard .user-image .share-icons {
    right: 15px;
  }
  .social-app-profile .hovercard .user-image .share-icons li {
    margin-right: 0px;
  }
  .social-app-profile .hovercard .info .tabs-scoial .user-designation {
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px 0px;
  }
  .social-app-profile .tabs-scoial {
    margin-bottom: 0 !important;
  }
  .socialprofile .social-btngroup {
    margin: 15px 0;
  }
  .socialprofile .social-group {
    margin-top: 15px;
  }
  .social-status form .form-group .form-control-social {
    margin-bottom: 15px;
  }
  .social-status .media {
    margin-bottom: 15px;
  }
  .new-users-social {
    margin-bottom: 15px;
  }
  .tabs-scoial {
    position: relative;
    padding-top: 80px;
  }
  .tabs-scoial li:nth-child(3) {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px;
    height: 60px;
  }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 15px;
  }
  .timeline-content .comments-box .media .m-r-20 {
    margin-right: 10px;
  }
  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {
    padding: 6px;
  }
  .timeline-content .comment-number i {
    margin-right: 15px;
  }
  #cd-timeline {
    margin-right: 0;
  }
  .social-chat {
    margin-top: 15px;
  }
  .social-chat .media-body {
    padding: 15px;
  }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 15px;
  }
  .social-network span {
    margin-bottom: 15px;
  }
  .social-list .media {
    margin-bottom: 15px;
  }
  .details-about + .details-about {
    margin-top: 15px;
  }
  .your-details-xs {
    margin-top: 15px;
  }
  .social-header h5 span.pull-right {
    float: right !important;
    margin-top: 0 !important;
  }
  .social-header h5 span.pull-right svg {
    width: 18px;
    height: 18px;
  }
  .activity-log .my-activity + .my-activity {
    margin-top: 15px;
  }
  .photos ul li {
    width: 26%;
  }
  .photos ul li:nth-child(3n) {
    margin-right: 0;
  }
  .timeline-small .media {
    margin-bottom: 15px;
  }
  .timeline-small .media .media-body h6 {
    margin-bottom: 15px;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -39px;
    height: 30px;
  }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -17px;
    height: 8px;
  }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -30px;
    height: 22px;
  }
  .helper-classes {
    padding: 15px;
  }
  .form-builder-2-header ul li {
    text-align: left;
  }
  .form-builder-2-header .form-inline {
    display: block;
    width: 100%;
  }
  .form-builder-2-header .form-inline .form-group {
    width: 100%;
    margin-right: 0;
  }
  .form-builder-2-header .form-inline button {
    width: 100%;
    text-align: left;
  }
  .page-builder .btn-grid {
    margin-bottom: 7px;
    padding-right: 5px;
  }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 15px;
  }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px;
  }
  .page-builder .ge-canvas.ge-layout-desktop [class*=col-] {
    width: inherit !important;
  }
  .wizard-4 .step-container div.content {
    margin-top: 10px;
  }
  .nav-tabs .nav-item.show .nav-link {
    border-top: 0;
    border-bottom: 0;
  }
  .nav-tabs .nav-link {
    border-top: 0;
    border-bottom: 0;
  }
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    border-top: 0;
    border-bottom: 0;
  }
  .border-tab.nav-tabs .nav-item {
    width: 100% !important;
  }
  .border-tab .ecommerce-widget .progress-showcase {
    margin-top: 15px;
  }
  .nav {
    display: inherit;
    text-align: center;
    border-bottom: none;
  }
  .editor_container .CodeMirror {
    min-height: 190px;
    height: 190px;
  }
  .order-history table.dataTable.table thead th {
    padding-right: 60px;
  }
  .border-tab.nav-left .nav-link {
    text-align: center;
    border-left: none;
  }
  .border-tab.nav-right .nav-link {
    text-align: center;
    border-right: none;
  }
  .border-tab.nav-tabs {
    margin-bottom: 10px;
  }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 10px;
  }
  .nav-pills {
    text-align: center;
  }
  .crm-overall {
    margin: 0 -15px -15px;
  }
  .product-color li {
    width: 15px;
    height: 15px;
  }
  .product-social li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  .product-social li:nth-child(n+2) {
    margin-left: 5px;
  }
  [dir=rtl] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 5px;
  }
  .product-page-main {
    padding: 15px;
  }
  .product-page-main .product-page-details h3 {
    font-size: 24px;
  }
  .todo .action-box.large {
    height: 25px;
    width: 25px;
  }
  .todo .action-box.large .icon {
    font-size: 14px;
    vertical-align: -3px;
  }
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 14px;
  }
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 15px;
  }
  .datetime-picker label {
    text-align: left !important;
  }
  .redial-chart-block {
    text-align: center;
  }
  #nav-tabContent {
    margin-top: 15px;
  }
  .reset-password-box {
    width: 430px;
  }
  .auth-bg {
    padding: 25px 15px;
  }
  .auth-bg-effect {
    display: none;
  }
  .date-picker .text-right {
    text-align: left !important;
  }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 15px !important;
  }
  ul.pagination li:before {
    line-height: 3;
  }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-left: 0 !important;
  }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
    padding-right: 0 !important;
  }
  div.dataTables_wrapper div.dataTables_length {
    margin-bottom: 15px;
  }
  div.dataTables_wrapper div.dataTables_length select {
    min-height: 30px;
  }
  div.dataTables_wrapper table.dataTable th,
  div.dataTables_wrapper table.dataTable td {
    padding: 0.5rem;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px !important;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button {
    padding: 1px 7px;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
    font-size: 0;
    padding: 0;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {
    border: none !important;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {
    content: "\e64a";
    font-family: themify;
    font-size: 11px;
    padding: 0 5px;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
    font-size: 0;
    padding: 0;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {
    border: none !important;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
    content: "\e649";
    font-family: themify;
    font-size: 11px;
    padding: 0 5px;
  }
  div.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px;
  }
  div.dataTables_wrapper .dataTables_filter input[type=search] {
    height: 30px;
  }
  .page-wrapper .page-body-wrapper .user-profile .profile-img-style {
    padding: 15px;
  }
  .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {
    margin-top: 15px;
  }
  .page-wrapper .page-body-wrapper .user-profile hr {
    margin: 15px 0;
  }
  .page-wrapper .page-body-wrapper .user-profile .like-comment {
    margin-top: 15px;
  }
  .jvector-map-height {
    height: 250px;
  }
  .user-profile .order-sm-0 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .user-profile .hovercard .info .ttl-info {
    text-align: center !important;
  }
  .user-profile .hovercard .info .ttl-xs-mt {
    margin-top: 20px;
  }
  .icon-hover-bottom .form-group {
    display: block !important;
    margin-bottom: 0;
  }
  .icon-hover-bottom .form-group input {
    width: 100% !important;
  }
  .icon-hover-bottom .form-group .btn {
    margin-top: 15px;
  }
  .icon-hover-bottom .icon-popup {
    padding: 15px;
  }
  .icon-hover-bottom svg.climacon {
    height: 50px;
    width: 50px;
  }
  .blog-box.blog-shadow:before {
    -webkit-box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);
            box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);
  }
  .blog-box .blog-details p,
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 15px;
  }
  .blog-box .blog-details h4 {
    margin-top: 15px;
  }
  .blog-box .blog-details .blog-social {
    margin-top: 15px;
  }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 20px;
  }
  .blog-box .blog-details .blog-social li + li > span {
    display: none;
  }
  .blog-box .blog-details .blog-social li:first-child {
    margin-right: 10px;
    padding-right: 20px;
  }
  .comment-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .comment-box ul ul {
    margin-left: 30px;
  }
  .comment-box li .media {
    display: block;
  }
  .comment-box li .media img {
    height: 50px;
    width: 50px;
    padding: 3px;
    margin-bottom: 10px;
  }
  .ace-editor {
    height: 320px;
  }
  .gallery > a {
    margin-bottom: 15px;
    text-align: center;
  }
  .card .card-header h5 {
    font-size: 17px;
  }
  .theme-form .form-group {
    margin-bottom: 15px;
  }
  .page-wrapper .page-body-wrapper .default-according .card .card-header,
  .page-wrapper .page-body-wrapper .default-according .card .card-body,
  .page-wrapper .page-body-wrapper .default-according .card .card-footer {
    padding: 0.75rem 1.25rem;
  }
  .page-wrapper .page-body-wrapper .card {
    margin-bottom: 20px;
  }
  .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,
  .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,
  .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 {
    margin-top: 20px !important;
  }
  .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,
  .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,
  .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 {
    margin-bottom: 20px !important;
  }
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0 !important;
  }
  .page-wrapper .page-body-wrapper .page-title {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .page-wrapper .page-body-wrapper .page-title .row h3 {
    font-size: 20px;
  }
  /* alert responsive css start here */
  .alert-primary.inverse {
    background-color: transparent;
  }
  .alert-secondary.inverse {
    background-color: transparent;
  }
  .alert-success.inverse {
    background-color: transparent;
  }
  .alert-danger.inverse {
    background-color: transparent;
  }
  .alert-warning.inverse {
    background-color: transparent;
  }
  .alert-info.inverse {
    background-color: transparent;
  }
  .alert-light.inverse {
    background-color: transparent;
  }
  .alert-dark.inverse {
    background-color: transparent;
  }
  .alert .close {
    height: 100%;
  }
  .user-profile hr {
    margin: 15px 0;
  }
  .user-profile .hovercard .cardheader {
    height: 300px;
  }
  .user-profile .hovercard .info {
    padding: 20px;
  }
  .user-profile .hovercard .info .user-designation {
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB;
    margin-bottom: 15px;
    padding: 15px 0px;
  }
  .user-profile .hovercard .social-media a {
    margin-right: 0px;
    font-size: 16px;
  }
  .user-profile .hovercard .follow .follow-num {
    font-size: 20px;
  }
  .user-profile .profile-img-style .pictures img {
    margin-bottom: 10px;
  }
  .custom-card .card-footer > div h6 {
    font-size: 14px;
    font-weight: 600;
  }
  .custom-card .card-footer > div h3 {
    font-size: 24px;
  }
  .calendar-wrap .fc-toolbar .fc-center {
    margin-top: 10px;
  }
  .calendar-wrap a.fc-more {
    font-size: 0.7em;
  }
  .mega-inline {
    display: block;
  }
  .megaoptions-border-space-sm {
    padding-bottom: 30px !important;
  }
  .blog-box.blog-shadow .blog-details {
    padding: 15px;
  }
  .blog-box.blog-shadow .blog-details p {
    margin-bottom: 0;
  }
  .blog-box.blog-shadow .blog-details h4 {
    margin-bottom: 10px;
  }
  .blog-box.blog-list .blog-details {
    padding-top: 0;
  }
  .blog-box .blog-details {
    padding: 20px;
  }
  .blog-box .blog-date span {
    font-size: 25px;
  }
  .blog-single .blog-box .blog-details {
    padding: 0;
  }
  .error-wrapper {
    padding: 20px 0;
  }
  .error-wrapper .btn {
    margin-top: 15px;
  }
  .error-wrapper .img-100 {
    width: 50px !important;
  }
  .error-wrapper .error-heading {
    margin-top: 20px;
  }
  .error-wrapper .error-heading .cloud-second {
    margin-top: -60px;
  }
  .error-wrapper .error-heading .headline {
    font-size: 150px;
  }
  .error-wrapper .maintenance-heading .cloud-second {
    display: none;
  }
  .error-wrapper .maintenance-heading .headline {
    font-size: 25px;
    margin-top: -10%;
    letter-spacing: 2px;
  }
  .comingsoon .comingsoon-inner .coming-soon-bottom-link {
    margin-top: 20px;
    line-height: 1;
  }
  .comingsoon .comingsoon-inner h5 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .comingsoon .comingsoon-inner .countdown {
    padding: 20px 0px;
  }
  .comingsoon .comingsoon-inner .countdown ul li {
    margin: 0 7px;
  }
  .comingsoon .comingsoon-inner .countdown .title {
    font-size: 12px;
  }
  .comingsoon .comingsoon-inner .countdown .time {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin: 0 auto;
  }
  .stepwizard {
    margin-bottom: 15px;
  }
  .f1 .f1-steps {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .wizard-4 ul.anchor {
    width: 100%;
    padding-bottom: 15px;
  }
  .wizard-4 .step-container {
    width: 100%;
  }
  .status-widget .text-sm-right {
    text-align: right;
  }
  .mega-menu {
    padding-left: 15px;
  }
  .mega-menu .onhover-show-div {
    height: 405px;
    left: 0;
    top: 61px;
    padding: 15px;
  }
  .mega-menu .lg-mt {
    margin-top: 10px;
  }
  .mega-menu .xs-mt {
    margin-top: 15px;
  }
  .nav-md-mt {
    margin-top: 15px;
  }
  .navs-icon {
    padding: 15px;
  }
  .navs-icon .main-section {
    padding-top: 15px;
  }
  .navs-icon .separator {
    margin: 15px 0;
  }
  .nav-list {
    padding: 15px;
  }
  .navs-dropdown button {
    margin-top: 15px;
  }
  .navs-dropdown .onhover-show-div {
    top: 64px;
  }
  .lg-mt {
    margin-top: 15px;
  }
  #aniimated-thumbnials a:last-child img {
    margin-bottom: 15px;
  }
  .tilt-showcase .mt-4 {
    margin-top: 15px !important;
  }
  .tilt-showcase ol .m-b-20 {
    margin-bottom: 15px !important;
  }
  .xs-mt {
    margin-top: 15px;
  }
  span:last-child.tag-pills-sm-mb {
    margin-top: 3px;
  }
  .animated-modal .form-group .form-control {
    width: 50%;
    margin: 0 auto;
  }
  .animated-modal .animated-modal-md-mb {
    margin-bottom: 15px !important;
  }
  .steps-md-mt {
    margin-top: 15px;
  }
  .steps-sizing-sm-mb {
    margin-bottom: 15px;
  }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important;
  }
  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {
    min-width: 20px;
  }
  .chart-block .flot-chart-container p#choices {
    width: 100%;
  }
  .chart-block .flot-chart-container #toggling-series-flot {
    width: 100% !important;
  }
  .click2edit ~ .note-editor.note-frame {
    margin-bottom: 15px;
  }
  .ecommerce-widget .progress-showcase {
    margin-top: 15px;
  }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 13px !important;
  }
  .gallery-with-description a > div {
    margin-bottom: 15px;
  }
  .gallery-img-mb-sm {
    margin-bottom: 15px;
  }
  .xm-mb-peity {
    margin-bottom: 8px;
  }
  .authentication-main {
    padding: 30px 15px;
  }
  .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after {
    display: none;
  }
  .translate_wrapper.active .more_lang.active {
    position: fixed;
    width: calc(100vw - 30px);
    left: 15px;
    top: 60px;
  }
  .onhover-dropdown:hover .onhover-show-div {
    opacity: 0;
    -webkit-transform: none;
            transform: none;
    visibility: hidden;
  }
  .onhover-dropdown:hover .onhover-show-div.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    visibility: visible;
    border-radius: 5px;
    overflow: hidden;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    right: 1px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    left: 15px !important;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown {
    left: 15px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 70px;
  }
  .wizard-4 .action-bar .btn {
    margin: 0 2px;
  }
  .dropdown-basic .btn-group {
    margin-right: unset;
  }
}
@media only screen and (max-width: 480px) {
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 300px;
  }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown {
    width: auto;
  }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    display: none;
  }
  .chat-menu {
    top: 120px;
  }
  .product-wrapper-grid.list-view .product-box {
    display: block;
  }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 100%;
  }
  .pagination-lg .page-link {
    font-size: 1rem;
  }
  h6 {
    font-size: 14px;
  }
  .prooduct-details-box .media-body {
    margin-left: 0rem !important;
  }
  .knob-block .chart-clock-main {
    margin: auto;
    width: auto;
  }
  .knob-block .chart-clock-main .clock-medium {
    position: absolute;
    left: 33px;
    top: 33px;
  }
  .knob-block .chart-clock-main .clock-medium canvas {
    width: 180px !important;
    height: 180px !important;
  }
  .knob-block .chart-clock-main .clock-small {
    left: 34px;
    top: 74px;
  }
  .knob-block .chart-clock-main .clock-large {
    left: 0;
    top: 0;
    margin: 0 auto;
  }
  .knob-block .chart-clock-main .clock-large canvas {
    width: 245px !important;
    height: 245px !important;
  }
  .knob-block > div:not(.chart-clock-main) canvas {
    width: 245px !important;
    height: 245px !important;
  }
  .wizard-4 .action-bar .btn {
    width: 100%;
  }
  .wizard-4 .action-bar .btn + .btn {
    margin-top: 10px;
  }
  ul.notification-dropdown.onhover-show-div {
    width: 260px;
    right: -80px;
  }
  ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
    right: 89px !important;
  }
  .inline-block-sm {
    display: inline-block;
  }
  .pagination-lg .page-link {
    padding: 0.3rem 0.65rem;
  }
  .nav-pills li {
    width: 100%;
  }
  .reset-password-box {
    width: 290px;
  }
  .icon-hover-bottom .icon-first {
    margin-right: 10px;
  }
  .icon-hover-bottom .icon-popup .icon-class {
    display: none;
  }
  .error-wrapper .maintenance-heading {
    margin-top: 0;
  }
  .custom-card {
    padding: 0;
  }
  .custom-card .card-footer > div h3 {
    font-size: 20px;
  }
  .custom-card .card-social li {
    padding: 5px 0;
  }
  .custom-card .profile-details h6 {
    margin-bottom: 15px;
  }
  .custom-card .profile-details h4 {
    font-size: 20px;
  }
  .custom-card .card-profile img {
    height: 93px;
  }
  .card .card-header .card-header-right i {
    margin: 0 3px;
    font-size: 14px;
  }
  .card .card-header > span + span {
    display: none;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -50px;
  }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -40px;
  }
  .dropdown-basic {
    text-align: center;
  }
  .dropup-basic {
    text-align: center;
  }
  .blog-box.blog-shadow .blog-details {
    padding: 10px;
  }
  .blog-box.blog-shadow .blog-details h4 {
    font-size: 14px;
  }
  .mega-menu {
    padding-left: 20px;
    padding-top: 3px;
  }
  .mega-menu .onhover-show-div {
    height: 405px;
    left: 0;
    top: 61px;
    padding: 15px;
  }
  .badge {
    padding: 0.42em 0.7em;
  }
  .alert-dismissible .close {
    top: -1px;
  }
  .alert-dismissible .close span {
    font-size: 19px;
  }
  .notify-alert {
    width: 90%;
  }
}
@media only screen and (max-width: 420px) {
  .product-sidebar.open {
    top: -75px;
  }
  .alert-theme {
    font-size: 12px;
    min-width: 300px;
  }
  .alert-theme button {
    right: 30px !important;
  }
  .alert-theme i {
    display: none;
  }
  .alert-theme span + span + span {
    padding: 15px;
  }
  footer .footer-copyright {
    padding: 0px !important;
  }
  .and-many-more {
    font-size: 37px;
  }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    width: 112px;
  }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 112px;
    width: 190px;
  }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 80px;
  }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 80px;
    width: 210px;
  }
  .login-card .login-main .theme-form .link {
    position: unset;
  }
}
@media only screen and (max-width: 360px) {
  .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 45%;
  }
  .prooduct-details-box .close {
    right: 0;
    top: 5px;
  }
  .prooduct-details-box .btn {
    padding: 4px 8px;
  }
  .prooduct-details-box .media {
    padding: 15px;
    display: block;
  }
  .prooduct-details-box .media .media-body {
    margin-top: 15px;
  }
  .datepicker--nav-action {
    width: 20px;
    margin-left: -10px;
    background-color: transparent;
  }
  .datepicker--nav-action path {
    stroke: var(--theme-deafult);
  }
  .clockpicker-align-top {
    top: 426px !important;
  }
  .note {
    min-width: 250px;
  }
  .datepicker {
    width: 239px;
  }
  .add-post form .m-checkbox-inline label {
    margin-bottom: 8px;
  }
  .add-post form .m-checkbox-inline label:last-child {
    margin-bottom: 0;
  }
  .map-js-height {
    height: 250px;
  }
  .bar-chart-widget .earning-details i {
    right: -73px;
  }
  .status-widget svg {
    width: 18px;
    height: 18px;
  }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px 5px;
    font-size: 14px;
  }
  .user-profile .hovercard .user-image .share-icons {
    right: 6px;
    top: -15px;
  }
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    width: 25px;
    height: 25px;
  }
  .user-profile .hovercard .user-image .share-icons li .social-icon i {
    font-size: 14px;
  }
  .social-chat .other-msg {
    margin-left: 15px;
  }
  .social-header h5 span.pull-right {
    display: none;
  }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -74px;
    height: 56px;
  }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -32px;
    height: 14px;
  }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -59px;
    height: 40px;
  }
  .timeline-small .media .media-body p {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
  }
  .custom-card .dashboard-card {
    padding-top: 0;
  }
  .custom-card .card-profile img {
    bottom: 25px;
  }
  .custom-card .card-footer > div h6 {
    font-size: 12px;
  }
  .flot-chart-container {
    height: 230px;
  }
  .map-block {
    height: 250px;
  }
  .img-cropper .docs-tooltip {
    font-size: 11px;
  }
  .img-cropper .docs-toggles .btn-group .btn {
    padding: 0.375rem 0.2rem;
  }
  .blog-box .blog-details p {
    line-height: 1.5;
  }
  .blog-box .blog-details .blog-social li:last-child {
    padding-left: 0;
  }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px;
  }
  .button-builder-wrap .btn-lg {
    font-size: 18px;
  }
  .tabs-responsive-side {
    max-width: 100%;
  }
  .browser-widget .media i {
    font-size: 52px;
  }
  .browser-widget .media .media-body h4 {
    font-size: 20px;
  }
  .bar-chart-widget .bottom-content .num {
    font-size: 17px;
  }
  .search-page .theme-form .input-group .form-control-plaintext {
    padding-left: 10px;
  }
  .search-page .theme-form .input-group .btn {
    padding: 6px 4px;
  }
  .search-page .info-block {
    padding: 20px;
  }
  .wizard-4 ul.anchor {
    padding-top: 15px;
  }
  .wizard-4 .msg-box {
    top: 40px !important;
  }
  .xs-width-100 {
    min-width: 100%;
  }
  .form-builder #components .component .form-group #button1id {
    margin-bottom: 15px;
  }
  .default-according .card .card-header i {
    font-size: 14px;
    top: 24px;
  }
  .default-according .card .btn-link {
    display: block;
    width: 100%;
    padding-left: 17px;
  }
  .star-ratings .stars .title {
    line-height: 1;
  }
  .user-profile .hovercard .social-media a {
    padding: 0 6px;
  }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 93% !important;
  }
  .step-container {
    height: 280px !important;
  }
  .sort-panel .d-inline .btn {
    margin-left: 87px;
  }
  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {
    padding: 0.5em 0.62em;
  }
  .error-wrapper .error-heading .headline {
    font-size: 100px;
  }
  .lg-toolbar .lg-icon {
    width: 40px;
  }
  .calendar-wrap a.fc-more {
    font-size: 0.59em;
  }
  .calendar-wrap .fc th {
    font-size: 10px;
  }
  .modal-footer {
    display: block;
    text-align: center;
  }
  .order-box .qty li {
    font-size: 14px;
  }
  .order-box .qty li span {
    font-size: 14px;
  }
  .order-box ul li span {
    text-align: right;
  }
  .order-box ul li label {
    text-align: right;
    font-size: 14px;
  }
  .order-box .sub-total li .count {
    font-size: 14px;
  }
  .checkout .text-end {
    text-align: left !important;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) {
  .product-wrapper-grid.list-view .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .sidebar-wrapper .back-btn {
    display: none;
  }
}
@media (width: 768px) and (height: 1024px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 210px);
  }
}
/**=====================
     62. Responsive CSS Ends
==========================**/
/*# sourceMappingURL=responsive.css.map */
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* The MIT License */
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
.dropzone {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
  padding: 1em;
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dropzone * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.dropzone .dz-preview .dz-details {
  position: absolute;
  top: 10px;
  background-color: #eeeeee;
  width: 50%;
  left: 32px;
  text-align: center;
}
.dropzone .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 0;
}
.dropzone .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #8cc657;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: no-repeat;
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #ee162d;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: no-repeat;
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-error-mark span {
  display: none;
}
.dropzone .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #54BA4A;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
.dropzone .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload {
  background: #54BA4A;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.dropzone-previews {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone-previews .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #8cc657;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: no-repeat;
  background-position: -268px -163px;
}
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #ee162d;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: no-repeat;
  background-position: -268px -123px;
}
.dropzone-previews .dz-preview .dz-error-mark span {
  display: none;
}
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #54BA4A;
  display: none;
}
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: image-url("dropzone-spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.dropzone.dz-clickable {
  cursor: pointer;
  text-align: center;
}
.dropzone.dz-clickable .dz-message {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message .dz-message {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
  border-radius: 5px;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

.dropzone.dz-started .dz-message {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone {
  margin-right: auto;
  margin-left: auto;
  padding: 50px;
  border: 2px dashed var(--theme-deafult);
  border-radius: 15px;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  background: rgba(115, 102, 255, 0.1);
  box-sizing: border-box;
  min-height: 150px;
  position: relative;
}
.dropzone * {
  box-sizing: border-box;
}
.dropzone i {
  font-size: 50px;
  color: var(--theme-deafult);
}
.dropzone .dz-message {
  text-align: center;
  margin: 25px 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  margin: 0.5em;
  padding: 0;
  border: none;
  background-color: #eeeeee;
  width: 120px;
  height: 120px;
  box-shadow: 0px 0px 3px var(--theme-deafult);
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 10px;
  border: 1px solid #54BA4A;
  left: 12px;
  right: 12px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: #54BA4A;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
  top: 131px;
  left: -12px;
  pointer-events: none;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

.product-upload .dropzone {
  border: 2px solid var(--chart-dashed-border);
}
/*!
 * FilePond 4.30.4
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
/* Hard to override styles */
.filepond--browser.filepond--browser {
    /* is positioned absolute so it is focusable for form validation errors */
    position: absolute;
    margin: 0;
    padding: 0;

    /* is positioned ~behind drop label */
    left: 1em;
    top: 1.75em;
    width: calc(100% - 2em);

    /* hide visually */
    opacity: 0;
    font-size: 0; /* removes text cursor in Internet Explorer 11 */
}
.filepond--data {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden;
    pointer-events: none;
    contain: strict;
}
.filepond--drip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.1;

    /* can't interact with this element */
    pointer-events: none;

    /* inherit border radius from parent (needed for drip-blob cut of) */
    border-radius: 0.5em;

    /* this seems to prevent Chrome from redrawing this layer constantly */
    background: rgba(0, 0, 0, 0.01);
}
.filepond--drip-blob {
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    width: 8em;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    background: #292625;
    border-radius: 50%;

    /* will be animated */
    will-change: transform, opacity;
}
.filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;

    /* center contents */
    display: flex;
    justify-content: center;
    align-items: center;

    /* fixes IE11 centering problems (is overruled by label min-height) */
    height: 0px;

    /* dont allow selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* will be animated */
    will-change: transform, opacity;
}
/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: 0.5em; /* use padding instead of margin so click area is not impacted */
}
.filepond--drop-label label {
    cursor: default;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
}
.filepond--label-action {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    -webkit-text-decoration-color: #a7a4a4;
    text-decoration-color: #a7a4a4;
    cursor: pointer;
}
.filepond--root[data-disabled] .filepond--drop-label label {
    opacity: 0.5;
}
/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
    font-size: 1em;
    width: 1.625em;
    height: 1.625em;

    font-family: inherit;
    line-height: inherit;

    margin: 0;
    padding: 0;
    border: none;
    outline: none;

    will-change: transform, opacity;

    /* hidden label */
}
.filepond--file-action-button.filepond--file-action-button span {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
.filepond--file-action-button.filepond--file-action-button {
    /* scale SVG to fill button */
}
.filepond--file-action-button.filepond--file-action-button svg {
    width: 100%;
    height: 100%;
}
.filepond--file-action-button.filepond--file-action-button {
    /* bigger touch area */
}
.filepond--file-action-button.filepond--file-action-button::after {
    position: absolute;
    left: -0.75em;
    right: -0.75em;
    top: -0.75em;
    bottom: -0.75em;
    content: '';
}
/* Soft styles */
.filepond--file-action-button {
    /* use default arrow cursor */
    cursor: auto;

    /* reset default button styles */
    color: #fff;

    /* set default look n feel */
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;

    /* we animate box shadow on focus */
    /* it's only slightly slower than animating */
    /* a pseudo-element with transforms and renders */
    /* a lot better on chrome */
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow 0.25s ease-in;
}
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}
.filepond--file-action-button[disabled] {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.25);
}
.filepond--file-action-button[hidden] {
    display: none;
}
/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
    width: 2em;
    height: 2em;
    padding: 0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {
    margin-left: -0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {
    margin-bottom: -0.1875em;
}
.filepond--action-edit-item-alt {
    border: none;
    line-height: inherit;
    background: transparent;
    font-family: inherit;
    color: inherit;
    outline: none;
    padding: 0;
    margin: 0 0 0 0.25em;
    pointer-events: all;
    position: absolute;
}
.filepond--action-edit-item-alt svg {
    width: 1.3125em;
    height: 1.3125em;
}
.filepond--action-edit-item-alt span {
    font-size: 0;
    opacity: 0;
}
.filepond--file-info {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin: 0 0.5em 0 0;
    min-width: 0;

    /* will be animated */
    will-change: transform, opacity;

    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* no margins on children */
}
.filepond--file-info * {
    margin: 0;
}
.filepond--file-info {
    /* we don't want to have these overrules so these selectors are a bit more specific */
}
.filepond--file-info .filepond--file-info-main {
    font-size: 0.75em;
    line-height: 1.2;

    /* we want ellipsis if this bar gets too wide */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.filepond--file-info .filepond--file-info-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out;
    white-space: nowrap;
}
.filepond--file-info .filepond--file-info-sub:empty {
    display: none;
}
.filepond--file-status {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 0;
    flex-shrink: 0;

    margin: 0;
    min-width: 2.25em;
    text-align: right;

    /* will be animated */
    will-change: transform, opacity;

    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* no margins on children */
}
.filepond--file-status * {
    margin: 0;
    white-space: nowrap;
}
.filepond--file-status {
    /* font sizes */
}
.filepond--file-status .filepond--file-status-main {
    font-size: 0.75em;
    line-height: 1.2;
}
.filepond--file-status .filepond--file-status-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out;
}
/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    height: 100%;

    /* hide legend for visual users */
}
.filepond--file-wrapper.filepond--file-wrapper > legend {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
.filepond--file {
    position: static;
    display: flex;
    height: 100%;
    align-items: flex-start;

    padding: 0.5625em 0.5625em;

    color: #fff;
    border-radius: 0.5em;

    /* control positions */
}
.filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em;
}
.filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
}
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
    position: absolute;
}
.filepond--file {
    /* .filepond--file-action-button */
}
.filepond--file [data-align*='left'] {
    left: 0.5625em;
}
.filepond--file [data-align*='right'] {
    right: 0.5625em;
}
.filepond--file [data-align*='center'] {
    left: calc(50% - 0.8125em); /* .8125 is half of button width */
}
.filepond--file [data-align*='bottom'] {
    bottom: 1.125em;
}
.filepond--file [data-align='center'] {
    top: calc(50% - 0.8125em);
}
.filepond--file .filepond--progress-indicator {
    margin-top: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*='right'] {
    margin-right: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*='left'] {
    margin-left: 0.1875em;
}
/* make sure text does not overlap */
[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
    margin-right: 2.25em;
}
[data-filepond-item-state~='processing'] .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state~='processing']
    .filepond--action-abort-item-processing
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-error'] .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-error']
    .filepond--action-retry-item-processing
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-complete'] {
    /* busy state */
}
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
    -webkit-animation: fall 0.5s 0.125s linear both;
    animation: fall 0.5s 0.125s linear both;
}
[data-filepond-item-state='processing-complete'] {
    /* hide details by default, only show when can revert */
}
[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-complete']
    .filepond--processing-complete-indicator:not([style*='hidden'])
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-complete'] .filepond--file-info-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-complete']
    .filepond--action-revert-item-processing
    ~ .filepond--file-info
    .filepond--file-info-sub {
    opacity: 0.5;
}
/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
    -webkit-animation: shake 0.65s linear both;
    animation: shake 0.65s linear both;
}
/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
/**
 * States
 */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%,
    80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%,
    60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}
@keyframes shake {
    10%,
    90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%,
    80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%,
    60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}
@-webkit-keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state='drag-over'] > * {
    pointer-events: none;
}
/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state='drag-over']::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.filepond--progress-indicator {
    z-index: 103;
}
.filepond--file-action-button {
    z-index: 102;
}
.filepond--file-status {
    z-index: 101;
}
.filepond--file-info {
    z-index: 100;
}
.filepond--item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;

    padding: 0;
    margin: 0.25em;

    will-change: transform, opacity;

    /* item children order */
}
.filepond--item > .filepond--panel {
    z-index: -1;
}
/* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
    box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}
.filepond--item {
    /* drag related */
}
.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
    transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
    cursor: -webkit-grab;
    cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
    transition: box-shadow 0.125s ease-in-out;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.filepond--item[data-drag-state='drag'] {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.filepond--item[data-drag-state='drag'] > .filepond--panel {
    box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}
.filepond--item[data-drag-state]:not([data-drag-state='idle']) {
    z-index: 2;
}
/* states */
.filepond--item-panel {
    background-color: #64605e;
}
[data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: #369763;
}
[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
    background-color: #c44e47;
}
/* style of item panel */
.filepond--item-panel {
    border-radius: 0.5em;
    transition: background-color 0.25s;
}
/* normal mode */
.filepond--list-scroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    will-change: transform;
}
/* scroll mode */
.filepond--list-scroller[data-state='overflow'] .filepond--list {
    bottom: 0;
    right: 0;
}
.filepond--list-scroller[data-state='overflow'] {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
    mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}
/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
    background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 99999px;
    border: 0.3125em solid transparent;
    background-clip: content-box;
}
/* hard to overide styles on purpose */
.filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;

    /* prevents endless paint calls on filepond--list-scroller */
    will-change: transform;
}
/* used for padding so allowed to be restyled */
.filepond--list {
    left: 0.75em;
    right: 0.75em;
}
.filepond--root[data-style-panel-layout~='integrated'] {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
    border-radius: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
    bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7;
}
.filepond--root[data-style-panel-layout~='circle'],
.filepond--root[data-style-panel-layout~='integrated'] {
    /* we're only loading one item, this makes the intro animation a bit nicer */
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
    display: none;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
    overflow: hidden;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
    left: 0;
    right: 0;
    height: 100%;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
    margin: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
    height: 100%;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
    z-index: 7;
}
.filepond--root[data-style-panel-layout~='circle'] {
    border-radius: 99999rem;
    overflow: hidden;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
    border-radius: inherit;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] {
    /* circle cuts of this info, so best to hide it */
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important;
}
/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .filepond--root[data-style-panel-layout~='circle'] {
            will-change: transform;
        }
    }
}
.filepond--panel-root {
    border-radius: 0.5em;
    background-color: #f1f0ef;
}
.filepond--panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;

    /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
    height: 100% !important;

    /* no interaction possible with panel */
    pointer-events: none;
}
.filepond-panel:not([data-scalable='false']) {
    height: auto !important;
}
.filepond--panel[data-scalable='false'] > div {
    display: none;
}
.filepond--panel[data-scalable='true'] {
    /* this seems to fix Chrome performance issues */
    /* - when box-shadow is enabled */
    /* - when multiple ponds are active on the same page */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    /* prevent borders and backgrounds */
    background-color: transparent !important;
    border: none !important;
}
.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.filepond--panel-top,
.filepond--panel-bottom {
    height: 0.5em;
}
.filepond--panel-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;

    /* fixes tiny transparant line between top and center panel */
}
.filepond--panel-top::after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: inherit;
}
.filepond--panel-center,
.filepond--panel-bottom {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 0.5em, 0);
}
.filepond--panel-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;

    /* fixes tiny transparant line between bottom and center of panel */
}
.filepond--panel-bottom::before {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: -1px;
    background-color: inherit;
}
.filepond--panel-center {
    /* the center panel is scaled using scale3d to fit the correct height */
    /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
    height: 100px !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}
.filepond--panel-center:not([style]) {
    visibility: hidden;
}
.filepond--progress-indicator {
    position: static;
    width: 1.25em;
    height: 1.25em;

    color: #fff;

    /* can't have margins */
    margin: 0;

    /* no interaction possible with progress indicator */
    pointer-events: none;

    /* will be animated */
    will-change: transform, opacity;
}
.filepond--progress-indicator svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    transform-box: fill-box; /* should center the animation correctly when zoomed in */
}
.filepond--progress-indicator path {
    fill: none;
    stroke: currentColor;
}
.filepond--list-scroller {
    z-index: 6;
}
.filepond--drop-label {
    z-index: 5;
}
.filepond--drip {
    z-index: 3;
}
.filepond--root > .filepond--panel {
    z-index: 2;
}
.filepond--browser {
    z-index: 1;
}
.filepond--root {
    /* layout*/
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;

    /* base font size for whole component */
    font-size: 1rem;

    /* base line height */
    line-height: normal;

    /* up uses default system font family */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

    /* will increase font weight a bit on Safari */
    font-weight: 450;

    /* default text alignment */
    text-align: left;

    /* better text rendering on Safari */
    text-rendering: optimizeLegibility;

    /* text direction is ltr for now */
    direction: ltr;

    /* optimize rendering */
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
    contain: layout style size;

    /* correct box sizing, line-height and positioning on child elements */
}
.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
}
.filepond--root *:not(text) {
    font-size: inherit;
}
.filepond--root {
    /* block everything */
}
.filepond--root[data-disabled] {
    pointer-events: none;
}
.filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all;
}
.filepond--root[data-disabled] .filepond--list {
    pointer-events: none;
}
/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}
.filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
}
.filepond--root .filepond--credits {
    position: absolute;
    right: 0;
    opacity: 0.175;
    line-height: 0.85;
    font-size: 11px;
    color: inherit;
    text-decoration: none;
    z-index: 3;
    bottom: -14px;
}
.filepond--root .filepond--credits[style] {
    top: 0;
    bottom: auto;
    margin-top: 14px;
}

/*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}
.filepond--image-preview-wrapper {
  z-index: 2;
}
.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}
.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}
.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgba(54, 151, 99, 1);
}
.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgba(196, 78, 71, 1);
}
/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and
  ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;

  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;

  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;

  /* will be animated */
  will-change: transform, opacity;
}
.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;

  /* transparency indicator (currently only supports grid or basic color) */
}
.filepond--image-clip[data-transparency-indicator='grid'] img,
.filepond--image-clip[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}
.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='left'] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='right'] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}